Skip to content

E
ecommerce-ui
Commit 59aeb853 authored by Sven Franck's avatar Sven Franck
Browse files
Options

first commit aide-et-action

parent fb2959a5
Hide whitespace changes
Inline Side-by-side
Showing with 1205 additions and 4241 deletions
css/extensions.css
View file @ 59aeb853
......@@ -142,29 +142,37 @@ html body .ui-input-text .ui-input-action:active {
}
}
html div.ui-table-wrapper-top p,
html div.ui-table-wrapper-bottom p {
margin-top: 3px;
margin-bottom: 3px;
}
html table.ui-table thead th, html table.ui-table thead td {
padding: 0;
}
/* font-size */
html table.ui-table {
font-size: 90%;
/* font-size: 90%; */
}
html div.ui-table-wrapper-top > *,
html div.ui-table-wrapper-bottom > *,
html div.ui-collapsible-set {
font-size: 100%;
/* font-size: 100%; */
}
@media (min-width: 40em) {
html table.ui-table {
font-size: 80%;
/* font-size: 80%; */
}
html div.ui-collapsible-set table.ui-table {
font-size: 90%;
/* font-size: 90%; */
}
html div.ui-table-wrapper-top > *,
html div.ui-table-wrapper-bottom > *,
html div.ui-collapsible-set {
font-size: 90%;
/* font-size: 90%;*/
}
html table thead th a.ui-btn {
font-size: 100%;
/* font-size: 100%; */
}
}
/* shrink icon font-size (should not be set here...) */
......@@ -180,6 +188,7 @@ html div.ui-collapsible-set h1 .ui-btn[class*="ui-icon-"]:after{
html table.ui-table tbdoy th,
html table.ui-table tbody td {
text-align: right;
padding: 0 1em;
}
html table.ui-table tbody td a,
html table.ui-table tbody th a {
......@@ -206,19 +215,6 @@ html table.ui-table tr td .ui-controlgroup {
margin: 0;
text-align: center;
}
/* TODO: bad... */
html .content_element > .action_menu {
font-size: 95%;
margin: 0 auto;
max-width: 60%;
}
@media (min-width: 40em) {
html .content_element > .action_menu {
font-size: 90%;
margin: 0 auto;
max-width: 50%;
}
}
html table.ui-table tr td .ui-controlgroup .ui-controlgroup-controls {
width: auto;
}
......
css/tabs.backup.css deleted 100644 → 0
View file @ fb2959a5
/* horizontal tabs */
/* margins set: -1em, tabs regular: 0, inset 1em */
.ui-collapsible-set-horizontal {
margin-left: -1em;
margin-right: -1em;
}
.ui-collapsible-set-horizontal .ui-collapsible {
margin-left: 0;
margin-right: 0;
}
/* fallback on small screens = override grid */
@media (max-width: 40em) {
.ui-collapsible-set-horizontal[class*="ui-grid-"] .ui-collapsible {
overflow: auto;
clear: none;
float: none;
width: auto;
}
.ui-collapsible-set-horizontal .ui-collapsible.ui-collapsible-inset {
margin-left: 1em;
margin-right: 1em;
}
}
@media (min-width: 40em) {
.ui-collapsible-set-horizontal .ui-collapsible-content .ui-listview {
margin-top: 0 !important;
}
.ui-collapsible-set-horizontal .ui-collapsible h3 .ui-btn {
border-bottom-width: 1px;
}
.ui-collapsible-set .ui-collapsible {
margin-top: 0;
}
.ui-collapsible-set-horizontal .ui-collapsible .ui-collapsible-heading .ui-btn {
border-left-width: 1px;
}
.ui-collapsible-set-horizontal .ui-collapsible.ui-last-child .ui-collapsible-heading .ui-btn {
border-right-width: 1px;
}
.ui-collapsible-set-horizontal .ui-collapsible-heading {
width: 100%;
margin: 0;
}
.ui-collapsible-set-horizontal .ui-collapsible-content {
margin-top: -15px;
}
.ui-collapsible-set-horizontal .ui-collapsible .ui-btn-active {
border-bottom-width: 0;
}
.ui-collapsible-set-horizontal .ui-collapsible-collapsed .ui-btn {
border-bottom-width: 1px;
}
.ui-collapsible-set-horizontal .ui-collapsible .ui-collapsible-content {
border-top-width: 0;
}
}
\ No newline at end of file
css/themes.css
View file @ 59aeb853
......@@ -44,29 +44,29 @@ html .listview .ui-li-divider {
}
@media (max-width: 40em) {
.ui-page-theme-slapos-white:before,
.ui-page-theme-slapos-white .ui-panel-wrapper:before {
.ui-page-theme-aide-white:before,
.ui-page-theme-aide-white .ui-panel-wrapper:before {
-webkit-background-size: 30%;
background-size: 30%;
}
}
@media (max-width: 30em) {
.ui-page-theme-slapos-white:before,
.ui-page-theme-slapos-white .ui-panel-wrapper:before {
.ui-page-theme-aide-white:before,
.ui-page-theme-aide-white .ui-panel-wrapper:before {
-webkit-background-size: 35%;
background-size: 35%;
}
}
@media (max-width: 20em) {
.ui-page-theme-slapos-white:before,
.ui-page-theme-slapos-white .ui-panel-wrapper:before {
.ui-page-theme-aide-white:before,
.ui-page-theme-aide-white .ui-panel-wrapper:before {
-webkit-background-size: 40%;
background-size: 40%;
}
}
*/
/* JQM custom themes */
/* slapos-white */
/* aide-white */
/*-----------------------------------------------------------------------------------------------------------*/
/* Bar: Toolbars, dividers, slider track */
......@@ -78,11 +78,13 @@ hr {
margin: 1em 0;
padding: 0;
}
.ui-bar-slapos-white,
.ui-page-theme-slapos-white .ui-bar-inherit,
html .ui-bar-slapos-white .ui-bar-inherit,
html .ui-body-slapos-white .ui-bar-inherit,
html body .ui-group-theme-slapos-white .ui-bar-inherit {
.ui-bar-aide-white,
.ui-page-theme-aide-white .ui-bar-inherit,
html .ui-bar-aide-white.ui-table-wrapper-top,
html .ui-bar-aide-white.ui-table-wrapper-bottom,
html .ui-bar-aide-white .ui-bar-inherit,
html .ui-body-aide-white .ui-bar-inherit,
html body .ui-group-theme-aide-white .ui-bar-inherit {
background: 0 none;
background-color: #fff;
color: rgb(129, 137, 138);
......@@ -91,31 +93,31 @@ html body .ui-group-theme-slapos-white .ui-bar-inherit {
border-color: #aaa;
font-weight: normal;
}
.ui-bar-slapos-white {
.ui-bar-aide-white {
border-width: 1px;
border-style: solid;
}
/* tables & controlbar & tabs */
html .ui-page-theme-slapos-white .ui-table-wrapper.ui-table-wrapper-top .ui-btn,
html .ui-page-theme-slapos-white .ui-table-wrapper.ui-table-wrapper-top .ui-plain-text,
html .ui-page-theme-slapos-white .ui-table-wrapper.ui-table-wrapper-bottom .ui-btn,
html .ui-page-theme-slapos-white .ui-table-wrapper.ui-table-wrapper-bottom .ui-plain-text,
html .ui-page-theme-slapos-white .ui-controlbar .ui-btn,
html .ui-page-theme-slapos-white .ui-collapsible-set .ui-collapsible h1 a.ui-btn,
html .ui-page-theme-slapos-white .ui-table thead a.ui-btn,
html .ui-page-theme-slapos-white .ui-table thead label{
html .ui-page-theme-aide-white .ui-table-wrapper.ui-table-wrapper-top .ui-btn,
html .ui-page-theme-aide-white .ui-table-wrapper.ui-table-wrapper-top .ui-plain-text,
html .ui-page-theme-aide-white .ui-table-wrapper.ui-table-wrapper-bottom .ui-btn,
html .ui-page-theme-aide-white .ui-table-wrapper.ui-table-wrapper-bottom .ui-plain-text,
html .ui-page-theme-aide-white .ui-controlbar .ui-btn,
html .ui-page-theme-aide-white .ui-collapsible-set .ui-collapsible h1 a.ui-btn,
html .ui-page-theme-aide-white .ui-table thead a.ui-btn,
html .ui-page-theme-aide-white .ui-table thead label{
color: #aaa;
text-shadow: #FFFFFF 0px 1px 0px;
}
html .ui-page-theme-slapos-white .ui-table {
html .ui-page-theme-aide-white .ui-table {
background-color: #fff;
border-color: #aaa;
}
html .ui-page-theme-slapos-white .ui-table-wrapper,
html .ui-page-theme-slapos-white .ui-popup .ui-header,
html .ui-page-theme-slapos-white .ui-popup .ui-footer,
html .ui-page-theme-slapos-white .ui-table-wrapper .ui-btn,
html .ui-page-theme-slapos-white .ui-collapsible-set .ui-collapsible h1 a.ui-btn {
html .ui-page-theme-aide-white .ui-table-wrapper,
html .ui-page-theme-aide-white .ui-popup .ui-header,
html .ui-page-theme-aide-white .ui-popup .ui-footer,
html .ui-page-theme-aide-white .ui-table-wrapper .ui-btn,
html .ui-page-theme-aide-white .ui-collapsible-set .ui-collapsible h1 a.ui-btn {
background-image: -webkit-gradient(linear, left top, left bottom, from( #fff ), to( #f1f1f1 ));
background-image: -webkit-linear-gradient( #fff , #f1f1f1 );
background-image: -moz-linear-gradient( #fff , #f1f1f1 );
......@@ -126,32 +128,26 @@ html .ui-page-theme-slapos-white .ui-collapsible-set .ui-collapsible h1 a.ui-btn
}
/* Page: background */
.ui-page-theme-slapos-white,
.ui-page-theme-slapos-white .ui-panel-wrapper {
.ui-page-theme-aide-white,
.ui-page-theme-aide-white .ui-panel-wrapper {
color: #333;
text-shadow: none;
background: #f9f9f9;
background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9), to( #eee ));
background-image: -webkit-linear-gradient( #f9f9f9, #eee );
background-image: -moz-linear-gradient( #f9f9f9, #eee );
background-image: -ms-linear-gradient( #f9f9f9, #eee );
background-image: -o-linear-gradient( #f9f9f9, #eee );
background-image: linear-gradient( #f9f9f9, #eee );
background: #fff;
}
/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-slapos-white,
.ui-page-theme-slapos-white .ui-body-inherit,
html .ui-bar-slapos-white .ui-body-inherit,
html .ui-body-slapos-white .ui-body-inherit,
html body .ui-group-theme-slapos-white .ui-body-inherit,
.ui-overlay-slapos-white {
.ui-body-aide-white,
.ui-page-theme-aide-white .ui-body-inherit,
html .ui-bar-aide-white .ui-body-inherit,
html .ui-body-aide-white .ui-body-inherit,
html body .ui-group-theme-aide-white .ui-body-inherit,
.ui-overlay-aide-white {
background-image: none;
background: #fff;
border-color: #aaa;
color: #111;
text-shadow: none;
}
.ui-body-slapos-white {
.ui-body-aide-white {
border-width: 1px;
border-style: solid;
}
......@@ -160,96 +156,96 @@ html body .ui-group-theme-slapos-white .ui-body-inherit,
/* Links */
.ui-page-theme-slapos-white a,
html .ui-bar-slapos-white a,
html .ui-body-slapos-white a
.ui-page-theme-aide-white a,
html .ui-bar-aide-white a,
html .ui-body-aide-white a
/* visited */
.ui-page-theme-slapos-white a:visited,
html .ui-bar-slapos-white a:visited,
html .ui-body-slapos-white a:visited,
html body .ui-group-theme-slapos-white a:visited,
.ui-page-theme-aide-white a:visited,
html .ui-bar-aide-white a:visited,
html .ui-body-aide-white a:visited,
html body .ui-group-theme-aide-white a:visited,
/* hover */
.ui-overlay-slapos-white a:hover,
.ui-page-theme-slapos-white a:hover,
html .ui-bar-slapos-white a:hover,
html .ui-body-slapos-white a:hover,
html body .ui-group-theme-slapos-white a:hover,
.ui-overlay-slapos-white .ui-btn:hover,
.ui-page-theme-slapos-white .ui-btn:hover,
html .ui-bar-slapos-white .ui-btn:hover,
html .ui-body-slapos-white .ui-btn:hover,
html body .ui-group-theme-slapos-white .ui-btn:hover,
.ui-overlay-aide-white a:hover,
.ui-page-theme-aide-white a:hover,
html .ui-bar-aide-white a:hover,
html .ui-body-aide-white a:hover,
html body .ui-group-theme-aide-white a:hover,
.ui-overlay-aide-white .ui-btn:hover,
.ui-page-theme-aide-white .ui-btn:hover,
html .ui-bar-aide-white .ui-btn:hover,
html .ui-body-aide-white .ui-btn:hover,
html body .ui-group-theme-aide-white .ui-btn:hover,
/* texts */
html body .ui-group-theme-slapos-white p, /* overwritten by ui-btn */
html body .ui-group-theme-slapos-white h1,
html body .ui-group-theme-slapos-white h2,
html body .ui-group-theme-slapos-white h3,
html body .ui-group-theme-slapos-white h4,
html body .ui-group-theme-slapos-white h5,
html body .ui-group-theme-slapos-white h6 {
html body .ui-group-theme-aide-white p, /* overwritten by ui-btn */
html body .ui-group-theme-aide-white h1,
html body .ui-group-theme-aide-white h2,
html body .ui-group-theme-aide-white h3,
html body .ui-group-theme-aide-white h4,
html body .ui-group-theme-aide-white h5,
html body .ui-group-theme-aide-white h6 {
color: rgb(115, 115, 115);
color: rgba(0, 0, 0, 0.55);
}
.ui-page-theme-slapos-white .ui-btn:active,
html .ui-bar-slapos-white .ui-btn:active,
html .ui-body-slapos-white .ui-btn:active,
html body .ui-group-theme-slapos-white .ui-btn:active {
.ui-page-theme-aide-white .ui-btn:active,
html .ui-bar-aide-white .ui-btn:active,
html .ui-body-aide-white .ui-btn:active,
html body .ui-group-theme-aide-white .ui-btn:active {
color: #fff;
}
/* Button up */
.ui-page-theme-slapos-white .ui-btn,
html .ui-bar-slapos-white .ui-btn,
html .ui-body-slapos-white .ui-btn,
html body .ui-btn.ui-btn-slapos-white,
html body .ui-group-theme-slapos-white .ui-btn,
[class*="ui-group-theme-"] .ui-btn.ui-btn-slapos-white,
.ui-page-theme-slapos-white .ui-bar-plain,
.ui-page-theme-aide-white .ui-btn,
html .ui-bar-aide-white .ui-btn,
html .ui-body-aide-white .ui-btn,
html body .ui-btn.ui-btn-aide-white,
html body .ui-group-theme-aide-white .ui-btn,
[class*="ui-group-theme-"] .ui-btn.ui-btn-aide-white,
.ui-page-theme-aide-white .ui-bar-plain,
/* Button visited */
.ui-page-theme-slapos-white .ui-btn:visited,
html .ui-bar-slapos-white .ui-btn:visited,
html .ui-body-slapos-white .ui-btn:visited,
html body .ui-btn.ui-btn-slapos-white:visited,
html body .ui-group-theme-slapos-white .ui-btn:visited,
[class*="ui-group-theme-"] .ui-btn.ui-btn-slapos-white:visited,
.ui-page-theme-aide-white .ui-btn:visited,
html .ui-bar-aide-white .ui-btn:visited,
html .ui-body-aide-white .ui-btn:visited,
html body .ui-btn.ui-btn-aide-white:visited,
html body .ui-group-theme-aide-white .ui-btn:visited,
[class*="ui-group-theme-"] .ui-btn.ui-btn-aide-white:visited,
/* table wrappers
html .ui-page-theme-slapos-white .ui-table-wrapper-top,
html .ui-page-theme-slapos-white .ui-table-wrapper-bottom,*/
html .ui-page-theme-slapos-white .ui-table-wrapper-top ~ table,
html .ui-page-theme-slapos-white .ui-table-wrapper-bottom ~ table,
html .ui-page-theme-slapos-white table tr td a:visited {
html .ui-page-theme-aide-white .ui-table-wrapper-top,
html .ui-page-theme-aide-white .ui-table-wrapper-bottom,*/
html .ui-page-theme-aide-white .ui-table-wrapper-top ~ table,
html .ui-page-theme-aide-white .ui-table-wrapper-bottom ~ table,
html .ui-page-theme-aide-white table tr td a:visited {
background: #fff;
color: rgb(115, 115, 115);
color: rgba(0, 0, 0, 0.55);
text-shadow: none;
border-color: #aaa;
}
html .ui-page-theme-slapos-white .ui-input-clear:active,
html .ui-page-theme-slapos-white .ui-input-clear.ui-btn-active,
html .ui-page-theme-slapos-white .ui-input-action:active,
html .ui-page-theme-slapos-white .ui-input-action.ui-btn-active {
html .ui-page-theme-aide-white .ui-input-clear:active,
html .ui-page-theme-aide-white .ui-input-clear.ui-btn-active,
html .ui-page-theme-aide-white .ui-input-action:active,
html .ui-page-theme-aide-white .ui-input-action.ui-btn-active {
background: #fff !important;
}
/* Header Buttons */
.ui-page-theme-slapos-white .ui-header .ui-btn,
html .ui-bar-slapos-white .ui-header .ui-btn,
html .ui-bar-slapos-white.ui-header .ui-btn,
html .ui-body-slapos-white .ui-header .ui-btn,
html body .ui-header .ui-btn.ui-btn-slapos-white,
html body .ui-header .ui-group-theme-slapos-white .ui-btn,
.ui-header [class*="ui-group-theme-"] .ui-btn.ui-btn-slapos-white,
.ui-page-theme-aide-white .ui-header .ui-btn,
html .ui-bar-aide-white .ui-header .ui-btn,
html .ui-bar-aide-white.ui-header .ui-btn,
html .ui-body-aide-white .ui-header .ui-btn,
html body .ui-header .ui-btn.ui-btn-aide-white,
html body .ui-header .ui-group-theme-aide-white .ui-btn,
.ui-header [class*="ui-group-theme-"] .ui-btn.ui-btn-aide-white,
/* Button visited */
.ui-page-theme-slapos-white .ui-header .ui-btn:visited,
html .ui-bar-slapos-white .ui-header .ui-btn:visited,
html .ui-body-slapos-white .ui-header .ui-btn:visited,
html body .ui-header .ui-btn.ui-btn-slapos-white:visited,
html body .ui-header .ui-group-theme-slapos-white .ui-btn:visited,
.ui-header [class*="ui-group-theme-"] .ui-btn.ui-btn-slapos-white:visited,
.ui-page-theme-slapos-white .ui-header a:visited,
html .ui-bar-slapos-white .ui-header a:visited,
html .ui-body-slapos-white .ui-header a:visited,
html body .ui-header a.ui-btn-slapos-white:visited,
html body .ui-header .ui-group-theme-slapos-white a:visited,
.ui-header [class*="ui-group-theme-"] a.ui-btn-slapos-white:visited {
.ui-page-theme-aide-white .ui-header .ui-btn:visited,
html .ui-bar-aide-white .ui-header .ui-btn:visited,
html .ui-body-aide-white .ui-header .ui-btn:visited,
html body .ui-header .ui-btn.ui-btn-aide-white:visited,
html body .ui-header .ui-group-theme-aide-white .ui-btn:visited,
.ui-header [class*="ui-group-theme-"] .ui-btn.ui-btn-aide-white:visited,
.ui-page-theme-aide-white .ui-header a:visited,
html .ui-bar-aide-white .ui-header a:visited,
html .ui-body-aide-white .ui-header a:visited,
html body .ui-header a.ui-btn-aide-white:visited,
html body .ui-header .ui-group-theme-aide-white a:visited,
.ui-header [class*="ui-group-theme-"] a.ui-btn-aide-white:visited {
background: none repeat scroll 0 center transparent;
border: 0 none;
-webkit-border-radius: 0 0 0 0 /* iOS3 */ !important;
......@@ -263,49 +259,49 @@ html body .ui-header .ui-group-theme-slapos-white a:visited,
line-height: 325% /* could also be 3.25em, but this is more flexible, while being crap! */;
}
/* Button special handling: panel listitems */
.ui-page-theme-slapos-white .ui-panel-inner li .ui-btn,
html .ui-bar-slapos-white .ui-panel-inner li .ui-btn,
html .ui-body-slapos-white .ui-panel-inner li .ui-btn,
html body .ui-panel-inner li .ui-btn.ui-btn-slapos-white,
html body .ui-panel-inner li .ui-group-theme-slapos-white .ui-btn,
[class*="ui-group-theme-"] .ui-panel-inner li .ui-btn.ui-btn-slapos-white,
.ui-page-theme-aide-white .ui-panel-inner li .ui-btn,
html .ui-bar-aide-white .ui-panel-inner li .ui-btn,
html .ui-body-aide-white .ui-panel-inner li .ui-btn,
html body .ui-panel-inner li .ui-btn.ui-btn-aide-white,
html body .ui-panel-inner li .ui-group-theme-aide-white .ui-btn,
[class*="ui-group-theme-"] .ui-panel-inner li .ui-btn.ui-btn-aide-white,
/* Button visited */
.ui-page-theme-slapos-white .ui-panel-inner li .ui-btn:visited,
html .ui-bar-slapos-white .ui-panel-inner li .ui-btn:visited,
html .ui-body-slapos-white .ui-panel-inner li .ui-btn:visited,
html body .ui-panel-inner li .ui-btn.ui-btn-slapos-white:visited,
html body .ui-panel-inner li .ui-group-theme-slapos-white .ui-btn:visited,
[class*="ui-group-theme-"] .ui-panel-inner li .ui-btn.ui-btn-slapos-white:visited {
.ui-page-theme-aide-white .ui-panel-inner li .ui-btn:visited,
html .ui-bar-aide-white .ui-panel-inner li .ui-btn:visited,
html .ui-body-aide-white .ui-panel-inner li .ui-btn:visited,
html body .ui-panel-inner li .ui-btn.ui-btn-aide-white:visited,
html body .ui-panel-inner li .ui-group-theme-aide-white .ui-btn:visited,
[class*="ui-group-theme-"] .ui-panel-inner li .ui-btn.ui-btn-aide-white:visited {
background: none repeat scroll 0 0 transparent;
border-color: rgb(232, 232, 232);
border-color: rgba(255,255,255,.3);
}
/* dropshadow */
html body .ui-group-theme-slapos-white li {
html body .ui-group-theme-aide-white li {
border-top: 1px solid #111;
}
html body .ui-group-theme-slapos-white li.ui-last-child {
html body .ui-group-theme-aide-white li.ui-last-child {
border-top: 1px solid #111;
border-bottom: 1px solid #111;
}
html body .ui-group-theme-slapos-black li.ui-last-child a.ui-btn {
html body .ui-group-theme-aide-orange li.ui-last-child a.ui-btn {
border-bottom: none
}
/* Button background hover */
.ui-page-theme-slapos-white .ui-btn:hover,
html .ui-bar-slapos-white .ui-btn:hover,
html .ui-body-slapos-white .ui-btn:hover,
html body .ui-btn.ui-btn-slapos-white:hover,
html body .ui-group-theme-slapos-white .ui-btn:hover,
[class*="ui-group-theme-"] .ui-btn.ui-btn-slapos-white:hover,
.ui-page-theme-aide-white .ui-btn:hover,
html .ui-bar-aide-white .ui-btn:hover,
html .ui-body-aide-white .ui-btn:hover,
html body .ui-btn.ui-btn-aide-white:hover,
html body .ui-group-theme-aide-white .ui-btn:hover,
[class*="ui-group-theme-"] .ui-btn.ui-btn-aide-white:hover,
/* table wrapper buttons */
html .ui-page-theme-slapos-white .ui-table-wrapper .ui-btn:hover,
html .ui-page-theme-aide-white .ui-table-wrapper .ui-btn:hover,
/* table rows */
html .ui-page-theme-slapos-white table tr th:hover ~ td,
html .ui-page-theme-aide-white table tr th:hover ~ td,
/* controlbars */
html .ui-page-theme-slapos-white .ui-controlbar .ui-btn:hover,
html .ui-page-theme-aide-white .ui-controlbar .ui-btn:hover,
/* tabs */
html .ui-page-theme-slapos-white .ui-collapsible-set .ui-collapsible h1 a.ui-btn:hover {
html .ui-page-theme-aide-white .ui-collapsible-set .ui-collapsible h1 a.ui-btn:hover {
background-color: #e8e8e8;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e8e8e8));
background: -webkit-linear-gradient(bottom, #fff, #e8e8e8);
......@@ -318,275 +314,278 @@ html .ui-page-theme-slapos-white .ui-collapsible-set .ui-collapsible h1 a.ui-btn
/* slapos-black */header
/* aide-orange */
/*-----------------------------------------------------------------------------------------------------------*/
/* Bar: Toolbars, dividers, slider track */
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid rgb(232, 232, 232);
border-top: 1px solid rgba(255,255,255,.3);
border-top: 1px solid #FDAF44;
margin: 1em 0;
padding: 0;
}
.ui-bar-slapos-black,
.ui-page-theme-slapos-black .ui-bar-inherit,
html .ui-bar-slapos-black .ui-bar-inherit,
html .ui-body-slapos-black .ui-bar-inherit,
html body .ui-group-theme-slapos-black .ui-bar-inherit {
.ui-bar-aide-orange,
.ui-page-theme-aide-orange .ui-bar-inherit,
html .ui-bar-aide-orange.ui-table-wrapper-top,
html .ui-bar-aide-orange.ui-table-wrapper-bottom,
html .ui-bar-aide-orange .ui-bar-inherit,
html .ui-body-aide-orange .ui-bar-inherit,
html body .ui-group-theme-aide-orange .ui-bar-inherit {
background: 0 none;
background: #222;
color: #fff;
text-shadow: 0 1px 0 #111111;
background: #FEC85A;
background-image: -webkit-gradient(linear, top, bottom, from( #FFDD6C ), to( #FDAF44 ));
background-image: -webkit-linear-gradient( #FFDD6C , #FDAF44 );
background-image: -moz-linear-gradient( #FFDD6C , #FDAF44 );
background-image: -ms-linear-gradient( #FFDD6C , #FDAF44 );
background-image: -o-linear-gradient( #FFDD6C , #FDAF44 );
background-image: linear-gradient( #FFDD6C , #FDAF44 );
color: #333;
text-shadow: none;
font-weight: normal;
}
.ui-bar-slapos-black {
.ui-bar-aide-orange {
border-width: 1px;
border-style: solid;
}
/* tables & controlbar & tabs */
html .ui-page-theme-slapos-black .ui-table-wrapper.ui-table-wrapper-top .ui-btn,
html .ui-page-theme-slapos-black .ui-table-wrapper.ui-table-wrapper-top .ui-plain-text,
html .ui-page-theme-slapos-black .ui-table-wrapper.ui-table-wrapper-bottom .ui-btn,
html .ui-page-theme-slapos-black .ui-table-wrapper.ui-table-wrapper-bottom .ui-plain-text,
html .ui-page-theme-slapos-black .ui-controlbar .ui-btn,
html .ui-page-theme-slapos-black .ui-collapsible-set .ui-collapsible h1 a.ui-btn,
html .ui-page-theme-slapos-black .ui-table thead a.ui-btn,
html .ui-page-theme-slapos-black .ui-table thead label {
color: #444;
text-shadow: 0 1px 0 #111111;
html .ui-page-theme-aide-orange .ui-table-wrapper.ui-table-wrapper-top .ui-btn,
html .ui-page-theme-aide-orange .ui-table-wrapper.ui-table-wrapper-top .ui-plain-text,
html .ui-page-theme-aide-orange .ui-table-wrapper.ui-table-wrapper-bottom .ui-btn,
html .ui-page-theme-aide-orange .ui-table-wrapper.ui-table-wrapper-bottom .ui-plain-text,
html .ui-page-theme-aide-orange .ui-controlbar .ui-btn,
html .ui-page-theme-aide-orange .ui-collapsible-set .ui-collapsible h1 a.ui-btn,
html .ui-page-theme-aide-orange .ui-table thead a.ui-btn,
html .ui-page-theme-aide-orange .ui-table thead label {
color: #333;
text-shadow: none;
}
/* tables & controlbars */
.ui-page-theme-slapos-black .ui-table {
background-color: #222;
border-color: rgb(232, 232, 232);
border-color: rgba(255,255,255,.3);
}
html .ui-page-theme-slapos-black .ui-table-wrapper,
html .ui-page-theme-slapos-black .ui-popup .ui-header,
html .ui-page-theme-slapos-black .ui-popup .ui-footer,
html .ui-page-theme-slapos-black .ui-table-wrapper .ui-btn,
html .ui-page-theme-slapos-black .ui-collapsible-set .ui-collapsible h1 a.ui-btn {
background-image: -webkit-gradient(linear, left top, left bottom, from( #444 ), to( #222 ));
background-image: -webkit-linear-gradient( #444 , #222 );
background-image: -moz-linear-gradient( #444 , #222 );
background-image: -ms-linear-gradient( #444 , #222 );
background-image: -o-linear-gradient( #444 , #222 );
background-image: linear-gradient( #444 , #222 );
border-color: #444;
.ui-page-theme-aide-orange .ui-table {
background-color: #FEC85A;
border-color: #FDAF44;
}
html .ui-page-theme-aide-orange .ui-table-wrapper,
html .ui-page-theme-aide-orange .ui-popup .ui-header,
html .ui-page-theme-aide-orange .ui-popup .ui-footer,
html .ui-page-theme-aide-orange .ui-table-wrapper .ui-btn,
html .ui-page-theme-aide-orange .ui-collapsible-set .ui-collapsible h1 a.ui-btn {
background-image: -webkit-gradient(linear, top, bottom, from( #FFDD6C ), to( #FDAF44 ));
background-image: -webkit-linear-gradient( #FFDD6C , #FDAF44 );
background-image: -moz-linear-gradient( #FFDD6C , #FDAF44 );
background-image: -ms-linear-gradient( #FFDD6C , #FDAF44 );
background-image: -o-linear-gradient( #FFDD6C , #FDAF44 );
background-image: linear-gradient( #FFDD6C , #FDAF44 );
border-color: #FDAF44;
}
/* Page background */
.ui-page-theme-slapos-black,
.ui-page-theme-slapos-black .ui-panel-wrapper {
color: #fff;
text-shadow: 0 1px 0 #111111;
background: #222;
border-color: #444;
background-image: -webkit-gradient(linear, left top, left bottom, from( #444 ), to( #222 ));
background-image: -webkit-linear-gradient( #444 , #222 );
background-image: -moz-linear-gradient( #444 , #222 );
background-image: -ms-linear-gradient( #444 , #222 );
background-image: -o-linear-gradient( #444 , #222 );
background-image: linear-gradient( #444 , #222 );
.ui-page-theme-aide-orange,
.ui-page-theme-aide-orange .ui-panel-wrapper {
color: #333;
text-shadow: none;
background: #FEC85A;
border-color: #FDAF44;
background-image: -webkit-gradient(linear, top, bottom, from( #FFDD6C ), to( #FDAF44 ));
background-image: -webkit-linear-gradient( #FFDD6C , #FDAF44 );
background-image: -moz-linear-gradient( #FFDD6C , #FDAF44 );
background-image: -ms-linear-gradient( #FFDD6C , #FDAF44 );
background-image: -o-linear-gradient( #FFDD6C , #FDAF44 );
background-image: linear-gradient( #FFDD6C , #FDAF44 );
}
/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-slapos-black,
.ui-page-theme-slapos-black .ui-body-inherit,
html .ui-bar-slapos-black .ui-body-inherit,
html .ui-body-slapos-black .ui-body-inherit,
html body .ui-group-theme-slapos-black .ui-body-inherit,
.ui-overlay-slapos-black,
html .ui-page-theme-slapos-black .ui-table-wrapper {
color: #fff;
text-shadow: 0 1px 0 #111111;
background: #222;
border-color: #444;
background-image: -webkit-gradient(linear, left top, left bottom, from( #444 ), to( #222 ));
background-image: -webkit-linear-gradient( #444 , #222 );
background-image: -moz-linear-gradient( #444 , #222 );
background-image: -ms-linear-gradient( #444 , #222 );
background-image: -o-linear-gradient( #444 , #222 );
background-image: linear-gradient( #444 , #222 );
}
.ui-body-slapos-black {
.ui-body-aide-orange,
.ui-page-theme-aide-orange .ui-body-inherit,
html .ui-bar-aide-orange .ui-body-inherit,
html .ui-body-aide-orange .ui-body-inherit,
html body .ui-group-theme-aide-orange .ui-body-inherit,
.ui-overlay-aide-orange,
html .ui-page-theme-aide-orange .ui-table-wrapper {
color: #333;
text-shadow: none;
background: #FEC85A;
border-color: #FDAF44;
background-image: -webkit-gradient(linear, top, bottom, from( #FFDD6C ), to( #FDAF44 ));
background-image: -webkit-linear-gradient( #FFDD6C , #FDAF44 );
background-image: -moz-linear-gradient( #FFDD6C , #FDAF44 );
background-image: -ms-linear-gradient( #FFDD6C , #FDAF44 );
background-image: -o-linear-gradient( #FFDD6C , #FDAF44 );
background-image: linear-gradient( #FFDD6C , #FDAF44 );
}
.ui-body-aide-orange {
border-width: 1px;
border-style: solid;
}
/* Input filterable */
html .ui-body-slapos-black .ui-body-inherit.ui-input-search {
html .ui-body-aide-orange .ui-body-inherit.ui-input-search {
background-image: none;
}
/* Links */
.ui-page-theme-slapos-black a,
html .ui-bar-slapos-black a,
html .ui-body-slapos-black a,
html body .ui-group-theme-slapos-black a,
.ui-page-theme-aide-orange a,
html .ui-bar-aide-orange a,
html .ui-body-aide-orange a,
html body .ui-group-theme-aide-orange a,
/* visited */
.ui-page-theme-slapos-black a:visited,
html .ui-bar-slapos-black a:visited,
html .ui-body-slapos-black a:visited,
html body .ui-group-theme-slapos-black a:visited,
.ui-page-theme-aide-orange a:visited,
html .ui-bar-aide-orange a:visited,
html .ui-body-aide-orange a:visited,
html body .ui-group-theme-aide-orange a:visited,
/* hover */
.ui-overlay-slapos-black a:hover,
.ui-page-theme-slapos-black a:hover,
html .ui-bar-slapos-black a:hover,
html .ui-body-slapos-black a:hover,
html body .ui-group-theme-slapos-white a:hover,
.ui-overlay-slapos-black .ui-btn:hover,
.ui-page-theme-slapos-black .ui-btn:hover,
html .ui-page-theme-slapos-black .ui-btn:hover,
html .ui-page-theme-slapos-black .ui-btn:hover,
html body .ui-group-theme-slapos-black .ui-btn:hover,
.ui-overlay-aide-orange a:hover,
.ui-page-theme-aide-orange a:hover,
html .ui-bar-aide-orange a:hover,
html .ui-body-aide-orange a:hover,
html body .ui-group-theme-aide-white a:hover,
.ui-overlay-aide-orange .ui-btn:hover,
.ui-page-theme-aide-orange .ui-btn:hover,
html .ui-page-theme-aide-orange .ui-btn:hover,
html .ui-page-theme-aide-orange .ui-btn:hover,
html body .ui-group-theme-aide-orange .ui-btn:hover,
/* active */
.ui-page-theme-slapos-black .ui-btn:active,
html .ui-bar-slapos-black .ui-btn:active,
html .ui-body-slapos-black .ui-btn:active,
html body .ui-group-theme-slapos-black .ui-btn:active,
.ui-page-theme-aide-orange .ui-btn:active,
html .ui-bar-aide-orange .ui-btn:active,
html .ui-body-aide-orange .ui-btn:active,
html body .ui-group-theme-aide-orange .ui-btn:active,
/* Texts */
html body .ui-group-theme-slapos-black p,
html body .ui-group-theme-slapos-black h1,
html body .ui-group-theme-slapos-black h2,
html body .ui-group-theme-slapos-black h3,
html body .ui-group-theme-slapos-black h4,
html body .ui-group-theme-slapos-black h5,
html body .ui-group-theme-slapos-black h6 {
color: #fff;
html body .ui-group-theme-aide-orange p,
html body .ui-group-theme-aide-orange h1,
html body .ui-group-theme-aide-orange h2,
html body .ui-group-theme-aide-orange h3,
html body .ui-group-theme-aide-orange h4,
html body .ui-group-theme-aide-orange h5,
html body .ui-group-theme-aide-orange h6 {
color: #333;
}
/* Button up */
.ui-page-theme-slapos-black .ui-btn,
html .ui-bar-slapos-black .ui-btn,
html .ui-body-slapos-black .ui-btn,
html body .ui-btn.ui-btn-slapos-black,
html body .ui-group-theme-slapos-black .ui-btn,
[class*="ui-group-theme-"] .ui-btn.ui-btn-slapos-black,
.ui-page-theme-slapos-black .ui-bar-plain,
.ui-page-theme-aide-orange .ui-btn,
html .ui-bar-aide-orange .ui-btn,
html .ui-body-aide-orange .ui-btn,
html body .ui-btn.ui-btn-aide-orange,
html body .ui-group-theme-aide-orange .ui-btn,
[class*="ui-group-theme-"] .ui-btn.ui-btn-aide-orange,
.ui-page-theme-aide-orange .ui-bar-plain,
/* Button visited */
.ui-page-theme-slapos-black .ui-btn:visited,
html .ui-bar-slapos-black .ui-btn:visited,
html .ui-body-slapos-black .ui-btn:visited,
html body .ui-btn.ui-btn-slapos-black:visited,
html body .ui-group-theme-slapos-black .ui-btn:visited,
[class*="ui-group-theme-"] a.ui-btn-slapos-black:visited,
.ui-page-theme-slapos-black a:visited,
html .ui-bar-slapos-black a:visited,
html .ui-body-slapos-black a:visited,
html body a.ui-btn-slapos-black:visited,
html body .ui-group-theme-slapos-black a:visited,
[class*="ui-group-theme-"] a.ui-btn-slapos-black:visited,
html .ui-page-theme-slapos-black table tr td a:visited,
.ui-page-theme-aide-orange .ui-btn:visited,
html .ui-bar-aide-orange .ui-btn:visited,
html .ui-body-aide-orange .ui-btn:visited,
html body .ui-btn.ui-btn-aide-orange:visited,
html body .ui-group-theme-aide-orange .ui-btn:visited,
[class*="ui-group-theme-"] a.ui-btn-aide-orange:visited,
.ui-page-theme-aide-orange a:visited,
html .ui-bar-aide-orange a:visited,
html .ui-body-aide-orange a:visited,
html body a.ui-btn-aide-orange:visited,
html body .ui-group-theme-aide-orange a:visited,
[class*="ui-group-theme-"] a.ui-btn-aide-orange:visited,
html .ui-page-theme-aide-orange table tr td a:visited,
/* table wrappers
html .ui-page-theme-slapos-black .ui-table-wrapper-top,
html .ui-page-theme-slapos-black .ui-table-wrapper-bottom, */
html .ui-page-theme-slapos-black .ui-table-wrapper-top ~ table,
html .ui-page-theme-slapos-black .ui-table-wrapper-bottom ~ table {
background: #222;
background-image: -webkit-gradient(linear, left top, left bottom, from( #444 ), to( #222 ));
background-image: -webkit-linear-gradient( #444 , #222 );
background-image: -moz-linear-gradient( #444 , #222 );
background-image: -ms-linear-gradient( #444 , #222 );
background-image: -o-linear-gradient( #444 , #222 );
background-image: linear-gradient( #444 , #222 );
border-color: #444;
color: #fff;
text-shadow: 0px 1px 0px #111;
}
html .ui-page-theme-slapos-black .ui-input-clear:active,
html .ui-page-theme-slapos-black .ui-input-clear.ui-btn-active,
html .ui-page-theme-slapos-black .ui-input-action:active,
html .ui-page-theme-slapos-black .ui-input-action.ui-btn-active {
background: #222 !important;
html .ui-page-theme-aide-orange .ui-table-wrapper-top,
html .ui-page-theme-aide-orange .ui-table-wrapper-bottom, */
html .ui-page-theme-aide-orange .ui-table-wrapper-top ~ table,
html .ui-page-theme-aide-orange .ui-table-wrapper-bottom ~ table {
color: #333;
text-shadow: none;
background: #FEC85A;
border-color: #FDAF44;
background-image: -webkit-gradient(linear, top, bottom, from( #FFDD6C ), to( #FDAF44 ));
background-image: -webkit-linear-gradient( #FFDD6C , #FDAF44 );
background-image: -moz-linear-gradient( #FFDD6C , #FDAF44 );
background-image: -ms-linear-gradient( #FFDD6C , #FDAF44 );
background-image: -o-linear-gradient( #FFDD6C , #FDAF44 );
background-image: linear-gradient( #FFDD6C , #FDAF44 );
}
html .ui-page-theme-aide-orange .ui-input-clear:active,
html .ui-page-theme-aide-orange .ui-input-clear.ui-btn-active,
html .ui-page-theme-aide-orange .ui-input-action:active,
html .ui-page-theme-aide-orange .ui-input-action.ui-btn-active {
background: #FEC85A !important;
}
/* Header Buttons */
.ui-page-theme-slapos-black .ui-header .ui-btn,
html .ui-bar-slapos-black.ui-header .ui-btn,
html .ui-bar-slapos-black .ui-header .ui-btn,
html .ui-body-slapos-black .ui-header .ui-btn,
html body .ui-header .ui-btn.ui-btn-slapos-black,
html body .ui-header .ui-group-theme-slapos-black .ui-btn,
.ui-header [class*="ui-group-theme-"] .ui-btn.ui-btn-slapos-black,
.ui-page-theme-aide-orange .ui-header .ui-btn,
html .ui-bar-aide-orange.ui-header .ui-btn,
html .ui-bar-aide-orange .ui-header .ui-btn,
html .ui-body-aide-orange .ui-header .ui-btn,
html body .ui-header .ui-btn.ui-btn-aide-orange,
html body .ui-header .ui-group-theme-aide-orange .ui-btn,
.ui-header [class*="ui-group-theme-"] .ui-btn.ui-btn-aide-orange,
/* Button visited */
.ui-page-theme-slapos-black .ui-header .ui-btn:visited,
html .ui-bar-slapos-black .ui-header .ui-btn:visited,
html .ui-body-slapos-black .ui-header .ui-btn:visited,
html body .ui-header .ui-btn.ui-btn-slapos-black:visited,
html body .ui-header .ui-group-theme-slapos-black .ui-btn:visited,
.ui-header [class*="ui-group-theme-"] .ui-btn.ui-btn-slapos-black:visited,
.ui-page-theme-aide-orange .ui-header .ui-btn:visited,
html .ui-bar-aide-orange .ui-header .ui-btn:visited,
html .ui-body-aide-orange .ui-header .ui-btn:visited,
html body .ui-header .ui-btn.ui-btn-aide-orange:visited,
html body .ui-header .ui-group-theme-aide-orange .ui-btn:visited,
.ui-header [class*="ui-group-theme-"] .ui-btn.ui-btn-aide-orange:visited,
/* ADD also not on :hover */
.ui-page-theme-slapos-black .ui-header .ui-btn:hover,
html .ui-bar-slapos-black .ui-header .ui-btn:hover,
html .ui-body-slapos-black .ui-header .ui-btn:hover,
html body .ui-header .ui-btn.ui-btn-slapos-black:hover,
html body .ui-header .ui-group-theme-slapos-black .ui-btn:hover,
.ui-header [class*="ui-group-theme-"] .ui-btn.ui-btn-slapos-black:hover {
.ui-page-theme-aide-orange .ui-header .ui-btn:hover,
html .ui-bar-aide-orange .ui-header .ui-btn:hover,
html .ui-body-aide-orange .ui-header .ui-btn:hover,
html body .ui-header .ui-btn.ui-btn-aide-orange:hover,
html body .ui-header .ui-group-theme-aide-orange .ui-btn:hover,
.ui-header [class*="ui-group-theme-"] .ui-btn.ui-btn-aide-orange:hover {
background: none repeat scroll 0 center transparent;
-webkit-border-radius: 0 0 0 0 /* iOS3 */ !important;
border-radius: 0 0 0 0 /* iOS3 */ !important;
-webkit-box-shadow: none /* iOS3 */ !important;
box-shadow: none /* iOS3 */ !important;
color: #fff;
color: #ccc;
text-shadow: none;
font-weight: normal;
line-height: 325% /* could also be 3.25em, but this is more flexible, while being crap! */;
}
/* Button special handling: listitem */
.ui-page-theme-slapos-black .ui-panel-inner li .ui-btn,
html .ui-bar-slapos-black .ui-panel-inner li .ui-btn,
html .ui-body-slapos-black .ui-panel-inner li .ui-btn,
html body .ui-panel-inner li .ui-btn.ui-btn-slapos-black,
html body .ui-panel-inner li .ui-group-theme-slapos-black .ui-btn,
[class*="ui-group-theme-"] .ui-panel-inner li .ui-btn.ui-btn-slapos-black,
.ui-page-theme-aide-orange .ui-panel-inner li .ui-btn,
html .ui-bar-aide-orange .ui-panel-inner li .ui-btn,
html .ui-body-aide-orange .ui-panel-inner li .ui-btn,
html body .ui-panel-inner li .ui-btn.ui-btn-aide-orange,
html body .ui-panel-inner li .ui-group-theme-aide-orange .ui-btn,
[class*="ui-group-theme-"] .ui-panel-inner li .ui-btn.ui-btn-aide-orange,
/* Button visited */
.ui-page-theme-slapos-black .ui-panel-inner li .ui-btn:visited,
html .ui-bar-slapos-black .ui-panel-inner li .ui-btn:visited,
html .ui-body-slapos-black .ui-panel-inner li .ui-btn:visited,
html body .ui-panel-inner li .ui-btn.ui-btn-slapos-black:visited,
html body .ui-panel-inner li .ui-group-theme-slapos-black .ui-btn:visited,
[class*="ui-group-theme-"] .ui-panel-inner li .ui-btn.ui-btn-slapos-black:visited {
.ui-page-theme-aide-orange .ui-panel-inner li .ui-btn:visited,
html .ui-bar-aide-orange .ui-panel-inner li .ui-btn:visited,
html .ui-body-aide-orange .ui-panel-inner li .ui-btn:visited,
html body .ui-panel-inner li .ui-btn.ui-btn-aide-orange:visited,
html body .ui-panel-inner li .ui-group-theme-aide-orange .ui-btn:visited,
[class*="ui-group-theme-"] .ui-panel-inner li .ui-btn.ui-btn-aide-orange:visited {
background: none repeat scroll 0 0 transparent;
border-color: rgb(232, 232, 232);
border-color: rgba(255,255,255,.3);
border-color: #FDAF44;
}
/* dropshadow */
html body .ui-group-theme-slapos-black li {
border-top: 1px solid #111;
html body .ui-group-theme-aide-orange li {
border-top: 1px solid #FDAF44;
}
html body .ui-group-theme-slapos-black li.ui-last-child {
border-bottom: 1px solid #111;
html body .ui-group-theme-aide-orange li.ui-last-child {
border-bottom: 1px solid #FDAF44;
}
html body .ui-group-theme-slapos-black li.ui-last-child a.ui-btn {
html body .ui-group-theme-aide-orange li.ui-last-child a.ui-btn {
border-bottom: none
}
/* Button hover */
.ui-page-theme-slapos-black .ui-btn:hover,
html .ui-bar-slapos-black .ui-btn:hover,
html .ui-body-slapos-black .ui-btn:hover,
html body .ui-btn.ui-btn-slapos-black:hover,
html body .ui-group-theme-slapos-black .ui-btn:hover,
[class*="ui-group-theme-"] .ui-btn.ui-btn-slapos-black:hover,
.ui-page-theme-aide-orange .ui-btn:hover,
html .ui-bar-aide-orange .ui-btn:hover,
html .ui-body-aide-orange .ui-btn:hover,
html body .ui-btn.ui-btn-aide-orange:hover,
html body .ui-group-theme-aide-orange .ui-btn:hover,
[class*="ui-group-theme-"] .ui-btn.ui-btn-aide-orange:hover,
/* table wrapper buttons */
html .ui-page-theme-slapos-black .ui-table-wrapper .ui-btn:hover,
html .ui-page-theme-aide-orange .ui-table-wrapper .ui-btn:hover,
/* table rows */
html .ui-page-theme-slapos-black table tr th:hover ~ td,
html .ui-page-theme-aide-orange table tr th:hover ~ td,
/* controlbars */
html .ui-page-theme-slapos-black .ui-controlbar .ui-btn:hover,
html .ui-page-theme-aide-orange .ui-controlbar .ui-btn:hover,
/* tabs */
html .ui-page-theme-slapos-black .ui-collapsible-set .ui-collapsible h1 a.ui-btn:hover {
background: #222;
background-image: -webkit-gradient(linear, left top, left bottom, from( #444 ), to( #222 ));
background-image: -webkit-linear-gradient( #444 , #222 );
background-image: -moz-linear-gradient( #444 , #222 );
background-image: -ms-linear-gradient( #444 , #222 );
background-image: -o-linear-gradient( #444 , #222 );
background-image: linear-gradient( #444 , #222 );
border-color: rgb(232, 232, 232);
border-color: rgba(255,255,255,.3);
/* border-color: #444 */
color: #fff;
text-shadow: 0px 1px 0px #111;
html .ui-page-theme-aide-orange .ui-collapsible-set .ui-collapsible h1 a.ui-btn:hover {
color: #333;
text-shadow: none;
background: #FEC85A;
border-color: #FDAF44;
background-image: -webkit-gradient(linear, top, bottom, from( #FFDD6C ), to( #FDAF44 ));
background-image: -webkit-linear-gradient( #FFDD6C , #FDAF44 );
background-image: -moz-linear-gradient( #FFDD6C , #FDAF44 );
background-image: -ms-linear-gradient( #FFDD6C , #FDAF44 );
background-image: -o-linear-gradient( #FFDD6C , #FDAF44 );
background-image: linear-gradient( #FFDD6C , #FDAF44 );
}
......@@ -597,23 +596,23 @@ html .ui-page-theme-slapos-black .ui-collapsible-set .ui-collapsible h1 a.ui-btn
/*-----------------------------------------------------------------------------------------------------------*/
/* Count bubble */
/* white */
.ui-page-theme-slapos-white .ui-li-count,
html .ui-bar-slapos-white .ui-li-count,
html .ui-body-slapos-white .ui-li-count,
html body .ui-group-theme-slapos-white .ui-li-count,
.ui-btn.ui-btn-slapos-white > .ui-li-count,
.ui-li-static.ui-body-slapos-white > .ui-li-count,
.ui-li-divider.ui-bar-slapos-white > .ui-li-count,
.ui-listview li .ui-li-count.ui-body-slapos-white,
.ui-page-theme-aide-white .ui-li-count,
html .ui-bar-aide-white .ui-li-count,
html .ui-body-aide-white .ui-li-count,
html body .ui-group-theme-aide-white .ui-li-count,
.ui-btn.ui-btn-aide-white > .ui-li-count,
.ui-li-static.ui-body-aide-white > .ui-li-count,
.ui-li-divider.ui-bar-aide-white > .ui-li-count,
.ui-listview li .ui-li-count.ui-body-aide-white,
/* black */
.ui-page-theme-slapos-black .ui-li-count,
html .ui-bar-slapos-black .ui-li-count,
html .ui-body-slapos-black .ui-li-count,
html body .ui-group-theme-slapos-black .ui-li-count,
.ui-btn.ui-btn-slapos-black > .ui-li-count,
.ui-li-static.ui-body-slapos-black > .ui-li-count,
.ui-li-divider.ui-bar-slapos-black > .ui-li-count,
.ui-listview li .ui-li-count.ui-body-slapos-black {
.ui-page-theme-aide-orange .ui-li-count,
html .ui-bar-aide-orange .ui-li-count,
html .ui-body-aide-orange .ui-li-count,
html body .ui-group-theme-aide-orange .ui-li-count,
.ui-btn.ui-btn-aide-orange > .ui-li-count,
.ui-li-static.ui-body-aide-orange > .ui-li-count,
.ui-li-divider.ui-bar-aide-orange > .ui-li-count,
.ui-listview li .ui-li-count.ui-body-aide-orange {
color: #ffffff;
font-size: .8em;
text-shadow: none;
......@@ -644,157 +643,157 @@ html body .ui-group-theme-slapos-black .ui-li-count,
}
/* Button down */
html .ui-page-theme-slapos-white .ui-bar-active, /* if we do more like this, we need to have a proper theme */
.ui-page-theme-slapos-white .ui-btn:active,
html .ui-bar-slapos-white .ui-btn:active,
html .ui-body-slapos-white .ui-btn:active,
html body .ui-btn.ui-btn-slapos-white:active,
html body .ui-group-theme-slapos-white .ui-btn:active,
[class*="ui-group-theme-"] .ui-btn.ui-btn-slapos-white:active,
html .ui-page-theme-aide-white .ui-bar-active, /* if we do more like this, we need to have a proper theme */
.ui-page-theme-aide-white .ui-btn:active,
html .ui-bar-aide-white .ui-btn:active,
html .ui-body-aide-white .ui-btn:active,
html body .ui-btn.ui-btn-aide-white:active,
html body .ui-group-theme-aide-white .ui-btn:active,
[class*="ui-group-theme-"] .ui-btn.ui-btn-aide-white:active,
/* Active button */
.ui-page-theme-slapos-white .ui-btn.ui-btn-active,
html .ui-bar-slapos-white .ui-btn.ui-btn-active,
html .ui-body-slapos-white .ui-btn.ui-btn-active,
html body .ui-btn.ui-btn-slapos-white.ui-btn-active,
html body .ui-group-theme-slapos-white .ui-btn.ui-btn-active,
[class*="ui-group-theme-"] .ui-btn.ui-btn-slapos-white.ui-btn-active,
.ui-page-theme-aide-white .ui-btn.ui-btn-active,
html .ui-bar-aide-white .ui-btn.ui-btn-active,
html .ui-body-aide-white .ui-btn.ui-btn-active,
html body .ui-btn.ui-btn-aide-white.ui-btn-active,
html body .ui-group-theme-aide-white .ui-btn.ui-btn-active,
[class*="ui-group-theme-"] .ui-btn.ui-btn-aide-white.ui-btn-active,
/* radio button */
.ui-page-theme-slapos-white .ui-btn.ui-icon-radio-on,
html .ui-bar-slapos-white .ui-btn.ui-icon-radio-on,
html .ui-body-slapos-white .ui-btn.ui-icon-radio-on,
html body .ui-group-theme-slapos-white .ui-btn.ui-icon-radio-on,
.ui-btn.ui-icon-radio-on.ui-btn-slapos-white,
.ui-page-theme-aide-white .ui-btn.ui-icon-radio-on,
html .ui-bar-aide-white .ui-btn.ui-icon-radio-on,
html .ui-body-aide-white .ui-btn.ui-icon-radio-on,
html body .ui-group-theme-aide-white .ui-btn.ui-icon-radio-on,
.ui-btn.ui-icon-radio-on.ui-btn-aide-white,
/* Active flipswitch background */
.ui-page-theme-slapos-white .ui-flipswitch-active,
html .ui-bar-slapos-white .ui-flipswitch-active,
html .ui-body-slapos-white .ui-flipswitch-active,
html body .ui-group-theme-slapos-white .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-slapos-white.ui-flipswitch-active,
.ui-page-theme-aide-white .ui-flipswitch-active,
html .ui-bar-aide-white .ui-flipswitch-active,
html .ui-body-aide-white .ui-flipswitch-active,
html body .ui-group-theme-aide-white .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-aide-white.ui-flipswitch-active,
/* Active slider track */
.ui-page-theme-slapos-white .ui-slider-track .ui-btn-active,
html .ui-bar-slapos-white .ui-slider-track .ui-btn-active,
html .ui-body-slapos-white .ui-slider-track .ui-btn-active,
html body .ui-group-theme-slapos-white .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-slapos-white .ui-btn-active,
.ui-page-theme-aide-white .ui-slider-track .ui-btn-active,
html .ui-bar-aide-white .ui-slider-track .ui-btn-active,
html .ui-body-aide-white .ui-slider-track .ui-btn-active,
html body .ui-group-theme-aide-white .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-aide-white .ui-btn-active,
/* Table buttons */
html .ui-page-theme-slapos-white .ui-table-wrapper .ui-btn:active,
html .ui-page-theme-slapos-white .ui-table-wrapper .ui.btn.ui-btn-active,
html .ui-page-theme-aide-white .ui-table-wrapper .ui-btn:active,
html .ui-page-theme-aide-white .ui-table-wrapper .ui.btn.ui-btn-active,
/* Controlbar */
html .ui-page-theme-slapos-white .ui-controlbar .ui-btn:active,
html .ui-page-theme-slapos-white .ui-controlbar .ui-btn.ui-btn-active,
html .ui-page-theme-aide-white .ui-controlbar .ui-btn:active,
html .ui-page-theme-aide-white .ui-controlbar .ui-btn.ui-btn-active,
/* Tab Buttons */
html .ui-page-theme-slapos-white .ui-collapsible-set .ui-collapsible h1 a.ui-btn:active,
html .ui-page-theme-slapos-white .ui-collapsible-set .ui-collapsible h1 a.ui-btn.ui-btn-active,
html .ui-page-theme-aide-white .ui-collapsible-set .ui-collapsible h1 a.ui-btn:active,
html .ui-page-theme-aide-white .ui-collapsible-set .ui-collapsible h1 a.ui-btn.ui-btn-active,
/* black */
html .ui-page-theme-slapos-black .ui-bar-active,
.ui-page-theme-slapos-black .ui-btn:active,
html .ui-bar-slapos-black .ui-btn:active,
html .ui-body-slapos-black .ui-btn:active,
html body .ui-btn.ui-btn-slapos-black:active,
html body .ui-group-theme-slapos-black .ui-btn:active,
[class*="ui-group-theme-"] .ui-btn.ui-btn-slapos-black:active,
html .ui-page-theme-aide-orange .ui-bar-active,
.ui-page-theme-aide-orange .ui-btn:active,
html .ui-bar-aide-orange .ui-btn:active,
html .ui-body-aide-orange .ui-btn:active,
html body .ui-btn.ui-btn-aide-orange:active,
html body .ui-group-theme-aide-orange .ui-btn:active,
[class*="ui-group-theme-"] .ui-btn.ui-btn-aide-orange:active,
/* Active button */
.ui-page-theme-slapos-black .ui-btn.ui-btn-active,
html .ui-bar-slapos-black .ui-btn.ui-btn-active,
html .ui-body-slapos-black .ui-btn.ui-btn-active,
html body .ui-btn.ui-btn-slapos-black.ui-btn-active,
html body .ui-group-theme-slapos-black .ui-btn.ui-btn-active,
[class*="ui-group-theme-"] .ui-btn.ui-btn-slapos-black.ui-btn-active,
.ui-page-theme-aide-orange .ui-btn.ui-btn-active,
html .ui-bar-aide-orange .ui-btn.ui-btn-active,
html .ui-body-aide-orange .ui-btn.ui-btn-active,
html body .ui-btn.ui-btn-aide-orange.ui-btn-active,
html body .ui-group-theme-aide-orange .ui-btn.ui-btn-active,
[class*="ui-group-theme-"] .ui-btn.ui-btn-aide-orange.ui-btn-active,
/* radio on */
.ui-page-theme-slapos-black .ui-btn.ui-icon-radio-on,
html .ui-bar-slapos-black .ui-btn.ui-icon-radio-on,
html .ui-body-slapos-black .ui-btn.ui-icon-radio-on,
html body .ui-group-theme-slapos-black .ui-btn.ui-icon-radio-on,
.ui-btn.ui-icon-radio-on.ui-btn-slapos-black ,
.ui-page-theme-aide-orange .ui-btn.ui-icon-radio-on,
html .ui-bar-aide-orange .ui-btn.ui-icon-radio-on,
html .ui-body-aide-orange .ui-btn.ui-icon-radio-on,
html body .ui-group-theme-aide-orange .ui-btn.ui-icon-radio-on,
.ui-btn.ui-icon-radio-on.ui-btn-aide-orange ,
/* Active flipswitch background */
.ui-page-theme-slapos-black .ui-flipswitch-active,
html .ui-bar-slapos-black .ui-flipswitch-active,
html .ui-body-slapos-black .ui-flipswitch-active,
html body .ui-group-theme-slapos-black .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-slapos-black.ui-flipswitch-active,
.ui-page-theme-aide-orange .ui-flipswitch-active,
html .ui-bar-aide-orange .ui-flipswitch-active,
html .ui-body-aide-orange .ui-flipswitch-active,
html body .ui-group-theme-aide-orange .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-aide-orange.ui-flipswitch-active,
/* Active slider track */
.ui-page-theme-slapos-black .ui-slider-track .ui-btn-active,
html .ui-bar-slapos-black .ui-slider-track .ui-btn-active,
html .ui-body-slapos-black .ui-slider-track .ui-btn-active,
html body .ui-group-theme-slapos-black .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-slapos-black .ui-btn-active,
.ui-page-theme-aide-orange .ui-slider-track .ui-btn-active,
html .ui-bar-aide-orange .ui-slider-track .ui-btn-active,
html .ui-body-aide-orange .ui-slider-track .ui-btn-active,
html body .ui-group-theme-aide-orange .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-aide-orange .ui-btn-active,
/* Table buttons */
html .ui-page-theme-slapos-black .ui-table-wrapper .ui-btn:active,
html .ui-page-theme-slapos-black .ui-table-wrapper .ui.btn.ui-btn-active,
html .ui-page-theme-aide-orange .ui-table-wrapper .ui-btn:active,
html .ui-page-theme-aide-orange .ui-table-wrapper .ui.btn.ui-btn-active,
/* Table rows on hover */
html table.ui-table tbody tr:hover td,
html table.ui-table.ui-tr-highlight tbody tr:hover td,
/* Controlbar */
html .ui-page-theme-slapos-black .ui-controlbar .ui-btn:active,
html .ui-page-theme-slapos-black .ui-controlbar .ui-btn.ui-btn-active,
html .ui-page-theme-aide-orange .ui-controlbar .ui-btn:active,
html .ui-page-theme-aide-orange .ui-controlbar .ui-btn.ui-btn-active,
/* Tab Buttons */
html .ui-page-theme-slapos-black .ui-collapsible-set .ui-collapsible h1 a.ui-btn:active,
html .ui-page-theme-slapos-black .ui-collapsible-set .ui-collapsible h1 a.ui-btn.ui-btn-active {
background-color: #94f2f1;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0fbabd), to(#94f2f1));
background: -webkit-linear-gradient(bottom, #0fbabd, #94f2f1);
background: linear-gradient(bottom, #0fbabd, #94f2f1);
background: -moz-linear-gradient(bottom, #0fbabd, #94f2f1);
background: -o-linear-gradient(bottom, #0fbabd, #94f2f1);
background: -ms-linear-gradient(bottom, #0fbabd, #94f2f1);
color: #fff !important;
html .ui-page-theme-aide-orange .ui-collapsible-set .ui-collapsible h1 a.ui-btn:active,
html .ui-page-theme-aide-orange .ui-collapsible-set .ui-collapsible h1 a.ui-btn.ui-btn-active {
background-color: #ECE4C9;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ECE4C9), to(#E9DDB5));
background: -webkit-linear-gradient(bottom, #ECE4C9, #E9DDB5);
background: linear-gradient(bottom, #ECE4C9, #E9DDB5);
background: -moz-linear-gradient(bottom, #ECE4C9, #E9DDB5);
background: -o-linear-gradient(bottom, #ECE4C9, #E9DDB5);
background: -ms-linear-gradient(bottom, #ECE4C9, #E9DDB5);
color: #000 !important;
text-shadow: none;
cursor: pointer;
}
/* Table rows ,no pointer... */
html table.ui-table tbody tr:hover td {
html table.ui-table.ui-tr-highlight tbody tr:hover td {
cursor: default;
}
/* Active radio button */
/* white */
.ui-page-theme-slapos-white .ui-btn.ui-icon-radio-on:after,
html .ui-bar-slapos-white .ui-btn.ui-icon-radio-on:after,
html .ui-body-slapos-white .ui-btn.ui-icon-radio-on:after,
html body .ui-group-theme-slapos-white .ui-btn.ui-icon-radio-on:after,
.ui-btn.ui-icon-radio-on.ui-btn-slapos-white:after,
.ui-page-theme-aide-white .ui-btn.ui-icon-radio-on:after,
html .ui-bar-aide-white .ui-btn.ui-icon-radio-on:after,
html .ui-body-aide-white .ui-btn.ui-icon-radio-on:after,
html body .ui-group-theme-aide-white .ui-btn.ui-icon-radio-on:after,
.ui-btn.ui-icon-radio-on.ui-btn-aide-white:after,
/* black */
.ui-page-theme-slapos-black .ui-btn.ui-icon-radio-on:after,
html .ui-bar-slapos-black .ui-btn.ui-icon-radio-on:after,
html .ui-body-slapos-black .ui-btn.ui-icon-radio-on:after,
html body .ui-group-theme-slapos-black .ui-btn.ui-icon-radio-on:after,
.ui-btn.ui-icon-radio-on.ui-btn-slapos-black:after {
border-color: #fff;
.ui-page-theme-aide-orange .ui-btn.ui-icon-radio-on:after,
html .ui-bar-aide-orange .ui-btn.ui-icon-radio-on:after,
html .ui-body-aide-orange .ui-btn.ui-icon-radio-on:after,
html body .ui-group-theme-aide-orange .ui-btn.ui-icon-radio-on:after,
.ui-btn.ui-icon-radio-on.ui-btn-aide-orange:after {
border-color: #000;
}
/* Focus */
/* white */
.ui-overlay-slapos-white .ui-btn:focus,
.ui-page-theme-slapos-white .ui-btn:focus,
html .ui-bar-slapos-white .ui-btn:focus,
html .ui-body-slapos-white .ui-btn:focus,
html body .ui-group-theme-slapos-white .ui-btn:focus,
html head + body .ui-btn.ui-btn-slapos-white:focus,
.ui-overlay-aide-white .ui-btn:focus,
.ui-page-theme-aide-white .ui-btn:focus,
html .ui-bar-aide-white .ui-btn:focus,
html .ui-body-aide-white .ui-btn:focus,
html body .ui-group-theme-aide-white .ui-btn:focus,
html head + body .ui-btn.ui-btn-aide-white:focus,
/* Focus buttons and text inputs with div wrap */
.ui-overlay-slapos-white .ui-focus,
.ui-page-theme-slapos-white .ui-focus,
html .ui-bar-slapos-white .ui-focus,
html .ui-body-slapos-white .ui-focus,
html body .ui-group-theme-slapos-white .ui-focus,
html head + body .ui-btn-slapos-white.ui-focus,
html head + body .ui-body-slapos-white.ui-focus,
.ui-overlay-aide-white .ui-focus,
.ui-page-theme-aide-white .ui-focus,
html .ui-bar-aide-white .ui-focus,
html .ui-body-aide-white .ui-focus,
html body .ui-group-theme-aide-white .ui-focus,
html head + body .ui-btn-aide-white.ui-focus,
html head + body .ui-body-aide-white.ui-focus,
/* black */
.ui-overlay-slapos-black .ui-btn:focus,
.ui-page-theme-slapos-black .ui-btn:focus,
html .ui-bar-slapos-black .ui-btn:focus,
html .ui-body-slapos-black .ui-btn:focus,
html body .ui-group-theme-slapos-black .ui-btn:focus,
html head + body .ui-btn.ui-btn-slapos-black:focus,
.ui-overlay-aide-orange .ui-btn:focus,
.ui-page-theme-aide-orange .ui-btn:focus,
html .ui-bar-aide-orange .ui-btn:focus,
html .ui-body-aide-orange .ui-btn:focus,
html body .ui-group-theme-aide-orange .ui-btn:focus,
html head + body .ui-btn.ui-btn-aide-orange:focus,
/* Focus buttons and text inputs with div wrap */
.ui-overlay-slapos-black .ui-focus,
.ui-page-theme-slapos-black .ui-focus,
html .ui-bar-slapos-black .ui-focus,
html .ui-body-slapos-black .ui-focus,
html body .ui-group-theme-slapos-black .ui-focus,
html head + body .ui-btn-slapos-black.ui-focus,
html head + body .ui-body-slapos-black.ui-focus{
-webkit-box-shadow: 0 0 6px #0fbabd;
-moz-box-shadow: 0 0 6px #0fbabd;
box-shadow: 0 0 6px #0fbabd;
.ui-overlay-aide-orange .ui-focus,
.ui-page-theme-aide-orange .ui-focus,
html .ui-bar-aide-orange .ui-focus,
html .ui-body-aide-orange .ui-focus,
html body .ui-group-theme-aide-orange .ui-focus,
html head + body .ui-btn-aide-orange.ui-focus,
html head + body .ui-body-aide-orange.ui-focus{
-webkit-box-shadow: 0 0 6px #FDAF44;
-moz-box-shadow: 0 0 6px #FDAF44;
box-shadow: 0 0 6px #FDAF44;
}
......
img/aea.png 0 → 100644
View file @ 59aeb853
img/aea.png

7.27 KB

index.html deleted 100644 → 0
View file @ fb2959a5
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<title></title>
<link rel="stylesheet" href="css/jquery-mobile/jquery-mobile.latest.css">
<link rel="stylesheet" href="css/extensions.css">
<link rel="stylesheet" href="css/fontawesome.css">
<link rel="stylesheet" href="css/themes.css">
<link rel="stylesheet" href="css/css.css">
</head>
<body>
<!-- global panel -->
<!-- global header -->
<div id="dashboard" data-role="page" data-theme="slapos-white">
<div class="ui-content">
<!-- nothing to see here -->
</div>
</div>
<!-- global footer (not used) -->
<!-- global popup -->
<script src="js/libs/jquery/jquery.js"></script>
<script src="js/libs/jquery-mobile/jquery-mobile.js"></script>
<script src="js/extensions.js"></script>
<script src="js/libs/jio/sha256.amd.js"></script>
<script src="js/libs/jio/jio.js"></script>
<script src="js/libs/jio/complex_queries.js"></script>
<script src="js/libs/jio/localstorage.js"></script>
<!-- stuff happens here -->
<script src="js/erp5_loader.js"></script>
</body>
</html>
js/erp5_loader.js
View file @ 59aeb853
This source diff could not be displayed because it is too large. You can view the blob instead.
js/extensions.js
View file @ 59aeb853
......@@ -457,6 +457,7 @@ $.widget( "mobile.table", $.mobile.table, {
columnBtnIcon: "Search",
sort: null,
wrap: null,
wrapperTheme: null,
embedded: null,
topGrid: null,
bottomGrid: null,
......@@ -577,7 +578,9 @@ $.widget( "mobile.table", $.mobile.table, {
_generateWrapper: function ( grids ) {
return $("<div/>", {
class: "ui-table-wrapper ui-table-wrapper-inset " + (this.options.embedded ? "" : "ui-corner-all")
class: "ui-table-wrapper ui-table-wrapper-inset " +
(this.options.embedded ? "" : "ui-corner-all ") +
("ui-bar-" + this.options.wrapperTheme || "")
}).append($.map(new Array( grids ), function(){
return $("<div/>");
})).grid({ grid: grids > 1 ? this._toLetter(grids-2) : "solo" });
......
js/magic.js deleted 100644 → 0
View file @ fb2959a5
(function(window, document, $) {
/*
// NOTE:
// beware to update all display texts when using multiple languages
// NOTE:
// temporary setup to keep user settings!
// this is USER-SETTINGS
var User = jIO.newJio({
"type": "local",
"username": "setup",
"application_name": "slapos"
});
User.get({"_id":"configuration"}, function (err, response) {
if (err) {
// no user config stored, load default
$.when($.ajax({
"url": "data/default_configuration.json",
"dataType": "json"
})
).then(function(data, textStatus, jqXHR) {
console.log(data);
}
).fail(function(data, textStatus, jqXHR) {
alert("Could not load application configuration");
}
);
} else {
}
});
*/
// TODO: save user settings in JIO localstorage
// tab handler
var count = 0,
parent,
create_tab,
tab_index,
tab_body,
tab_add_gadget,
tab_header,
tab_text,
tab_edit,
tab_delete,
tab;
factory_link = document.createElement("a");
factory_link.setAttribute("data-role", "button");
factory_link.setAttribute("href", "#");
factory_header = document.createElement("h1");
factory_div = document.createElement("div");
// add a new tab
$("div.ui-dynamic-tabs div.tab_add").on("collapsiblebeforeexpand", function (e) {
e.preventDefault();
parent = e.target.parentNode;
if (count === 0) {
if (parent.className.match(/(?:^|\s)ui-dynamic-tabs-added(?!\S)/) === null) {
parent.className += " ui-dynamic-tabs-added";
}
}
tab_index = "Tab-" + count;
count += 1;
create_tab = prompt("Please name your new tab", tab_index);
if (create_tab !== null && create_tab !== undefined) {
tab = factory_div.cloneNode();
tab.setAttribute("data-role", "collapsible");
tab.setAttribute("data-collapsed", "true");
tab.setAttribute("data-icon", "false");
tab_header = factory_header.cloneNode();
tab_edit = factory_link.cloneNode();
tab_edit.setAttribute("data-iconpos", "notext");
tab_edit.setAttribute("data-icon", "pencil");
tab_edit.setAttribute("data-rel", "edit");
tab_edit.setAttribute("class", "tab_action");
tab_edit.appendChild( document.createTextNode("Edit"));
tab_delete = factory_link.cloneNode();
tab_delete.setAttribute("data-iconpos", "notext");
tab_delete.setAttribute("data-icon", "remove");
tab_delete.setAttribute("data-rel", "delete");
tab_delete.setAttribute("class", "tab_action tab_action_last");
tab_delete.appendChild( document.createTextNode("Delete"));
tab_body = window.document.createDocumentFragment();
// add active gadgets here!
tab_add_piece = factory_link.cloneNode();
tab_add_piece.setAttribute("href","gadgetCatalog");
tab_add_piece.setAttribute("data-icon", "puzzle-piece");
tab_add_piece.setAttribute("data-iconpos", "left");
tab_add_piece.setAttribute("data-inline", "true");
tab_add_piece.className = "dashed gadget_add";
tab_add_piece.appendChild( document.createTextNode("Add Gadget") );
tab_body.appendChild(tab_add_piece);
tab_header.appendChild(document.createTextNode( create_tab ));
tab_header.appendChild(tab_edit);
tab_header.appendChild(tab_delete);
tab.appendChild(tab_header);
tab.appendChild(tab_body);
parent.insertBefore(tab, e.target);
// enhance, set edit and remove bindings
$(parent)
.collapsibleset("refresh")
.enhanceWithin()
.find(".tab_action")
.on("click", function (e) {
var action, collapsible, proceed;
// prevent action on collapsible
e.stopPropagation();
e.stopImmediatePropagation();
action = e.target.getAttribute("data-rel");
if (action === "delete") {
proceed = confirm("Do you really want to remove this tab and included gadgets?");
if (proceed) {
collapsible = e.target.parentNode.parentNode;
collapsible.parentNode.removeChild(collapsible);
// reset
$(parent).collapsibleset("refresh");
// update parent
count -= 1;
if (count === 0) {
parent.className = parent.className.replace(/(?:^|\s)ui-dynamic-tabs-added(?!\S)/g , '')
}
}
} else if (action === "edit") {
proceed = prompt("Please rename your tab", e.target.parentNode.childNodes[0].text);
if (proceed !== null) {
e.target.parentNode.childNodes[0].innerHTML = proceed;
}
}
});
}
});
}(window, document, jQuery));
\ No newline at end of file
networks.html deleted 100644 → 0
View file @ fb2959a5
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<title></title>
<link rel="stylesheet" href="css/jquery-mobile/jquery-mobile.latest.css">
<link rel="stylesheet" href="css/extensions.css">
<link rel="stylesheet" href="css/fontawesome.css">
<link rel="stylesheet" href="css/themes.css">
<link rel="stylesheet" href="css/css.css">
</head>
<body>
<!-- global panel -->
<!-- global header -->
<div id="networks" data-role="page" data-theme="slapos-white">
<div class="ui-content">
<div class="content_element">
<p>
Overview of networks currently being used. Click on a network to
open the detailed section.
</p>
</div>
<div class="content_element">
<div class="erp5_gadget" data-gadget="actionMenu" data-gadget-id="network_actions">
<!-- action menu -->
</div>
</div>
<hr>
<div class="content_element content_element_fullscreen">
<table class="erp5_gadget" data-gadget="listbox" data-gadget-id="networks_01">
<!-- dynamic -->
</table>
</div>
</div>
</div>
<!-- global footer (not used) -->
<!-- global popup -->
<script src="js/libs/jquery/jquery.js"></script>
<script src="js/libs/jquery-mobile/jquery-mobile.js"></script>
<script src="js/extensions.js"></script>
<script src="js/libs/jio/sha256.amd.js"></script>
<script src="js/libs/jio/jio.js"></script>
<script src="js/libs/jio/complex_queries.js"></script>
<script src="js/libs/jio/localstorage.js"></script>
<!-- stuff happens here -->
<script src="js/erp5_loader.js"></script>
</body>
</html>
account.html → payments.html
View file @ 59aeb853
......@@ -14,35 +14,27 @@
</head>
<body>
<!-- global panel -->
<!-- global header -->
<div id="account" data-role="page" data-theme="slapos-white">
<div id="payments" data-role="page" data-theme="aide-white">
<div class="ui-content">
<div class="content_element">
<p>
Personal and Security Settings.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est
Lorem ipsum dolor sit amet.
</p>
</div>
<div class="content_element">
<div class="erp5_gadget" data-gadget="actionMenu" data-gadget-id="account_actions">
<!-- action menu -->
<div class="erp5_gadget" data-gadget="listbox" data-gadget-id="fieldbox_01">
<!-- dynamic -->
</div>
</div>
<hr>
<!--
<div class="erp5_gadget" data-gadget="fieldlist" data-gadget-id="account_01">
</div>
-->
</div>
</div>
<!-- global footer (not used) -->
<!-- global popup -->
<script src="js/libs/jquery/jquery.js"></script>
<script src="js/libs/jquery-mobile/jquery-mobile.js"></script>
<script src="js/extensions.js"></script>
......
servers.html deleted 100644 → 0
View file @ fb2959a5
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<title></title>
<link rel="stylesheet" href="css/jquery-mobile/jquery-mobile.latest.css">
<link rel="stylesheet" href="css/extensions.css">
<link rel="stylesheet" href="css/fontawesome.css">
<link rel="stylesheet" href="css/themes.css">
<link rel="stylesheet" href="css/css.css">
</head>
<body>
<!-- global panel -->
<!-- global header -->
<div id="servers" data-role="page" data-theme="slapos-white">
<div class="ui-content">
<div class="content_element">
<p>
Overview of computers currently being used. Click on a server to
configure it.
</p>
</div>
<div class="content_element">
<div class="erp5_gadget" data-gadget="actionMenu" data-gadget-id="computer_actions">
<!-- action menu -->
</div>
</div>
<hr>
<div class="content_element content_element_fullscreen">
<table class="erp5_gadget" data-gadget="listbox" data-gadget-id="computer_01">
<!-- dynamic -->
</table>
</div>
</div>
</div>
<!-- global footer (not used) -->
<!-- global popup -->
<script src="js/libs/jquery/jquery.js"></script>
<script src="js/libs/jquery-mobile/jquery-mobile.js"></script>
<script src="js/extensions.js"></script>
<script src="js/libs/jio/sha256.amd.js"></script>
<script src="js/libs/jio/jio.js"></script>
<script src="js/libs/jio/complex_queries.js"></script>
<script src="js/libs/jio/localstorage.js"></script>
<!-- stuff happens here -->
<script src="js/erp5_loader.js"></script>
</body>
</html>
services.html deleted 100644 → 0
View file @ fb2959a5
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<title></title>
<link rel="stylesheet" href="css/jquery-mobile/jquery-mobile.latest.css">
<link rel="stylesheet" href="css/extensions.css">
<link rel="stylesheet" href="css/fontawesome.css">
<link rel="stylesheet" href="css/themes.css">
<link rel="stylesheet" href="css/css.css">
</head>
<body>
<!-- global panel -->
<!-- global header -->
<div id="services" data-role="page" data-theme="slapos-white">
<div class="ui-content">
<div class="content_element">
<p>
Overview of software installed on your servers. Select services to configure them or
add new services from the list of available software.
</p>
</div>
<div class="content_element">
<div class="erp5_gadget" data-gadget="actionMenu" data-gadget-id="service_actions">
<!-- action menu -->
</div>
</div>
<hr>
<div class="content_element content_element_fullscreen">
<table class="erp5_gadget" data-gadget="listbox" data-gadget-id="services_01">
<!-- dynamic -->
</table>
</div>
</div>
</div>
<!-- global footer (not used) -->
<!-- global popup -->
<script src="js/libs/jquery/jquery.js"></script>
<script src="js/libs/jquery-mobile/jquery-mobile.js"></script>
<script src="js/extensions.js"></script>
<script src="js/libs/jio/sha256.amd.js"></script>
<script src="js/libs/jio/jio.js"></script>
<script src="js/libs/jio/complex_queries.js"></script>
<script src="js/libs/jio/localstorage.js"></script>
<!-- stuff happens here -->
<script src="js/erp5_loader.js"></script>
</body>
</html>
invoices.html → update.html
View file @ 59aeb853
......@@ -14,31 +14,27 @@
</head>
<body>
<!-- global panel -->
<!-- global header -->
<div id="invoices" data-role="page" data-theme="slapos-white">
<div id="update" data-role="page" data-theme="aide-white">
<div class="ui-content">
<div class="content_element">
<p>Overview of invoices for SlapOS and installed software usage. Select an invoice to download.</p>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est
Lorem ipsum dolor sit amet.
</p>
</div>
<div class="content_element">
</div>
<hr>
<div class="content_element content_element_fullscreen">
<table class="erp5_gadget" data-gadget="listbox" data-gadget-id="invoices_01">
<div class="erp5_gadget" data-gadget="fieldlist" data-gadget-id="fieldlist_01">
<!-- dynamic -->
</table>
</div>
</div>
</div>
</div>
<!-- global footer (not used) -->
<!-- global popup -->
<script src="js/libs/jquery/jquery.js"></script>
<script src="js/libs/jquery-mobile/jquery-mobile.js"></script>
<script src="js/extensions.js"></script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7