huge update to mooui

continuting change to camelcase
This commit is contained in:
Damien Churchill 2008-09-29 23:09:44 +00:00
parent 92987a05cd
commit a7f1704c28
10 changed files with 515 additions and 517 deletions

View File

@ -2,27 +2,27 @@
<fieldset>
<legend>$_('Global Bandwidth Usage')</legend>
<label>$_('Max Connections'):</label>
<input type="text" name="max_connections_global" class="mooui-spinner" />
<input type="text" name="max_connections_global" class="moouiSpinner" />
<br/>
<label>$_('Max Upload Slots'):</label>
<input type="text" name="max_upload_slots_global" class="mooui-spinner" />
<input type="text" name="max_upload_slots_global" class="moouiSpinner" />
<br/>
<label>$_('Max Download Speed') (KiB/s):</label>
<input type="text" name="max_download_speed" class="mooui-spinner" />
<input type="text" name="max_download_speed" class="moouiSpinner" />
<br/>
<label>$_('Max Upload Speed') (KiB/s):</label>
<input type="text" name="max_upload_speed" class="mooui-spinner" />
<input type="text" name="max_upload_speed" class="moouiSpinner" />
<br/>
<label>$_('Max Half-Open Connections'):</label>
<input type="text" name="max_half_open_connections" class="mooui-spinner" />
<input type="text" name="max_half_open_connections" class="moouiSpinner" />
<br/>
<label>$_('Max Conection Attempts per Second'):</label>
<input type="text" name="max_connections_per_second" class="mooui-spinner" />
<input type="text" name="max_connections_per_second" class="moouiSpinner" />
<br/>
<label class="fluid">
@ -33,19 +33,19 @@
<fieldset>
<legend>$_('Per Torrent Bandwidth Usage')</legend>
<label>$_('Max Connections'):</label>
<input type="text" name="max_connections_per_torrent" class="mooui-spinner" />
<input type="text" name="max_connections_per_torrent" class="moouiSpinner" />
<br/>
<label>$_('Max Upload Slots'):</label>
<input type="text" name="max_upload_slots_per_torrent" class="mooui-spinner" />
<input type="text" name="max_upload_slots_per_torrent" class="moouiSpinner" />
<br/>
<label>$_('Max Download Speed') (KiB/s):</label>
<input type="text" name="max_download_speed_per_torrent" class="mooui-spinner" />
<input type="text" name="max_download_speed_per_torrent" class="moouiSpinner" />
<br/>
<label>$_('Max Upload Speed') (KiB/s):</label>
<input type="text" name="max_upload_speed_per_torrent" class="mooui-spinner" />
<input type="text" name="max_upload_speed_per_torrent" class="moouiSpinner" />
<br/>
</fieldset>
</form>

View File

@ -1,7 +1,7 @@
<form>
<fieldset>
<legend>$_('Port')</legend>
<label>$_('Daemon Port'):</label><input type="text" name="daemon_port" class="mooui-spinner" /><br/>
<label>$_('Daemon Port'):</label><input type="text" name="daemon_port" class="moouiSpinner" /><br/>
</fieldset>
<fieldset>
<legend>$_('Connections')</legend>

View File

@ -9,11 +9,11 @@
<label class="fluid">
$_('From'):
</label>
<input type="text" name="start_listen_port" class="mooui-spinner" />
<input type="text" name="start_listen_port" class="moouiSpinner" />
<label class="fluid">
$_('To'):
</label>
<input type="text" name="end_listen_port" class="mooui-spinner" /><br/>
<input type="text" name="end_listen_port" class="moouiSpinner" /><br/>
</fieldset>
<fieldset>
@ -26,11 +26,11 @@
<label class="fluid">
$_('From'):
</label>
<input type="text" name="start_outgoing_port" class="mooui-spinner" />
<input type="text" name="start_outgoing_port" class="moouiSpinner" />
<label class="fluid">
$_('To'):
</label>
<input type="text" name="end_outgoing_port" class="mooui-spinner" /><br/>
<input type="text" name="end_outgoing_port" class="moouiSpinner" /><br/>
</fieldset>
<fieldset>

View File

