0x2620/oxjs
2
0
Fork 1
Code Issues 172 Pull requests Releases Wiki Activity

add Ox.Progressbar

Browse source
This commit is contained in:
rlx 2011-09-01 09:35:45 +00:00
parent 90e795d194
commit 2a9053a588
4 changed files with 50 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
source/Ox.UI/css/Ox.UI.css
View file

@ -69,6 +69,16 @@ Bars
white-space: nowrap;
}
.OxProgressbar {
height: 16px;
border-radius: 8px;
}
.OxProgressbar > div {
width: 16px;
height: 16px;
border-radius: 8px;
}
.OxResizebar {
z-index: 2;
}

31
source/Ox.UI/js/Bar/Ox.Progressbar.js Normal file
View file

@ -0,0 +1,31 @@
Ox.Progressbar = function(options, self) {
self = self || {};
var that = Ox.Element({}, self)
.defaults({
progress: 0,
width: 256
})
.options(options || {})
.addClass('OxProgressbar')
.css({width: self.options.width});
self.$progress = $('<div>').appendTo(that);
setProgress();
function setProgress() {
self.$progress.css({
width: Math.round(16 + self.options.progress * (self.options.width - 16)) + 'px'
});
}
self.setOption = function(key, value) {
if (key == 'progress') {
setProgress();
}
}
return that;
};

1
source/Ox.UI/js/List/Ox.List.js
View file

@ -697,7 +697,6 @@ Ox.List = function(options, self) {
offset = page * self.pageLength,
range = [offset, offset + getPageLength(page)];
if (Ox.isUndefined(self.$pages[page])) { // fixme: unload will have made this undefined already
Ox.print('###################################', self.listLength, getPageLength(0))
self.$pages[page] = constructEmptyPage(page);
self.options.type == 'text' && page == 0 && fillFirstPage();
self.$pages[page].appendTo(that.$content);

9
source/Ox.UI/themes/modern/css/modern.css
View file

@ -30,6 +30,15 @@ Bars
background: -webkit-linear-gradient(top, rgb(64, 64, 64), rgb(32, 32, 32));
}
.OxThemeModern .OxProgressbar {
background: -moz-linear-gradient(top, rgb(0, 0, 0), rgb(32, 32, 32));
background: -webkit-linear-gradient(top, rgb(0, 0, 0), rgb(32, 32, 32));
}
.OxThemeModern .OxProgressbar > div {
background: -moz-linear-gradient(top, rgb(96, 96, 96), rgb(64, 64, 64));
background: -webkit-linear-gradient(top, rgb(96, 96, 96), rgb(64, 64, 64));
}
.OxThemeModern .OxResizebar > .OxLine {
background-color: rgb(48, 48, 48);
}