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
Expand all 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
This diff is collapsed.
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 diff is collapsed.
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