@ -5,17 +5,17 @@
</fieldset>
<fieldset>
<legend>$_('Active Torrents')</legend>
<label>$_('Total active'):</label><input type="text" name="max_active_limit" class="mooui-spinner" /><br/>
<label>$_('Total active downloading'):</label><input type="text" name="max_active_downloading" class="mooui-spinner" /><br/>
<label>$_('Total active seeding'):</label><input type="text" name="max_active_seeding" class="mooui-spinner" /><br/>
<label>$_('Total active'):</label><input type="text" name="max_active_limit" class="moouiSpinner" /><br/>
<label>$_('Total active downloading'):</label><input type="text" name="max_active_downloading" class="moouiSpinner" /><br/>
<label>$_('Total active seeding'):</label><input type="text" name="max_active_seeding" class="moouiSpinner" /><br/>
<label class="fluid"><input type="checkbox" name="dont_count_slow_torrents" />$_('Do not count slow torrents')</label>
</fieldset>
<fieldset>
<legend>$_('Seeding')</legend>
<label>$_('Share Ratio Limit'):</label><input type="text" name="share_ratio_limit" class="mooui-spinner" /><br/>
<label>$_('Seed Time Ratio'):</label><input type="text" name="stop_seed_ratio" class="mooui-spinner" /><br/>
<label>$_('Seed Time') (m):</label><input type="text" name="seed_time_limit" class="mooui-spinner" /><br/>
<label class="fluid"><input type="checkbox" name="stop_seed_at_ratio" />$_('Stop seeding when share ratio reaches'):</label><input type="text" name="stop_seed_ratio" class="mooui-spinner" />
<label>$_('Share Ratio Limit'):</label><input type="text" name="share_ratio_limit" class="moouiSpinner" /><br/>
<label>$_('Seed Time Ratio'):</label><input type="text" name="stop_seed_ratio" class="moouiSpinner" /><br/>
<label>$_('Seed Time') (m):</label><input type="text" name="seed_time_limit" class="moouiSpinner" /><br/>
<label class="fluid"><input type="checkbox" name="stop_seed_at_ratio" />$_('Stop seeding when share ratio reaches'):</label><input type="text" name="stop_seed_ratio" class="moouiSpinner" />
<label class="fluid"><input type="checkbox" name="remote_seed_at_ratio" />$_('Remove torrent when share ratio reached')</label>
</fieldset>
</form>

View File

@ -4,13 +4,13 @@
* Depends: []
*/
ul.mooui-menu {
ul.moouiMenu {
position: absolute;
z-index: 1000;
padding: 0;
}
ul.mooui-menu li {
ul.moouiMenu li {
position: relative;
list-style: none;
margin: 1px;
@ -21,40 +21,40 @@ ul.mooui-menu li {
background: no-repeat 2px;
}
ul.mooui-menu li.mooui-menu-icon {
ul.moouiMenu li.moouiMenuIcon {
padding-left: 20px;
}
ul.mooui-menu li.mooui-menu-sep {
ul.moouiMenu li.moouiMenuSep {
height: 1px;
line-height: 1px;
}
ul.mooui-menu li.mooui-menu-toggle input {
ul.moouiMenu li.moouiMenuToggle input {
cursor: pointer;
}
ul.mooui-menu li.mooui-menu-toggle span span {
ul.moouiMenu li.moouiMenuToggle span span {
position: relative;
top: -3px;
}
ul.mooui-menu li > ul {
ul.moouiMenu li > ul {
display: none;
position: relative;
top: -20px;
width: 400px;
}
ul.mooui-menu li:hover {
ul.moouiMenu li:hover {
cursor: pointer;
}
ul.mooui-menu li:hover > ul {
ul.moouiMenu li:hover > ul {
display: block;
}
ul.mooui-menu li.mooui-menu-sep:hover {
ul.moouiMenu li.moouiMenuSep:hover {
cursor: default;
}
@ -64,7 +64,7 @@ ul.mooui-menu li.mooui-menu-sep:hover {
* Depends: []
*/
.mooui-progressbar span {
.moouiProgressBar span {
text-align: center;
float: left;
}
@ -75,20 +75,22 @@ ul.mooui-menu li.mooui-menu-sep:hover {
* Depends: []
*/
.mooui-pane {
position: absolute;
.moouiPane {
float: left;
position: relative;
}
.mooui-splitter {
position: absolute;
.moouiSplitter {
position: relative;
float: left;
background: Gray;
}
.mooui-splitter-vertical {
.moouiSplitterVertical {
cursor: e-resize;
}
.mooui-splitter-horizontal {
.moouiSplitterHorizontal {
cursor: n-resize;
}
@ -98,13 +100,13 @@ ul.mooui-menu li.mooui-menu-sep:hover {
* Depends: []
*/
.mooui-tabs ul {
.moouiTabs ul {
list-style: none;
padding: 0;
margin: 0;
}
.mooui-tabs li {
.moouiTabs li {
float: left;
padding: 4px;
cursor: pointer;
@ -113,15 +115,15 @@ ul.mooui-menu li.mooui-menu-sep:hover {
-webkit-border-radius: 5px 5px 0 0;
}
.mooui-tabs div {
.moouiTabs div {
clear: left;
}
.mooui-tabpage {
.moouiTabPage {
display: none;
}
.mooui-tabpage-active {
.moouiTabPageActive {
display: block;
}
@ -131,20 +133,20 @@ ul.mooui-menu li.mooui-menu-sep:hover {
* Depends: []
*/
.mooui-window {
.moouiWindow {
position: fixed;
top: 0px;
left: 200px;
z-index: 100;
}
.mooui-window-title {
.moouiWindowTitle {
margin: 10px;
cursor: pointer;
float: left;
}
.mooui-window-close {
.moouiWindowClose {
float: right;
width: 16px;
height: 16px;
@ -152,7 +154,7 @@ ul.mooui-menu li.mooui-menu-sep:hover {
cursor: pointer;
}
.mooui-window-content {
.moouiWindowContent {
clear: both;
padding: 5px;
}

View File

@ -79,7 +79,7 @@ Deluge.UI = {
this.torrentAction(e.action, e.value)
}.bind(this))
this.grid.addEvent('row_menu', function(e) {
this.grid.addEvent('rowMenu', function(e) {
e.stop()
var value = this.grid.selectedRow.torrent.is_auto_managed;
menu.items[3].items[4].set(value)
@ -87,7 +87,7 @@ Deluge.UI = {
menu.show(e)
}.bindWithEvent(this))
this.grid.addEvent('selectedchanged', function(e) {
this.grid.addEvent('selectedChanged', function(e) {
if ($chk(this.grid.selectedRow)) {
this.details.update(this.grid.selectedRow.id);
} else {

File diff suppressed because it is too large Load Diff

View File

@ -74,15 +74,15 @@ body {
text-align: right;
}
.mooui-splitter {
.moouiSplitter {
background: none;
}
.mooui-splitter-vertical {
.moouiSplitterVertical {
background: url(split_vertical.png) repeat-y;
}
.mooui-splitter-horizontal {
.moouiSplitterHorizontal {
background: url(split_horizontal.png) repeat-x;
}
@ -138,39 +138,39 @@ body {
text-decoration: none;
}
.mooui-datagrid {
.moouiDataGrid {
overflow: auto;
margin: 5px;
border: 1px solid #2a425c;
}
.mooui-datagrid table {
.moouiDataGrid table {
/*background: #304663;*/
border-spacing: 0px;
}
.mooui-datagrid table th {
.moouiDataGrid table th {
font-weight: normal;
border: 1px outset #1c2431;
margin-bottom: 2px;
cursor: pointer;
}
.mooui-datagrid table td {
.moouiDataGrid table td {
padding: 2px;
border-bottom: 1px solid #1c2431;
cursor: pointer;
}
.mooui-datagrid table tr.selected td { background: #900; }
.mooui-datagrid table tr:hover td { background: #68a; }
.moouiDataGrid table tr.selected td { background: #900; }
.moouiDataGrid table tr:hover td { background: #68a; }
.mooui-progressbar div {
.moouiProgressBar div {
background: #4573a5;
-moz-border-radius:5px; /*ff only setting*/
-webkit-border-radius: 5px;
}
.mooui-progressbar span {
.moouiProgressBar span {
text-align: center;
}
@ -179,37 +179,37 @@ body {
background: #1c2431 url(simple_line_flipped.png) repeat-x;
}
.mooui-menu {
.moouiMenu {
background: #304663 url(menu_bg.jpg) repeat-x;
border: 1px outset #37506f;
}
ul.mooui-menu li.mooui-menu-sep {
ul.moouiMenu li.moouiMenuSep {
background-color: #aaa;
}
ul.mooui-menu li:hover {
ul.moouiMenu li:hover {
background-color: #426187;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
ul.mooui-menu li.mooui-menu-sep:hover {
ul.moouiMenu li.moouiMenuSep:hover {
background-color: #aaa;
}
.mooui-window {
.moouiWindow {
background: #426187;
border: 1px solid #1c2431;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.mooui-window-close {
.moouiWindowClose {
background-image: url(window_close.png);
}
.mooui-window-title {
.moouiWindowTitle {
margin: 5px;
}
@ -281,7 +281,7 @@ form br {
margin-left: 100px;
}
.mooui-window-content #preferences .categories li:hover {
.moouiWindowContent #preferences .categories li:hover {
text-decoration: underline;
}
@ -305,7 +305,7 @@ form br {
font-weight: bold;
}
.mooui-spinner {
.moouiSpinner {
width: 40px;
margin-right: 20px;
}

View File

@ -74,19 +74,10 @@ body {
font-size: 26px;
}
.mooui-splitter {
.moouiSplitter {
background: none;
}
/*.mooui-splitter-vertical {
background: url(/template/static/images/split_vertical.png) repeat-y;
}
.mooui-splitter-horizontal {
background: url(/template/static/images/split_horizontal.png) repeat-x;
}*/
#toolbar #buttons #add {background-image:url(/template/static/icons/32/add.png)}
#toolbar #buttons #remove {background-image:url(/template/static/icons/32/remove.png)}
#toolbar #buttons #pause {background-image:url(/template/static/icons/32/pause.png)}
@ -145,7 +136,7 @@ body {
}
.mooui-datagrid {
.moouiDataGrid {
overflow: auto;
margin: 5px;
border: 4px solid #C3D9FF;
@ -153,33 +144,33 @@ body {
-webkit-border-radius: 5px;
}
.mooui-datagrid table {
.moouiDataGrid table {
/*background: #304663;*/
border-spacing: 0px;
}
.mooui-datagrid table th {
.moouiDataGrid table th {
font-weight: normal;
background: #C3D9FF;
margin-bottom: 2px;
cursor: pointer;
}
.mooui-datagrid table td {
.moouiDataGrid table td {
padding: 2px;
border-bottom: 1px solid #1c2431;
cursor: pointer;
}
.mooui-datagrid table tr.selected td { background: #E0ECFF; }
.mooui-datagrid table tr:hover td { background: #FFFFCC; }
.moouiDataGrid table tr.selected td { background: #E0ECFF; }
.moouiDataGrid table tr:hover td { background: #FFFFCC; }
.mooui-progressbar div {
.moouiProgressBar div {
background: #C3D9FF;
-moz-border-radius:5px; /*ff only setting*/
-webkit-border-radius: 5px;
}
.mooui-progressbar span {
.moouiProgressBar span {
text-align: center;
}
@ -187,21 +178,21 @@ body {
padding: 5px;
}
#details .mooui-tabs li {
#details .moouiTabs li {
background: #E0ECFF;
padding: 7px;
font-size: 1.1em;
}
#details .mooui-tabs li:hover {
#details .moouiTabs li:hover {
background: #C3D9FF;
}
#details li.mooui-tabs-active {
#details li.moouiTabActive {
background: #C3D9FF;
}
#details .mooui-tabpage {
#details .moouiTabPage {
background: #C3D9FF;
padding: 5px;
-moz-border-radius:0 5px 5px 5px;
@ -248,37 +239,37 @@ body {
-moz-border-radius: 7px 7px 0px 0px;
}
.mooui-menu {
.moouiMenu {
background: #E0ECFF;
border: 1px outset Gray;
}
ul.mooui-menu li.mooui-menu-sep {
ul.moouiMenu li.moouiMenuSep {
background-color: Gray;
}
ul.mooui-menu li:hover {
ul.moouiMenu li:hover {
background-color: #a0a0a0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
ul.mooui-menu li.mooui-menu-sep:hover {
ul.moouiMenu li.moouiMenuSep:hover {
background-color: Gray;
}
.mooui-window {
.moouiWindow {
background: #C3D9FF;
border: 1px solid #1c2431;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.mooui-window-close {
background-image: url(/template/static/images/window_close.png);
.moouiWindowClose {
background-image: url(/template/static/themes/white/window_close.png);
}
.mooui-window-title {
.moouiWindowTitle {
margin: 5px;
}
@ -346,7 +337,7 @@ form br {
margin-left: 100px;
}
.mooui-window-content #preferences .categories li:hover {
.moouiWindowContent #preferences .categories li:hover {
text-decoration: underline;
}
@ -370,7 +361,7 @@ form br {
font-weight: bold;
}
.mooui-spinner {
.moouiSpinner {
width: 40px;
margin-right: 20px;
}

View File

@ -43,21 +43,21 @@ html, body {
padding: 5px;
}
#details .mooui-tabs li {
#details .moouiTabs li {
background: #37506f;
padding: 7px;
font-size: 1.1em;
}
#details .mooui-tabs li:hover {
#details .moouiTabs li:hover {
background: #426187;
}
#details li.mooui-tabs-active {
#details li.moouiTabActive {
background: #426187;
}
#details .mooui-tabpage {
#details .moouiTabPage {
background: #426187;
padding: 5px;
-moz-border-radius:0 5px 5px 5px;
@ -123,28 +123,28 @@ html, body {
display: block;
}
.mooui-window-content #preferences .categories {
.moouiWindowContent #preferences .categories {
float: left;
width: 100px;
padding-left: 10px;
}
.mooui-window-content #preferences .pref_pages h3 {
.moouiWindowContent #preferences .pref_pages h3 {
margin-bottom: 5px;
}
.mooui-window-content #preferences .pref_pages {
.moouiWindowContent #preferences .pref_pages {
float: left;
width: 380px;
}
.mooui-window-content #preferences .categories ul {
.moouiWindowContent #preferences .categories ul {
list-style: none;
padding: 0;
padding-left: 10px;
}
.mooui-window-content #preferences .categories li {
.moouiWindowContent #preferences .categories li {
cursor: pointer;
}