Commit 92da569e authored by Rafael Monnerat's avatar Rafael Monnerat

slapos_jio: Drop Handlebars

  This follow up renderjs general directive to not use it.
parent bdf6990e
...@@ -8,50 +8,24 @@ ...@@ -8,50 +8,24 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<title>Information</title> <title>Information</title>
<!-- renderjs -->
<script src="rsvp.js"></script> <script src="rsvp.js"></script>
<script src="renderjs.js"></script> <script src="renderjs.js"></script>
<script src="handlebars.js"></script> <script src="domsugar.js"></script>
<!-- custom script --> <!-- custom script -->
<script src="gadget_erp5_attention_point.js" type="text/javascript"></script> <script src="gadget_erp5_attention_point.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="gadget_erp5_attention_point.css"> <link rel="stylesheet" type="text/css" href="gadget_erp5_attention_point.css">
<script id="attention_point-item-template" type="text/x-handlebars-template">
{{#each option}}
<div class="attention-point">
{{#if link}}
<a href={{link}}>
{{/if}}
{{text}}
{{#if link}}
</a>
{{/if}}
</div>
{{/each}}
</script>
<script id="attention_point-template" type="text/x-handlebars-template">
<div class="ui-panel-inner">
<div data-role="header" role="banner" class="ui-header ui-bar-inherit">
<div class="ui-controlgroup ui-controlgroup-horizontal ui-btn-right">
<div class="ui-controlgroup-controls">
<button data-rel="save" data-i18n="Submit" type="submit" class="submit responsive ui-last-child ui-btn ui-btn-icon-left"></button>
</div>
</div>
<h1 class="ui-title" role="heading" data-i18n="Warnings" aria-level="1">Warnings</h1>
<div class="ui-controlgroup ui-controlgroup-horizontal ui-btn-left">
<div class="ui-controlgroup-controls">
<button data-i18n="Close" data-rel="close" type="submit" class="close responsive ui-first-child ui-btn ui-btn-icon-left ui-icon-times">Close</button>
</div>
</div>
</div>
<section class="ui-body-c ui-content-section">
<div class="attention_point_item_container ui-controlgroup ui-corner_all"></div>
</section>
</div>
</script>
</head> </head>
<body> <body>
<form class="attention_point_editor"> <form class="attention_point_editor">
<div class="container"></div> <div class="container">
<div class="ui-panel-inner">
<div data-role="header" role="banner" class="ui-header ui-bar-inherit attention_point_header">
</div>
<section class="ui-body-c ui-content-section">
<div class="attention_point_item_container ui-controlgroup ui-corner_all"></div>
</section>
</div>
</div>
</form> </form>
</body> </body>
</html> </html>
\ No newline at end of file
...@@ -232,7 +232,7 @@ ...@@ -232,7 +232,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>975.18443.44162.42615</string> </value> <value> <string>1001.26171.19762.42854</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -250,7 +250,7 @@ ...@@ -250,7 +250,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1556250011.09</float> <float>1657056446.76</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
/*jslint indent: 2, maxerr: 3, nomen: true */ /*jslint indent: 2, maxerr: 3, nomen: true */
/*global window, document, rJS, RSVP, Handlebars*/ /*global window, document, rJS, RSVP, domsugar*/
(function (window, document, rJS, RSVP, Handlebars) { (function (window, document, rJS, RSVP, domsugar) {
"use strict"; "use strict";
var gadget_klass = rJS(window),
template_element = gadget_klass.__template_element, function createAttentionPointItem(item_list) {
attention_point_item_template = Handlebars.compile(template_element var i, attention_point_item = [];
.getElementById("attention_point-item-template") for (i in item_list) {
.innerHTML), if (item_list.hasOwnProperty(i)) {
attention_point_template = Handlebars.compile(template_element if (item_list[i].link) {
.getElementById("attention_point-template") attention_point_item.push(
.innerHTML); domsugar("div", {class: "attention-point"}, [
Handlebars.registerHelper('equal', function (left_value, right_value, options) { domsugar("a", {
if (arguments.length < 3) { href: item_list[i].link,
throw new Error("Handlebars Helper equal needs 2 parameters"); text: item_list[i].text
} })
if (left_value !== right_value) { ])
return options.inverse(this); );
} else {
attention_point_item.push(
domsugar("div", {
class: "attention-point",
text: item_list[i].text
})
);
}
}
} }
return options.fn(this); return attention_point_item;
}); }
function createAttentionPointTemplate(gadget, attention_point) { function createAttentionPointTemplate(gadget, attention_point) {
var page = "slap_controller", option_dict = {}; var page = "slap_controller", option_dict = {};
...@@ -32,55 +41,71 @@ ...@@ -32,55 +41,71 @@
} }
return gadget.getUrlFor({command: 'change', options: option_dict}) return gadget.getUrlFor({command: 'change', options: option_dict})
.push(function (link) { .push(function (link) {
return gadget.translateHtml(attention_point_item_template({ return createAttentionPointItem([
option: [{ {
text: attention_point.text, text: attention_point.text,
link: link link: link
}] }]);
}));
}); });
} }
return gadget.translateHtml(attention_point_item_template({ return createAttentionPointItem([
option: [{ {
text: attention_point.text, text: attention_point.text,
link: attention_point.link link: attention_point.link
}] }]);
})); }
function createAttentionPointHeader(container) {
while (container.firstChild) {
container.removeChild(container.firstChild);
}
return domsugar(container, {
class: "ui-header ui-bar-inherit attention_point_header",
"data-role": "header",
role: "banner"
}, [
domsugar("div", {class: "ui-controlgroup ui-controlgroup-horizontal ui-btn-right"}, [
domsugar("div", {class: "ui-controlgroup-controls"})
]),
domsugar('h1', {class: "ui-title", role: "heading", "aria-level": "1", text: "Warnings" }),
domsugar("div", {class: "ui-controlgroup ui-controlgroup-horizontal ui-btn-left"}, [
domsugar("div", {class: "ui-controlgroup-controls"}, [
domsugar("button", {
text: "Close",
type: "submit",
"data-rel": "save",
class: "close responsive ui-first-child ui-btn ui-btn-icon-left ui-icon-times"
})])
])
]);
} }
gadget_klass rJS(window)
////////////////////////////////////////////// //////////////////////////////////////////////
// acquired method // acquired method
////////////////////////////////////////////// //////////////////////////////////////////////
.declareAcquiredMethod("translateHtml", "translateHtml")
.declareAcquiredMethod("redirect", "redirect") .declareAcquiredMethod("redirect", "redirect")
.declareAcquiredMethod("trigger", "trigger") .declareAcquiredMethod("trigger", "trigger")
.declareAcquiredMethod("getUrlFor", "getUrlFor") .declareAcquiredMethod("getUrlFor", "getUrlFor")
.onStateChange(function onStateChange() { .onStateChange(function onStateChange() {
var gadget = this, var gadget = this,
div = document.createElement("div"), container = gadget.element.querySelector(".attention_point_header");
container = gadget.element.querySelector(".container"); createAttentionPointHeader(container);
return gadget.translateHtml(attention_point_template()) return new RSVP.Queue()
.push(function (translated_html) { .push(function () {
div.innerHTML = translated_html;
return RSVP.all(gadget.state.attention_point_list return RSVP.all(gadget.state.attention_point_list
.map(function (attention_point) { .map(function (attention_point) {
return createAttentionPointTemplate(gadget, attention_point); return createAttentionPointTemplate(gadget, attention_point);
}) }));
);
}) })
.push(function (result_list) { .push(function (result_list) {
var i, var i,
subdiv, attention_point_item_container = gadget.element.querySelector('.attention_point_item_container');
attention_point_item_container = div.querySelector('.attention_point_item_container');
for (i = 0; i < result_list.length; i += 1) { for (i = 0; i < result_list.length; i += 1) {
subdiv = document.createElement("div"); attention_point_item_container.appendChild(
subdiv.innerHTML = result_list[i]; domsugar("div", {}, [result_list[i]])
attention_point_item_container.appendChild(subdiv); );
}
while (container.firstChild) {
container.removeChild(container.firstChild);
} }
container.appendChild(div); return createAttentionPointHeader(container);
}); });
}) })
.declareMethod('render', function render(options) { .declareMethod('render', function render(options) {
...@@ -119,4 +144,4 @@ ...@@ -119,4 +144,4 @@
options: options options: options
}); });
}); });
}(window, document, rJS, RSVP, Handlebars)); }(window, document, rJS, RSVP, domsugar));
\ No newline at end of file \ No newline at end of file
...@@ -228,7 +228,7 @@ ...@@ -228,7 +228,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>987.9086.39006.59579</string> </value> <value> <string>1001.29163.33217.42752</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -246,7 +246,7 @@ ...@@ -246,7 +246,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1602096464.77</float> <float>1657227587.75</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
...@@ -14,11 +14,6 @@ ...@@ -14,11 +14,6 @@
<!-- renderjs --> <!-- renderjs -->
<script src="rsvp.js" type="text/javascript"></script> <script src="rsvp.js" type="text/javascript"></script>
<script src="renderjs.js" type="text/javascript"></script> <script src="renderjs.js" type="text/javascript"></script>
<script src="handlebars.js" type="text/javascript"></script>
<script id="dialog-button-template" type="text/x-handlebars-template">
<input name="action_update" type="submit" value="{{button_text}}"></input>
</script>
<script src="gadget_erp5_page_slap_access_denied_view.js" type="text/javascript"></script> <script src="gadget_erp5_page_slap_access_denied_view.js" type="text/javascript"></script>
</head> </head>
......
...@@ -238,7 +238,7 @@ ...@@ -238,7 +238,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>982.32792.55683.53538</string> </value> <value> <string>1001.25024.39363.52411</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -256,7 +256,7 @@ ...@@ -256,7 +256,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1584116736.52</float> <float>1656979474.06</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
/*global window, rJS, RSVP, Handlebars, UriTemplate */ /*global window, rJS, RSVP, UriTemplate */
/*jslint nomen: true, indent: 2, maxerr: 3 */ /*jslint nomen: true, indent: 2, maxerr: 3 */
(function (window, rJS, RSVP, UriTemplate) { (function (window, rJS, RSVP, UriTemplate) {
"use strict"; "use strict";
var gadget_klass = rJS(window); rJS(window)
gadget_klass
.declareAcquiredMethod("getUrlForList", "getUrlForList") .declareAcquiredMethod("getUrlForList", "getUrlForList")
.declareAcquiredMethod("updateHeader", "updateHeader") .declareAcquiredMethod("updateHeader", "updateHeader")
.declareAcquiredMethod("updatePanel", "updatePanel") .declareAcquiredMethod("updatePanel", "updatePanel")
...@@ -66,15 +65,10 @@ ...@@ -66,15 +65,10 @@
]); ]);
}) })
.push(function () { .push(function () {
gadget.element.querySelector('input').value = logout_translation;
return gadget.updatePanel({ return gadget.updatePanel({
jio_key: false jio_key: false
}); });
})
.push(function () {
// return gadget.translate('Logout');
// })
// .push(function (translated_text) {
gadget.element.querySelector('input').value = logout_translation;
}); });
}) })
.onEvent('submit', function () { .onEvent('submit', function () {
......
...@@ -234,7 +234,7 @@ ...@@ -234,7 +234,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>987.11841.53639.29696</string> </value> <value> <string>999.2068.62564.17</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -252,7 +252,7 @@ ...@@ -252,7 +252,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1602261270.19</float> <float>1656979418.26</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
...@@ -4,30 +4,21 @@ ...@@ -4,30 +4,21 @@
data-i18n=Success... data-i18n=Success...
data-i18n=Fail... data-i18n=Fail...
data-i18n=Unknown action to take: data-i18n=Unknown action to take:
data-i18n=Continue
--> -->
<head> <head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" /> <meta name="viewport" content="width=device-width, user-scalable=no" />
<title>Site List</title> <title>Notify and Redirect</title>
<!-- renderjs --> <!-- renderjs -->
<script src="rsvp.js" type="text/javascript"></script> <script src="rsvp.js" type="text/javascript"></script>
<script src="renderjs.js" type="text/javascript"></script> <script src="renderjs.js" type="text/javascript"></script>
<script src="handlebars.js" type="text/javascript"></script> <script src="domsugar.js" type="text/javascript"></script>
<!-- custom script --> <!-- custom script -->
<script src="gadget_erp5_page_slap_notify_and_redirect.js" type="text/javascript"></script> <script src="gadget_erp5_page_slap_notify_and_redirect.js" type="text/javascript"></script>
<script id="message-template" type="text/x-handlebars-template">
<p> <center><strong>{{message_to_acknowledge}} </strong> </center> </p>
<p> </p>
<p> <center><a class="ui-btn ui-first-child ui-btn-icon-center" data-i18n="Continue" href="{{redirect_url}}"> Continue </a></center> </p>
</script>
</head> </head>
</head> </head>
<body> <body>
<form class="save_form ui-body-c" novalidate> <form class="save_form ui-body-c" novalidate>
......
...@@ -238,7 +238,7 @@ ...@@ -238,7 +238,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>982.16656.9604.44475</string> </value> <value> <string>1001.20452.64295.54357</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -256,7 +256,7 @@ ...@@ -256,7 +256,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1583494234.93</float> <float>1656704984.93</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
/*globals console, window, rJS, RSVP, loopEventListener, i18n, Handlebars, $*/ /*globals console, window, rJS, RSVP, loopEventListener, i18n, domsugar, $*/
/*jslint indent: 2, nomen: true, maxlen: 80*/ /*jslint indent: 2, nomen: true, maxlen: 80*/
(function (window, rJS, RSVP, Handlebars) { (function (window, rJS, RSVP, domsugar) {
"use strict"; "use strict";
var gadget_klass = rJS(window),
message_source = gadget_klass.__template_element
.getElementById("message-template")
.innerHTML,
message_template = Handlebars.compile(message_source);
gadget_klass rJS(window)
.declareAcquiredMethod("jio_get", "jio_get") .declareAcquiredMethod("jio_get", "jio_get")
.declareAcquiredMethod("getSetting", "getSetting") .declareAcquiredMethod("getSetting", "getSetting")
.declareAcquiredMethod("jio_getAttachment", "jio_getAttachment") .declareAcquiredMethod("jio_getAttachment", "jio_getAttachment")
...@@ -27,7 +22,8 @@ ...@@ -27,7 +22,8 @@
translation_list = [ translation_list = [
"Success...", "Success...",
"Fail...", "Fail...",
"Unknown action to take:" "Unknown action to take:",
"Continue"
]; ];
return new RSVP.Queue() return new RSVP.Queue()
.push(function () { .push(function () {
...@@ -37,28 +33,42 @@ ...@@ -37,28 +33,42 @@
}) })
.push(function () { .push(function () {
return RSVP.all([ return RSVP.all([
gadget.getElement(),
gadget.getUrlFor({command: 'change', gadget.getUrlFor({command: 'change',
options: {jio_key: "/", page: "slapos"}}), options: {jio_key: "/", page: "slapos"}}),
gadget.getTranslationList(translation_list) gadget.getTranslationList(translation_list)
]); ]);
}) })
.push(function (result) { .push(function (result) {
var redirect_url = result[1], var redirect_url = result[0],
element = result[0],
message = options.portal_status_message, message = options.portal_status_message,
page_title; page_title;
if (options.message_type === "success") { if (options.message_type === "success") {
page_title = result[2][0]; page_title = result[1][0];
} else if (options.message_type === "error") { } else if (options.message_type === "error") {
page_title = result[2][1]; page_title = result[1][1];
} else { } else {
throw new Error(result[2][2] + " " + options.result); throw new Error(result[1][2] + " " + options.result);
} }
element.innerHTML = message_template({ domsugar(gadget.element,
message_to_acknowledge: message, {},
redirect_url: redirect_url [
}); domsugar("p", {}, [
domsugar("center", {}, [
domsugar("strong", {text: message})
])
]),
domsugar("p"),
domsugar("p", {}, [
domsugar("center", {}, [
domsugar("a", {
text: result[1][3],
"data-i18n": "Continue",
href: redirect_url,
class: "ui-btn ui-first-child ui-btn-icon-center"
})
])
])
]);
return page_title; return page_title;
}) })
.push(function (page_title) { .push(function (page_title) {
...@@ -68,4 +78,4 @@ ...@@ -68,4 +78,4 @@
return gadget.updateHeader(header_dict); return gadget.updateHeader(header_dict);
}); });
}); });
}(window, rJS, RSVP, Handlebars)); }(window, rJS, RSVP, domsugar));
\ No newline at end of file \ No newline at end of file
...@@ -277,7 +277,7 @@ ...@@ -277,7 +277,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>986.45437.22132.61764</string> </value> <value> <string>999.2068.62564.17</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -295,7 +295,7 @@ ...@@ -295,7 +295,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1602259359.35</float> <float>1656704900.93</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
...@@ -8,17 +8,8 @@ ...@@ -8,17 +8,8 @@
<script src="rsvp.js"></script> <script src="rsvp.js"></script>
<script src="renderjs.js"></script> <script src="renderjs.js"></script>
<script src="handlebars.js"></script> <script src="domsugar.js"></script>
<script src="gadget_slapos_payment_result.js"></script> <script src="gadget_slapos_payment_result.js"></script>
<script id="message-template" type="text/x-handlebars-template">
<p> <center><strong>{{message_to_acknowledge}} </strong> </center> </p>
<p> <center>{{advice}} </center></p>
<p> </p>
<p> <center><a class="ui-btn ui-first-child ui-btn-icon-center" data-i18n="Return to Invoice List" href="{{payment_url}}"> Return to Invoice List</a></center> </p>
</script>
</head> </head>
<body> <body>
......
...@@ -240,7 +240,7 @@ ...@@ -240,7 +240,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>964.64930.42858.1297</string> </value> <value> <string>1000.2322.46712.16657</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -258,7 +258,7 @@ ...@@ -258,7 +258,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1516648499.4</float> <float>1655131178.92</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
...@@ -7,7 +7,8 @@ ...@@ -7,7 +7,8 @@
float: right; float: right;
} }
.box-gadget-bottom { .box-gadget-bottom,
.box-gadget-bottom-header {
float: left; float: left;
width: 100%; width: 100%;
padding-top: 17px; padding-top: 17px;
......
...@@ -251,7 +251,7 @@ ...@@ -251,7 +251,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>975.6713.31372.10752</string> </value> <value> <string>1000.2322.46712.16657</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -269,7 +269,7 @@ ...@@ -269,7 +269,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1555545224.77</float> <float>1654593711.96</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<!-- renderjs --> <!-- renderjs -->
<script src="rsvp.js" type="text/javascript"></script> <script src="rsvp.js" type="text/javascript"></script>
<script src="handlebars.js"></script> <script src="domsugar.js"></script>
<script src="renderjs.js" type="text/javascript"></script> <script src="renderjs.js" type="text/javascript"></script>
<!-- custom script --> <!-- custom script -->
...@@ -24,16 +24,6 @@ ...@@ -24,16 +24,6 @@
<script src="gadget_erp5_page_slapos.js" type="text/javascript"></script> <script src="gadget_erp5_page_slapos.js" type="text/javascript"></script>
<link href="gadget_erp5_page_slapos.css" rel="stylesheet" type="text/css"/> <link href="gadget_erp5_page_slapos.css" rel="stylesheet" type="text/css"/>
<script id="ticket-link-control-template" type="text/x-handlebars-template">
<div class="slapos-control-front">
<center>
<a class="ui-btn ui-first-child ui-btn-white-front ui-btn-icon-left ui-icon-sort-alpha-asc" href="{{ show_all_url }}" data-i18n="Show All Tickets" > Show All Tickets</a>
<a class="ui-btn ui-first-child ui-btn-white-front ui-btn-icon-left ui-icon-rss" href="{{ rss_all_url }}" data-i18n="RSS (all)" > RSS </a>
<a class="ui-btn ui-first-child ui-btn-white-front ui-btn-icon-left ui-icon-rss" href="{{ rss_critical_url }}" data-i18n="RSS Critical" > Critical </a>
</center>
</div>
</script>
</head> </head>
<body> <body>
...@@ -49,6 +39,8 @@ ...@@ -49,6 +39,8 @@
<div data-gadget-url="gadget_erp5_pt_form_view.html" <div data-gadget-url="gadget_erp5_pt_form_view.html"
data-gadget-scope="right"></div> data-gadget-scope="right"></div>
</div> </div>
<div class="box-gadget-bottom-header">
</div>
<div class="box-gadget-bottom"> <div class="box-gadget-bottom">
<div data-gadget-url="gadget_erp5_pt_form_view.html" <div data-gadget-url="gadget_erp5_pt_form_view.html"
data-gadget-scope="last"></div> data-gadget-scope="last"></div>
......
...@@ -251,7 +251,7 @@ ...@@ -251,7 +251,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>981.53386.41888.4846</string> </value> <value> <string>1000.49354.9268.54869</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -269,7 +269,7 @@ ...@@ -269,7 +269,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1581602507.86</float> <float>1654593490.4</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
/*global document, window, Option, rJS, RSVP, Chart, UriTemplate, Handlebars*/ /*global document, window, Option, rJS, RSVP, Chart, UriTemplate, domsugar */
/*jslint nomen: true, indent: 2, maxerr: 3 */ /*jslint nomen: true, indent: 2, maxerr: 3 */
(function (window, rJS, RSVP, Handlebars) { (function (window, rJS, RSVP, domsugar) {
"use strict"; "use strict";
var gadget_klass = rJS(window), var gadget_klass = rJS(window);
ticket_control_source = gadget_klass.__template_element
.getElementById("ticket-link-control-template")
.innerHTML,
ticket_control_template = Handlebars.compile(ticket_control_source);
gadget_klass gadget_klass
.ready(function (gadget) { .ready(function (gadget) {
gadget.property_dict = {}; gadget.property_dict = {};
...@@ -22,7 +17,6 @@ ...@@ -22,7 +17,6 @@
///////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////
.declareAcquiredMethod("jio_getAttachment", "jio_getAttachment") .declareAcquiredMethod("jio_getAttachment", "jio_getAttachment")
.declareAcquiredMethod("updatePanel", "updatePanel") .declareAcquiredMethod("updatePanel", "updatePanel")
.declareAcquiredMethod("translateHtml", "translateHtml")
.declareAcquiredMethod("getTranslationList", "getTranslationList") .declareAcquiredMethod("getTranslationList", "getTranslationList")
.declareAcquiredMethod("redirect", "redirect") .declareAcquiredMethod("redirect", "redirect")
.declareAcquiredMethod("updateHeader", "updateHeader") .declareAcquiredMethod("updateHeader", "updateHeader")
...@@ -249,49 +243,51 @@ ...@@ -249,49 +243,51 @@
"Modification Date", "Modification Date",
"State", "State",
"Pending Tickets to Process", "Pending Tickets to Process",
"Dashboard" "Dashboard",
"Show All Tickets",
"RSS",
"Critical"
]; ];
return new RSVP.Queue() return new RSVP.Queue()
.push(function () { .push(function () {
return RSVP.all([ return RSVP.all([
gadget.getDeclaredGadget('last'),
gadget.getTranslationList(translation_list1),
gadget.getUrlFor({command: 'change', options: {page: "slap_ticket_list"}}), gadget.getUrlFor({command: 'change', options: {page: "slap_ticket_list"}}),
gadget.getUrlFor({command: 'change', options: {page: "slap_rss_ticket"}}), gadget.getUrlFor({command: 'change', options: {page: "slap_rss_ticket"}}),
gadget.getUrlFor({command: 'change', options: {page: "slap_rss_critical_ticket"}}) gadget.getUrlFor({command: 'change', options: {page: "slap_rss_critical_ticket"}})
]); ]);
}) })
.push(function (result) { .push(function (result) {
return RSVP.all([ gadget.page_title_translation = result[1][4];
gadget.getDeclaredGadget('last'),
gadget.translateHtml(ticket_control_template({
show_all_url: result[0],
rss_all_url: result[1],
rss_critical_url: result[2]
})),
gadget.getTranslationList(translation_list1)
]);
})
.push(function (result) {
gadget.page_title_translation = result[2][4];
var form_list = result[0], var form_list = result[0],
bottom_header = domsugar('div', {"class": "slapos-control-front"},
[
domsugar("center", {}, [
domsugar("a",
{"class": "ui-btn ui-first-child ui-btn-white-front ui-btn-icon-left ui-icon-sort-alpha-asc",
"text": result[1][5],
"href": result[2]}),
domsugar("a",
{"class": "ui-btn ui-first-child ui-btn-white-front ui-btn-icon-left ui-icon-rss",
"text": result[1][6],
"href": result[3]}),
domsugar("a",
{"class": "ui-btn ui-first-child ui-btn-white-front ui-btn-icon-left ui-icon-rss",
"text": result[1][7],
"href": result[4]})
])
]),
div_bottom_header = gadget.element.querySelector(".box-gadget-bottom-header"),
column_list = [ column_list = [
['title', result[2][0]], ['title', result[1][0]],
['modification_date', result[2][1]], ['modification_date', result[1][1]],
['translated_simulation_state_title', result[2][2]] ['translated_simulation_state_title', result[1][2]]
]; ];
div_bottom_header.appendChild(bottom_header);
return form_list.render({ return form_list.render({
erp5_document: { erp5_document: {
"_embedded": {"_view": { "_embedded": {"_view": {
"control": {
"description": "",
"title": "Link Control",
"default": result[1],
"css_class": "",
"required": 1,
"editable": 0,
"key": "control",
"hidden": 0,
"type": "EditorField"
},
"listbox": { "listbox": {
"column_list": column_list, "column_list": column_list,
"show_anchor": 0, "show_anchor": 0,
...@@ -307,7 +303,7 @@ ...@@ -307,7 +303,7 @@
"search_column_list": column_list, "search_column_list": column_list,
"sort_column_list": column_list, "sort_column_list": column_list,
"sort": [["modification_date", "Descending"]], "sort": [["modification_date", "Descending"]],
"title": result[2][3], "title": result[1][3],
"type": "ListBox" "type": "ListBox"
} }
}}, }},
...@@ -398,4 +394,4 @@ ...@@ -398,4 +394,4 @@
}); });
}); });
}); });
}(window, rJS, RSVP, Handlebars)); }(window, rJS, RSVP, domsugar));
\ No newline at end of file \ No newline at end of file
...@@ -247,7 +247,7 @@ ...@@ -247,7 +247,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>994.34705.53932.19848</string> </value> <value> <string>1000.49340.48222.40550</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -265,7 +265,7 @@ ...@@ -265,7 +265,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1631134229.82</float> <float>1654593493.33</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
...@@ -6,32 +6,9 @@ ...@@ -6,32 +6,9 @@
<title>Message Alert</title> <title>Message Alert</title>
<script src="rsvp.js"></script> <script src="rsvp.js"></script>
<script src="renderjs.js"></script> <script src="renderjs.js"></script>
<script src="handlebars.js"></script> <script src="domsugar.js"></script>
<script src="gadget_slapos_alert_listbox_field.js"></script> <script src="gadget_slapos_alert_listbox_field.js"></script>
<link href="gadget_slapos_alert_listbox_field.css" rel="stylesheet" type="text/css"/> <link href="gadget_slapos_alert_listbox_field.css" rel="stylesheet" type="text/css"/>
<script id="alert-message-template" type="text/x-handlebars-template">
{{#if link}}
<a href={{link}}>
{{/if}}
<div class="alert alert-{{type}}">
{{#if title}}
<h2>{{title}}</h2>
{{/if}}
<p>{{message}}</p>
</div>
{{#if link}}
</a>
{{/if}}
</script>
<script id="alert-message-with-link-template" type="text/x-handlebars-template">
<div class="alert alert-{{type}}">
{{#if title}}
<h2>{{title}}</h2>
{{/if}}
<p>{{message}}</p>
</div>
</a>
</script>
</head> </head>
<body> <body>
</body> </body>
......
...@@ -238,7 +238,7 @@ ...@@ -238,7 +238,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>975.18310.62830.45960</string> </value> <value> <string>1000.2322.46712.16657</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -256,7 +256,7 @@ ...@@ -256,7 +256,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1556243125.51</float> <float>1655194738.64</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
/*globals console, document, window, rJS, RSVP, Handlebars*/ /*globals console, document, window, rJS */
/*jslint indent: 2, nomen: true, maxlen: 80*/ /*jslint indent: 2, nomen: true, maxlen: 80*/
(function (document, window, rJS, RSVP, Handlebars) { (function (document, window, rJS, domsugar) {
"use strict"; "use strict";
var gadget_klass = rJS(window), var gadget_klass = rJS(window),
alert_message_content = gadget_klass.__template_element alert_message_content = gadget_klass.__template_element
...@@ -14,27 +14,21 @@ ...@@ -14,27 +14,21 @@
.declareMethod("render", function (options) { .declareMethod("render", function (options) {
var gadget = this, var gadget = this,
html_message, // html_message,
message_content = document.createElement('div'), message_content = domsugar('div'),
closable = options.can_close || false, // closable = options.can_close || false,
id = "alert" + new Date().getTime(); id = "alert" + new Date().getTime();
message_content.id = id; message_content.id = id;
message_content.setAttribute("data-key", options.key || ""); message_content.setAttribute("data-key", options.key || "");
return new RSVP.Queue() return new RSVP.Queue()
.push(function () { .push(function () {
if (options.value.link) { if (options.value.link) {
return RSVP.all([ return gadget.getUrlFor({command: "index",
gadget.getElement(),
gadget.getUrlFor({command: "index",
options: {jio_key: options.value.link, options: {jio_key: options.value.link,
page: "slap_controller"}}) page: "slap_controller"}
]); ]);
} else { return
return RSVP.all([
gadget.getElement()
]);
}
}) })
.push(function (result) { .push(function (result) {
var element = result[0], var element = result[0],
......
...@@ -8,24 +8,10 @@ ...@@ -8,24 +8,10 @@
<script src="rsvp.js"></script> <script src="rsvp.js"></script>
<script src="renderjs.js"></script> <script src="renderjs.js"></script>
<script src="handlebars.js"></script> <script src="domsugar.js"></script>
<script src="gadget_slapos_annotated_helper.js"></script> <script src="gadget_slapos_annotated_helper.js"></script>
<link href="gadget_slapos_annotated_helper.css" rel="stylesheet" type="text/css"/> <link href="gadget_slapos_annotated_helper.css" rel="stylesheet" type="text/css"/>
<script id="add-new-login-header-text" type="text/x-handlebars-template">
<details>
<summary>Password Policy</summary>
<ul>
<li> Minimum 7 characters in length </li>
<li> At least one Uppercase Letter</li>
<li> At least one Lowercase Letter </li>
<li> At least one Number (0 to 9)</li>
<li> At least one Symbol out of $!:;_- .</li>
</ul>
</p>
</details>
<p></p>
</script>
</head> </head>
<body> <body>
......
...@@ -274,7 +274,7 @@ ...@@ -274,7 +274,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>984.14224.386.63232</string> </value> <value> <string>1000.2322.46712.16657</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -292,7 +292,7 @@ ...@@ -292,7 +292,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1590780907.93</float> <float>1655193614.45</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
/*globals console, window, rJS, RSVP, loopEventListener, i18n, Handlebars, $*/ /*globals console, window, rJS, domsugar */
/*jslint indent: 2, nomen: true, maxlen: 80*/ /*jslint indent: 2, nomen: true, maxlen: 80*/
(function (window, rJS, RSVP, Handlebars) { (function (window, rJS, domsugar) {
"use strict"; "use strict";
var gadget_klass = rJS(window);
function getTemplateById(template_id) {
var template_source = gadget_klass.__template_element
.getElementById(template_id)
.innerHTML;
return Handlebars.compile(template_source);
}
gadget_klass
.declareAcquiredMethod("getSetting", "getSetting")
.declareAcquiredMethod("translateHtml", "translateHtml")
.ready(function (gadget) {
gadget.props = {};
return gadget.getSetting("hateoas_url")
.push(function (url) {
gadget.props.hateoas_url = url;
})
.push(function () {
gadget.render({});
});
})
rJS(window)
.declareMethod("getContent", function () { .declareMethod("getContent", function () {
return {}; return {};
}) })
.declareMethod("render", function (options) { .onStateChange(function () {
var gadget = this, var gadget = this,
annotated_message = "", annotated_message = "",
annotated_message_template, annotated_template_id,
annotated_template_id; div = gadget.element.querySelector('div.annotated_help')
if (gadget.state.template_id === undefined) {
gadget.options = options;
if (options.template_id === undefined) {
// Verify if template-id is present on the div element // Verify if template-id is present on the div element
annotated_template_id = gadget.element.getAttribute("data-template-id"); annotated_template_id = gadget.element.getAttribute("data-template-id");
annotated_message_template = getTemplateById(annotated_template_id); if (annotated_template_id === "add-new-login-header-text") {
annotated_message = annotated_message_template({}); annotated_message = domsugar('detatils', {}, [
} else if (options.template_id !== undefined) { domsugar('summary', {text: 'Password Policy'}),
annotated_message_template = getTemplateById(options.template_id); domsugar('ul', {}, [
annotated_message = annotated_message_template({}); domsugar('li', {text: 'Minimum 7 characters in length'}),
domsugar('li', {text: 'At least one Uppercase Letter'}),
domsugar('li', {text: 'At least one Lowercase Letter'}),
domsugar('li', {text: 'At least one Number (0 to 9)'}),
domsugar('li', {text: 'At least one Symbol out of $!:;_- .'})
]),
domsugar('p'),
domsugar('p')
]);
}
} }
return gadget.getElement()
.push(function (element) { return domsugar(div, {class: 'annotated_help'}, [annotated_message];
var div = element.querySelector('div.annotated_help'); })
div.innerHTML = annotated_message;
return element; .declareMethod("render", function (options) {
}); var gadget = this;
return gadget.changeState({
template_id: options.template_id
});
}); });
}(window, rJS, RSVP, Handlebars)); }(window, rJS, domsugar));
\ No newline at end of file \ No newline at end of file
...@@ -272,7 +272,7 @@ ...@@ -272,7 +272,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>984.14237.41788.53213</string> </value> <value> <string>1000.58812.62894.1518</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -290,7 +290,7 @@ ...@@ -290,7 +290,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1590781349.1</float> <float>1655193553.67</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
...@@ -8,30 +8,9 @@ ...@@ -8,30 +8,9 @@
<script src="rsvp.js"></script> <script src="rsvp.js"></script>
<script src="renderjs.js"></script> <script src="renderjs.js"></script>
<script src="handlebars.js"></script> <script src="domsugar.js"></script>
<script src="gadget_slapos_event_discussion_entry.js"></script> <script src="gadget_slapos_event_discussion_entry.js"></script>
<link href="gadget_slapos_event_discussion_entry.css" rel="stylesheet" type="text/css"/> <link href="gadget_slapos_event_discussion_entry.css" rel="stylesheet" type="text/css"/>
<script id="inline-event-template" type="text/x-handlebars-template">
<div class="slapos-event-discussion-message-header">
<p>By <strong>{{author}} </strong> on {{modification_date}}: </p>
</div>
<div class="slapos-event-discussion-message-body">
<pre>{{message}}</pre>
</div>
</script>
<script id="inline-html-event-template" type="text/x-handlebars-template">
<div class="slapos-event-discussion-message-header">
<p>By <strong>{{author}} </strong> on {{modification_date}}: </p>
</div>
<div class="slapos-event-discussion-message-body">{{{message}}}</div>
</script>
</head> </head>
<body> <body>
......
...@@ -226,7 +226,7 @@ ...@@ -226,7 +226,7 @@
</item> </item>
<item> <item>
<key> <string>actor</string> </key> <key> <string>actor</string> </key>
<value> <string>superthomas</string> </value> <value> <string>zope</string> </value>
</item> </item>
<item> <item>
<key> <string>comment</string> </key> <key> <string>comment</string> </key>
...@@ -240,7 +240,7 @@ ...@@ -240,7 +240,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>974.21419.55105.18158</string> </value> <value> <string>1000.2322.46712.16657</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -258,7 +258,7 @@ ...@@ -258,7 +258,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1552496307.06</float> <float>1655126611.0</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
/*globals console, window, rJS, RSVP, Handlebars, $*/ /*globals console, window, rJS, RSVP, domsugar */
/*jslint indent: 2, nomen: true, maxlen: 80*/ /*jslint indent: 2, nomen: true, maxlen: 80*/
(function (window, rJS, RSVP, Handlebars) { (function (window, rJS, domsugar) {
"use strict"; "use strict";
var gadget_klass = rJS(window), rJS(window)
inline_event_source = gadget_klass.__template_element
.getElementById("inline-event-template")
.innerHTML,
inline_status_template = Handlebars.compile(inline_event_source),
inline_html_event_source = gadget_klass.__template_element
.getElementById("inline-html-event-template")
.innerHTML,
inline_html_status_template = Handlebars.compile(inline_html_event_source);
gadget_klass
.declareAcquiredMethod("getSetting", "getSetting") .declareAcquiredMethod("getSetting", "getSetting")
.declareAcquiredMethod("translateHtml", "translateHtml")
.declareMethod("getContent", function () { .declareMethod("getContent", function () {
return {}; return {};
}) })
.declareMethod("render", function (options) { .onStateChange(function () {
var gadget = this, var gadget = this,
template = inline_status_template, header_text = "By " + gadget.state.author +
source = options.value.doc.source, " on " + gadget.state.modification_date + ":",
modification_date = options.value.doc.modification_date, header = domsugar("div", {
text_content = options.value.doc.text_content, class: "slapos-event-discussion-message-header"
title = options.value.doc.title, }, [
content_type = options.value.doc.content_type; domsugar('p', {text: header_text})
return new RSVP.Queue() ]);
.push(function () { if (gadget.state.content_type === 'text/html') {
if (content_type === 'text/html') { return domsugar(gadget.element, {}, [
template = inline_html_status_template; header,
} domsugar('div', {
gadget.element.innerHTML = template({ class: "slapos-event-discussion-message-body",
title: title, text: gadget.state.text_content
author: source, })
modification_date: modification_date, ]);
message: text_content }
}); return domsugar(gadget.element, {}, [
}); header,
domsugar('div', {
class: "slapos-event-discussion-message-body"
}, [
domsugar("pre", {text: gadget.state.text_content})
])
]);
})
.declareMethod("render", function (options) {
var gadget = this;
return gadget.changeState({
author: options.value.doc.source,
modification_date: options.value.doc.modification_date,
text_content: options.value.doc.text_content,
content_type: options.value.doc.content_type
});
}); });
}(window, rJS, RSVP, Handlebars)); }(window, rJS, domsugar));
\ No newline at end of file \ No newline at end of file
...@@ -222,7 +222,7 @@ ...@@ -222,7 +222,7 @@
</item> </item>
<item> <item>
<key> <string>actor</string> </key> <key> <string>actor</string> </key>
<value> <string>superthomas</string> </value> <value> <string>zope</string> </value>
</item> </item>
<item> <item>
<key> <string>comment</string> </key> <key> <string>comment</string> </key>
...@@ -236,7 +236,7 @@ ...@@ -236,7 +236,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>974.21419.16980.58675</string> </value> <value> <string>1000.58263.12906.59494</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -254,7 +254,7 @@ ...@@ -254,7 +254,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1552579622.59</float> <float>1655128468.51</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
...@@ -8,15 +8,9 @@ ...@@ -8,15 +8,9 @@
<script src="rsvp.js"></script> <script src="rsvp.js"></script>
<script src="renderjs.js"></script> <script src="renderjs.js"></script>
<script src="handlebars.js"></script> <script src="domsugar.js"></script>
<script src="gadget_slapos_invoice_printout.js"></script> <script src="gadget_slapos_invoice_printout.js"></script>
<script id="download-link-template" type="text/x-handlebars-template">
<ul class="grid-items">
<li><a class="ui-btn ui-first-child ui-btn-icon-center" data-i18n="Download Invoice" target=_blank href={{invoice_url}} > <img src='pdf_icon.png'></img></a></li>
</ul>
</script>
</head> </head>
<body> <body>
<button data-i18n="loading" type="submit" class="responsive ui-btn ui-icon-spinner ui-icon-spin ui-btn-icon-center ui-disabled" style="border:none;">loading</button> <button data-i18n="loading" type="submit" class="responsive ui-btn ui-icon-spinner ui-icon-spin ui-btn-icon-center ui-disabled" style="border:none;">loading</button>
......
...@@ -240,7 +240,7 @@ ...@@ -240,7 +240,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>964.60140.15778.40123</string> </value> <value> <string>1000.58223.44192.61900</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -258,7 +258,7 @@ ...@@ -258,7 +258,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1516361248.37</float> <float>1655126135.42</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
/*globals console, window, rJS, RSVP, loopEventListener, i18n, Handlebars $*/ /*globals console, window, rJS, domsugar */
/*jslint indent: 2, nomen: true, maxlen: 80*/ /*jslint indent: 2, nomen: true, maxlen: 80*/
(function (window, rJS, RSVP, Handlebars) { (function (window, rJS, domsugar) {
"use strict"; "use strict";
var gadget_klass = rJS(window),
download_invoice_source = gadget_klass.__template_element
.getElementById("download-link-template")
.innerHTML,
download_invoice_template = Handlebars.compile(download_invoice_source);
gadget_klass rJS(window)
.declareAcquiredMethod("jio_get", "jio_get") .declareAcquiredMethod("jio_get", "jio_get")
.declareAcquiredMethod("getSetting", "getSetting") .declareAcquiredMethod("getSetting", "getSetting")
.declareAcquiredMethod("translateHtml", "translateHtml")
.declareMethod("getContent", function () { .declareMethod("getContent", function () {
return {}; return {};
}) })
.declareMethod("render", function (options) { .onStateChange(function () {
var gadget = this; var gadget = this;
return gadget.getElement() return gadget.getSetting("hateoas_url")
.push(function (element) { .push(function (hateoas_url) {
return gadget.getSetting("hateoas_url") var link = hateoas_url + "/" +
.push(function (hateoas_url) { gadget.state.jio_key +
var link = hateoas_url + "/" + "/SaleInvoiceTransaction_viewSlapOSPrintout";
options.value.jio_key + return domsugar(gadget.element, {}, [
"/SaleInvoiceTransaction_viewSlapOSPrintout"; domsugar('ul', {class : 'grid-items'}, [
element.innerHTML = download_invoice_template({ domsugar('li', {}, [
invoice_url: link domsugar('a',
}); {
return element; class: "ui-btn ui-first-child ui-btn-icon-center",
}); target: "_blank",
href: link
}, [
domsugar("img", {src: 'pdf_icon.png'})
])
])
])
]);
}); });
})
.declareMethod("render", function (options) {
var gadget = this;
return gadget.changeState({
jio_key: options.value.jio_key
});
}); });
}(window, rJS, RSVP, Handlebars)); }(window, rJS, domsugar));
\ No newline at end of file \ No newline at end of file
...@@ -236,7 +236,7 @@ ...@@ -236,7 +236,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>964.60112.26500.11690</string> </value> <value> <string>1000.58770.5501.41881</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -254,7 +254,7 @@ ...@@ -254,7 +254,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1516360952.96</float> <float>1656974249.61</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
...@@ -8,21 +8,8 @@ ...@@ -8,21 +8,8 @@
<script src="rsvp.js"></script> <script src="rsvp.js"></script>
<script src="renderjs.js"></script> <script src="renderjs.js"></script>
<script src="handlebars.js"></script> <script src="domsugar.js"></script>
<script src="gadget_slapos_invoice_state.js"></script> <script src="gadget_slapos_invoice_state.js"></script>
<script id="payment-link-template" type="text/x-handlebars-template">
<ul class="grid-items">
<li><a class="ui-btn ui-first-child ui-btn-icon-center" data-i18n="Pay Now" href={{invoice_url}}> Pay Now</a></li>
</ul>
</script>
<script id="payment-state-template" type="text/x-handlebars-template">
<ul class="grid-items">
<li>{{invoice_state}}</li>
</ul>
</script>
</head> </head>
<body> <body>
<button data-i18n="loading" type="submit" class="responsive ui-btn ui-icon-spinner ui-icon-spin ui-btn-icon-center ui-disabled" style="border:none;">loading</button> <button data-i18n="loading" type="submit" class="responsive ui-btn ui-icon-spinner ui-icon-spin ui-btn-icon-center ui-disabled" style="border:none;">loading</button>
......
...@@ -240,7 +240,7 @@ ...@@ -240,7 +240,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>964.60162.4991.21401</string> </value> <value> <string>1000.58194.15602.170</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -258,7 +258,7 @@ ...@@ -258,7 +258,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1516362382.75</float> <float>1655123719.67</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
/*globals console, window, rJS, RSVP, loopEventListener, i18n, Handlebars $*/ /*globals console, window, rJS, RSVP, domsugar */
/*jslint indent: 2, nomen: true, maxlen: 80*/ /*jslint indent: 2, nomen: true, maxlen: 80*/
(function (window, rJS, RSVP, Handlebars) { (function (window, rJS, domsugar) {
"use strict"; "use strict";
var gadget_klass = rJS(window), rJS(window)
payment_link_source = gadget_klass.__template_element
.getElementById("payment-link-template")
.innerHTML,
payment_link_template = Handlebars.compile(payment_link_source),
payment_state_source = gadget_klass.__template_element
.getElementById("payment-state-template")
.innerHTML,
payment_state_template = Handlebars.compile(payment_state_source);
gadget_klass
.declareAcquiredMethod("jio_get", "jio_get")
.declareAcquiredMethod("getSetting", "getSetting") .declareAcquiredMethod("getSetting", "getSetting")
.declareAcquiredMethod("jio_getAttachment", "jio_getAttachment") .declareAcquiredMethod("jio_getAttachment", "jio_getAttachment")
.declareAcquiredMethod("translateHtml", "translateHtml") .declareAcquiredMethod("getTranslationDict", "getTranslationDict")
.declareMethod("getContent", function () { .declareMethod("getContent", function () {
return {}; return {};
}) })
.declareMethod("render", function (options) { .onStateChange(function () {
var gadget = this; var gadget = this,
return new RSVP.Queue() link;
.push(function () { return gadget.getTranslationDict(['Pay Now'])
return RSVP.all([ .push(function (translation_dict) {
gadget.getElement(), if (gadget.state.payment_transaction !== null) {
gadget.getSetting("hateoas_url") link = domsugar("li", {},
[
domsugar("a", {
class: "ui-btn ui-first-child ui-btn-icon-center",
// XXX Translation
text: translation_dict["Pay Now"],
href: gadget.state.hateoas_url + gadget.state.payment_transaction +
"/PaymentTransaction_redirectToManualSlapOSPayment"
})
]);
} else {
link = domsugar("li", {"text": gadget.state.payment_transaction});
}
domsugar(gadget.element, {}, [
domsugar("ul", {"class": "grid-items"}, [link])
]); ]);
return translation_dict;
}) })
.push(function (result) { })
var hateoas_url = result[1],
element = result[0];
.declareMethod("render", function (options) {
var gadget = this;
return gadget.getSetting("hateoas_url")
.push(function (hateoas_url) {
// XXX RAFAEL this should comes from the options and not from a query like this.
return gadget.jio_getAttachment(options.value.jio_key, return gadget.jio_getAttachment(options.value.jio_key,
hateoas_url + options.value.jio_key + hateoas_url + options.value.jio_key +
"/AccountingTransaction_getPaymentStateAsHateoas") "/AccountingTransaction_getPaymentStateAsHateoas")
.push(function (state) { .push(function (state) {
console.log(state); return gadget.changeState({
var link, payment_transaction = state.payment_transaction; payment_transaction: state.payment_transaction,
payment_state: state.state,
if (payment_transaction !== null) { hateoas_url: hateoas_url
link = payment_link_template({ });
invoice_state: state.state,
invoice_url: hateoas_url + payment_transaction +
"/PaymentTransaction_redirectToManualSlapOSPayment"
});
} else {
link = payment_state_template({
invoice_state: state.state
});
}
element.innerHTML = link;
return state;
}); });
}); });
}); });
}(window, rJS, RSVP, Handlebars)); }(window, rJS, domsugar));
\ No newline at end of file \ No newline at end of file
...@@ -236,7 +236,7 @@ ...@@ -236,7 +236,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>984.49089.34672.33348</string> </value> <value> <string>1000.58215.43208.28603</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -254,7 +254,7 @@ ...@@ -254,7 +254,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1593042198.73</float> <float>1655125229.22</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
...@@ -22,75 +22,39 @@ ...@@ -22,75 +22,39 @@
<!-- renderjs --> <!-- renderjs -->
<script src="rsvp.js" type="text/javascript"></script> <script src="rsvp.js" type="text/javascript"></script>
<script src="renderjs.js" type="text/javascript"></script> <script src="renderjs.js" type="text/javascript"></script>
<script src="handlebars.js" type="text/javascript"></script> <script src="domsugar.js" type="text/javascript"></script>
<script src="gadget_global.js" type="text/javascript"></script> <script src="gadget_global.js" type="text/javascript"></script>
<script src="gadget_slapos_utils.js" type="text/javascript"></script>
<script id="panel-template-header" type="text/x-handlebars-template"> <script src="gadget_slapos_panel.js" type="text/javascript"></script>
<div data-role="header" class="ui-bar-inherit">
<div class="ui-controlgroup ui-controlgroup-horizontal ui-btn-left"> </head>
<body>
<div>
<div data-role="header">
<div class="ui-btn-left">
<div class="ui-controlgroup-controls"> <div class="ui-controlgroup-controls">
<button data-i18n="Close" class="ui-btn ui-btn-icon-notext ui-icon-delete">Close</button> <button data-i18n="Close" class="ui-btn-icon-notext ui-icon-delete">Close</button>
</div> </div>
</div> </div>
<div class="panel_img"> <div class="panel_img">
<img class="ui-title" alt="SlapOS logo" src="gadget_slapos_panel.png?format=png"/> <img class="ui-title" alt="SlapOS logo" src="gadget_slapos_panel.png?format=png"/>
</div> </div>
</div> </div>
</script> <div>
<ul></ul>
<script id="panel-template-warning-link" type="text/x-handlebars-template"> <ul class="ul-attention-point"></ul>
<li><a href="#" id="attention-point-link" class="ui-btn-icon-notext ui-icon-warning attention-point-link">Warnings ({{amount}})</a></li>
</script>
<script id="panel-template-contextual-help" type="text/x-handlebars-template">
<dt class="ui-btn-icon-left ui-icon-question" data-i18n="Help">Help</dt>
{{#each contextual_help_list}}
<dd class="document-listview">
<a class="help" target="_blank" href="{{href}}">{{title}}</a>
</dd>
{{/each}}
</script>
<script id="panel-template-body" type="text/x-handlebars-template">
<div class="ui-content">
<ul data-role="listview" class="ui-listview" data-enhanced="true">
<li class="ui-first-child"><a href="{{instance_tree_href}}" class="ui-btn ui-btn-icon-left ui-icon-home" data-i18n="Services" accesskey="l">Services</a></li>
<li><a href="{{dashboard_href}}" class="ui-btn ui-btn-icon-left ui-icon-gears" data-i18n="Dashboard" accesskey="h">Dashboard</a></li>
<li><a href="{{person_href}}" class="ui-btn ui-btn-icon-left ui-icon-user" data-i18n="Login Account" accesskey="p">Account</a></li>
<li><a href="{{support_request_href}}" class="ui-btn ui-btn-icon-left ui-icon-comments" data-i18n="Tickets" accesskey="t">Tickets</a></li>
<li><a href="{{organisation_href}}" class="ui-btn ui-btn-icon-left ui-icon-map-marker" data-i18n="Sites" accesskey="k">Sites</a></li>
<li><a href="{{project_href}}" class="ui-btn ui-btn-icon-left ui-icon-cubes" data-i18n="Projects" accesskey="w">Projects</a></li>
<li><a href="{{accounting_href}}" class="ui-btn ui-btn-icon-left ui-icon-credit-card" data-i18n="Invoices" accesskey="i">Invoices</a></li>
<li><a href="{{compute_node_href}}" class="ui-btn ui-btn-icon-left ui-icon-database" data-i18n="Servers" accesskey="c">Servers</a></li>
<li><a href="{{computer_network_href}}" class="ui-btn ui-btn-icon-left ui-icon-globe" data-i18n="Networks" accesskey="n">Networks</a></li>
<li><a href="{{language_href}}" class="ui-btn ui-btn-icon-left ui-icon-language" data-i18n="Language" accesskey="a">Language</a></li>
<li class="ui-last-child"><a href="{{logout_href}}" class="ui-btn ui-btn-icon-left ui-icon-power-off" data-i18n="Logout" accesskey="o">Logout</a></li>
</ul>
<dl></dl>
<hr /> <hr />
<ul data-role="listview" class="ui-listview" data-enhanced="true"> <ul data-role="listview" class="ui-listview" data-enhanced="true">
<li class="ui-first-child"><a href="https://monitor.app.officejs.com/" class="ui-btn ui-btn-icon-left ui-icon-desktop" data-i18n="Access Monitor" target="_blank">Access Monitor</a></li> <li class="ui-first-child"><a href="https://monitor.app.officejs.com/" class="ui-btn ui-btn-icon-left ui-icon-desktop" data-i18n="Access Monitor" target="_blank">Access Monitor</a></li>
<li><a href="https://handbook.rapid.space" class="ui-btn ui-btn-icon-left ui-icon-book" data-i18n="Documentation" accesskey="d" target="_blank" rel="noopener noreferrer">Documentation</a></li> <li><a href="https://handbook.rapid.space" class="ui-btn ui-btn-icon-left ui-icon-book" data-i18n="Documentation" accesskey="d" target="_blank" rel="noopener noreferrer">Documentation</a></li>
</ul> </ul>
<dl></dl> </div>
<div class="slapos_panel_extra_menu">
<div data-gadget-url="gadget_erp5_panel_shortcut.html" <div data-gadget-url="gadget_erp5_panel_shortcut.html"
data-gadget-scope="erp5_panel_shortcut" data-gadget-scope="erp5_panel_shortcut"
data-gadget-sandbox="public"></div> data-gadget-sandbox="public"></div>
<dl></dl> <dl></dl>
<ul data-role="listview" class="ui-listview ul-attention-point" data-enhanced="true"> <dl class="dl-contextual-help"></dl>
<li></li>
</ul>
<dl class="dl-contextual-help">
</dl>
</div> </div>
</script>
<!-- custom script -->
<script src="gadget_slapos_utils.js" type="text/javascript"></script>
<script src="gadget_slapos_panel.js" type="text/javascript"></script>
</head>
<body>
<div class="jqm-navmenu-panel"></div>
</body> </body>
</html> </html>
\ No newline at end of file
...@@ -234,7 +234,7 @@ ...@@ -234,7 +234,7 @@
</item> </item>
<item> <item>
<key> <string>actor</string> </key> <key> <string>actor</string> </key>
<value> <string>superthomas</string> </value> <value> <string>zope</string> </value>
</item> </item>
<item> <item>
<key> <string>comment</string> </key> <key> <string>comment</string> </key>
...@@ -248,7 +248,7 @@ ...@@ -248,7 +248,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>996.2197.3655.23739</string> </value> <value> <string>1001.26171.19762.42854</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -266,7 +266,7 @@ ...@@ -266,7 +266,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1639502126.27</float> <float>1657228115.43</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
/*jslint nomen: true, indent: 2, maxerr: 3 */ /*jslint nomen: true, indent: 2, maxerr: 3, unparam: true */
/*global window, document, rJS, Handlebars, RSVP, Node, loopEventListener */ /*global window, document, rJS, RSVP, Node, asBoolean , ensureArray,
(function (window, document, rJS, Handlebars, RSVP, Node, loopEventListener) { mergeGlobalActionWithRawActionList, domsugar*/
(function (window, document, rJS, RSVP, Node, domsugar) {
"use strict"; "use strict";
///////////////////////////////////////////////////////////////// rJS(window)
// temlates
/////////////////////////////////////////////////////////////////
// Precompile templates while loading the first gadget instance
var gadget_klass = rJS(window),
template_element = gadget_klass.__template_element,
panel_template_header = Handlebars.compile(template_element
.getElementById("panel-template-header")
.innerHTML),
panel_template_body = Handlebars.compile(template_element
.getElementById("panel-template-body")
.innerHTML),
panel_template_warning_link = Handlebars.compile(template_element
.getElementById("panel-template-warning-link")
.innerHTML),
panel_template_contextual_help = Handlebars.compile(template_element
.getElementById("panel-template-contextual-help")
.innerHTML);
gadget_klass
.setState({ .setState({
visible: false, visible: false
desktop: false
}) })
////////////////////////////////////////////// //////////////////////////////////////////////
// acquired method // acquired method
////////////////////////////////////////////// //////////////////////////////////////////////
.declareAcquiredMethod("getUrlFor", "getUrlFor") .declareAcquiredMethod("getUrlForList", "getUrlForList")
.declareAcquiredMethod("getTranslationList", "getTranslationList")
.declareAcquiredMethod("getTranslationDict", "getTranslationDict")
.declareAcquiredMethod("redirect", "redirect")
.declareAcquiredMethod("getSetting", "getSetting")
.declareAcquiredMethod("jio_getAttachment", "jio_getAttachment") .declareAcquiredMethod("jio_getAttachment", "jio_getAttachment")
.declareAcquiredMethod("translateHtml", "translateHtml") .declareAcquiredMethod("getUrlParameter", "getUrlParameter")
.declareAcquiredMethod("translate", "translate")
.declareAcquiredMethod("renderEditorPanel", "renderEditorPanel") .declareAcquiredMethod("renderEditorPanel", "renderEditorPanel")
.declareAcquiredMethod("getSetting", "getSetting")
.declareAcquiredMethod("redirect", "redirect")
///////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////
// declared methods // declared methods
...@@ -59,13 +42,25 @@ ...@@ -59,13 +42,25 @@
jio_key: options.jio_key jio_key: options.jio_key
}); });
}) })
.onStateChange(function onStateChange(modification_dict) {
.onStateChange(function (modification_dict) { var i,
var context = this, context = this,
gadget = this, gadget = this,
queue = new RSVP.Queue(),
jio_key = modification_dict.jio_key, jio_key = modification_dict.jio_key,
tmp_element; translation_index_list = [
'Services',
'Dashboard',
'Login Account',
'Tickets',
'Sites',
'Projects',
'Invoices',
'Servers',
'Networks',
'Language',
'Logout'
],
queue = new RSVP.Queue();
if (modification_dict.hasOwnProperty("visible")) { if (modification_dict.hasOwnProperty("visible")) {
if (this.state.visible) { if (this.state.visible) {
...@@ -78,61 +73,58 @@ ...@@ -78,61 +73,58 @@
} }
} }
} }
if (modification_dict.hasOwnProperty("editable")) {
if (modification_dict.hasOwnProperty("global")) {
queue queue
// Update the global links
.push(function () { .push(function () {
return RSVP.all([ return RSVP.hash({
context.getUrlFor({command: 'display', options: {page: "logout"}}), url_list: gadget.getUrlForList([
context.getUrlFor({command: 'display', options: {page: "search", editable: true}}), {command: 'display', options: {page: "slap_service_list", editable: true}},
context.getUrlFor({command: 'display', options: {page: "slap_site_list", editable: true}}), {command: 'display', options: {page: "slapos", editable: true}},
context.getUrlFor({command: 'display', options: {page: "slap_ticket_list", editable: true}}), {command: 'display', options: {page: "slap_person_view", editable: true}},
context.getUrlFor({command: 'display', options: {page: "slap_invoice_list", editable: true}}), {command: 'display', options: {page: "slap_ticket_list", editable: true}},
context.getUrlFor({command: 'display', options: {page: "slap_service_list", editable: true}}), {command: 'display', options: {page: "slap_site_list", editable: true}},
context.getUrlFor({command: 'display', options: {page: "slap_compute_node_list", editable: true}}), {command: 'display', options: {page: "slap_project_list", editable: true}},
context.getUrlFor({command: 'display', options: {page: "slap_network_list", editable: true}}), {command: 'display', options: {page: "slap_invoice_list", editable: true}},
context.getUrlFor({command: 'display', options: {page: "slap_project_list", editable: true}}), {command: 'display', options: {page: "slap_compute_node_list", editable: true}},
context.getUrlFor({command: 'display', options: {page: "slap_person_view", editable: true}}), {command: 'display', options: {page: "slap_network_list", editable: true}},
context.getUrlFor({command: 'display', options: {page: "slapos", editable: true}}), {command: 'display', options: {page: "slap_language_view"}},
context.getUrlFor({command: 'display', options: {page: "slap_language_view"}}) {command: 'display', options: {page: "logout"}}
]); ]),
}) translation_list: gadget.getTranslationList(translation_index_list)
.push(function (result_list) {
// XXX: Customize panel header!
return context.translateHtml(
panel_template_header() +
panel_template_body({
"logout_href": result_list[0],
"search_href": result_list[1],
"organisation_href": result_list[2],
"support_request_href": result_list[3],
"accounting_href": result_list[4],
"instance_tree_href": result_list[5],
"compute_node_href": result_list[6],
"computer_network_href": result_list[7],
"project_href": result_list[8],
"person_href": result_list[9],
"dashboard_href": result_list[10],
"language_href": result_list[11]
})
);
})
.push(function (my_translated_or_plain_html) {
tmp_element = document.createElement('div');
tmp_element.innerHTML = my_translated_or_plain_html;
return context.declareGadget('gadget_erp5_panel_shortcut.html', {
scope: "gadget_erp5_panel_shortcut",
element: tmp_element.querySelector('[data-gadget-scope="erp5_panel_shortcut"]')
}); });
}) })
.push(function (panel_shortcut) { .push(function (result_dict) {
return panel_shortcut.render({ var element_list = [],
focus: false icon_and_key_list = [
}); 'home', 'l',
}) 'gears', 'h',
.push(function () { 'user', 'p',
context.element.querySelector("div").appendChild(tmp_element); 'comments', 't',
return context.listenResize(); 'map-marker', 'k',
'cubes', 'w',
'credit-card', 'i',
'database', 'c',
'globe', 'n',
'language', 'a',
'power-off', 'o'
];
for (i = 0; i < result_dict.url_list.length; i += 1) {
// <li><a href="URL" class="ui-btn-icon-left ui-icon-ICON" data-i18n="TITLE" accesskey="KEY"></a></li>
element_list.push(domsugar('li', [
domsugar('a', {
href: result_dict.url_list[i],
'class': 'ui-btn-icon-left ui-icon-' + icon_and_key_list[2 * i],
accesskey: icon_and_key_list[2 * i + 1],
text: result_dict.translation_list[i],
'data-i18n': translation_index_list[i]
})
]));
}
domsugar(gadget.element.querySelector("ul"),
[domsugar(null, element_list)]);
}); });
} }
// Check for Alerts to pop // Check for Alerts to pop
...@@ -145,7 +137,6 @@ ...@@ -145,7 +137,6 @@
return context.calculateMyAttentionPointList(jio_key, false); return context.calculateMyAttentionPointList(jio_key, false);
}); });
} }
return queue; return queue;
}) })
...@@ -157,45 +148,35 @@ ...@@ -157,45 +148,35 @@
(evt.target.tagName === 'BUTTON')) { (evt.target.tagName === 'BUTTON')) {
return this.toggle(); return this.toggle();
} }
if (this.element.querySelector('a[id="attention-point-link"]') === evt.target) { if (this.element.querySelector('a.attention-point-link') === evt.target) {
evt.preventDefault(); evt.preventDefault();
return this.calculateMyAttentionPointList(this.state.jio_key, true); return this.calculateMyAttentionPointList(this.state.jio_key, true);
} }
}, false, false) }, false, false)
.declareJob('listenResize', function () { .allowPublicAcquisition('notifyChange', function notifyChange() {
// resize should be only trigger after the render method // Typing a search query should not modify the header status
// as displaying the panel rely on external gadget (for translation for example) return;
var result,
event,
context = this;
function extractSizeAndDispatch() {
if (window.matchMedia("(min-width: 90em)").matches) {
return context.changeState({
desktop: true
});
}
return context.changeState({
desktop: false
});
}
result = loopEventListener(window, 'resize', false,
extractSizeAndDispatch);
event = document.createEvent("Event");
event.initEvent('resize', true, true);
window.dispatchEvent(event);
return result;
}) })
.allowPublicAcquisition('notifyChange', function () { .allowPublicAcquisition("notifyFocus", function notifyFocus() {
// Typing a search query should not modify the header status // All html5 fields in ERP5JS triggers this method when focus
// is triggered. This is usefull to display error text.
// But, in the case of panel, we don't need to handle anything.
return;
})
.allowPublicAcquisition("notifyBlur", function notifyBlur() {
// All html5 fields in ERP5JS triggers this method when blur
// is triggered now. This is usefull to display error text.
// But, in the case of panel, we don't need to handle anything.
return; return;
}) })
.declareJob("calculateContextualHelpList", function (jio_key) { .declareJob("calculateContextualHelpList", function (jio_key) {
var context = this, var context = this,
queue = new RSVP.Queue(), queue = new RSVP.Queue(),
contextual_help_dl = document.querySelector('dl.dl-contextual-help'); contextual_help_dl = context.element.querySelector("dl.dl-contextual-help");
return queue return queue
.push(function () { .push(function () {
return context.getSetting('hateoas_url'); return context.getSetting('hateoas_url');
...@@ -210,45 +191,72 @@ ...@@ -210,45 +191,72 @@
); );
}) })
.push(function (contextual_help_list) { .push(function (contextual_help_list) {
var i,
contextual_help_element_list = [];
if (contextual_help_list.length > 0) { if (contextual_help_list.length > 0) {
if (!Boolean(document.querySelector('#contextual-help-link'))) { if (document.querySelector('.contextual-help-link') === null) {
contextual_help_dl.innerHTML = panel_template_contextual_help({ contextual_help_element_list.push(domsugar("dt",
contextual_help_list: contextual_help_list {
}) "class": "ui-btn-icon-left ui-icon-question",
"data-i18n": "Help",
"text": "Help"
})
);
for (i = 0; i < contextual_help_list.length; i += 1) {
contextual_help_element_list.push(
domsugar("dd", {"class": "document-listview"},
[
domsugar("a", {
"class": "help",
"target": "_blank",
"href": contextual_help_list[i].href,
"text": contextual_help_list[i].title
})])
);
} }
}
} }
return domsugar(contextual_help_dl,
{"class": "dl-contextual-help"},
contextual_help_element_list);
}); });
}) })
.declareJob("calculateMyAttentionPointList", function (jio_key, force_open) { .declareJob("calculateMyAttentionPointList", function (jio_key, force_open) {
var context = this, var context = this,
queue = new RSVP.Queue(), attention_point_ul = context.element.querySelector('ul.ul-attention-point'),
attention_point_ul = document.querySelector('ul.ul-attention-point'),
seen_attention_point_dict = JSON.parse(window.sessionStorage.getItem('seen_attention_point_dict') || "{}"); seen_attention_point_dict = JSON.parse(window.sessionStorage.getItem('seen_attention_point_dict') || "{}");
return queue return context.getSetting('hateoas_url')
.push(function () {
return context.getSetting('hateoas_url');
})
.push(function (hateoas_url) { .push(function (hateoas_url) {
if (jio_key === false || jio_key === undefined || jio_key === null) { if (jio_key === false || jio_key === undefined || jio_key === null) {
return [[], 'No Alert']; return [[], 'No Alert'];
} }
return RSVP.all([context.jio_getAttachment( return RSVP.all([
jio_key, context.jio_getAttachment(
hateoas_url + jio_key + '/Base_getAttentionPointList' jio_key,
), hateoas_url + jio_key + '/Base_getAttentionPointList'
context.translate('No Alert!') ),
context.getTranslationList([
'No Alert!',
'Warnings'])
]); ]);
}) })
.push(function (result_list) { .push(function (result_list) {
var attention_point_list = result_list[0], var attention_point_list = result_list[0],
no_alert_caption = result_list[1]; no_alert_caption = result_list[1][0];
if (attention_point_list.length > 0) { if (attention_point_list.length > 0) {
if (!Boolean(document.querySelector('#attention-point-link'))) { domsugar(attention_point_ul, {class: 'ul-attention-point'}, [
attention_point_ul.innerHTML = panel_template_warning_link({ domsugar(
amount: attention_point_list.length "li",
}); {},
} [
if (force_open || (JSON.stringify(seen_attention_point_dict[jio_key]) != JSON.stringify(attention_point_list))) { domsugar("a",
{
"class": "ui-btn-icon-notext ui-icon-warning attention-point-link",
"text": result_list[1][1] + " (" + attention_point_list.length + ")"
})
]
)]);
if (force_open || (JSON.stringify(seen_attention_point_dict[jio_key]) !== JSON.stringify(attention_point_list))) {
seen_attention_point_dict[jio_key] = attention_point_list; seen_attention_point_dict[jio_key] = attention_point_list;
window.sessionStorage.setItem('seen_attention_point_dict', JSON.stringify(seen_attention_point_dict)); window.sessionStorage.setItem('seen_attention_point_dict', JSON.stringify(seen_attention_point_dict));
return context.renderEditorPanel("gadget_erp5_attention_point.html", { return context.renderEditorPanel("gadget_erp5_attention_point.html", {
...@@ -256,7 +264,10 @@ ...@@ -256,7 +264,10 @@
}); });
} }
} else { } else {
attention_point_ul.innerHTML = "<li></li>"; domsugar(attention_point_ul,
{class: 'ul-attention-point'},
[domsugar("li")]);
if (force_open) { if (force_open) {
return context.renderEditorPanel("gadget_erp5_attention_point.html", { return context.renderEditorPanel("gadget_erp5_attention_point.html", {
attention_point_list: [[no_alert_caption, 'no-alert']] attention_point_list: [[no_alert_caption, 'no-alert']]
...@@ -266,4 +277,4 @@ ...@@ -266,4 +277,4 @@
}); });
}); });
}(window, document, rJS, Handlebars, RSVP, Node, loopEventListener)); }(window, document, rJS, RSVP, Node, domsugar));
...@@ -241,7 +241,7 @@ ...@@ -241,7 +241,7 @@
</item> </item>
<item> <item>
<key> <string>actor</string> </key> <key> <string>actor</string> </key>
<value> <string>superthomas</string> </value> <value> <string>zope</string> </value>
</item> </item>
<item> <item>
<key> <string>comment</string> </key> <key> <string>comment</string> </key>
...@@ -255,7 +255,7 @@ ...@@ -255,7 +255,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>987.59252.10760.63197</string> </value> <value> <string>1001.29209.47273.32204</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -273,7 +273,7 @@ ...@@ -273,7 +273,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1607070942.23</float> <float>1657231371.16</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
/*globals console, window, rJS, RSVP, loopEventListener, i18n, Handlebars $*/ /*globals console, window, rJS, RSVP, domsugar */
/*jslint indent: 2, nomen: true, maxlen: 80*/ /*jslint indent: 2, nomen: true, maxlen: 80*/
(function (window, rJS, RSVP, Handlebars) { (function (window, rJS, RSVP, domsugar) {
"use strict"; "use strict";
var gadget_klass = rJS(window), rJS(window)
message_source = gadget_klass.__template_element
.getElementById("message-template")
.innerHTML,
message_template = Handlebars.compile(message_source);
gadget_klass
.declareAcquiredMethod("jio_get", "jio_get")
.declareAcquiredMethod("getSetting", "getSetting") .declareAcquiredMethod("getSetting", "getSetting")
.declareAcquiredMethod("jio_getAttachment", "jio_getAttachment")
.declareAcquiredMethod("translateHtml", "translateHtml")
.declareAcquiredMethod("getUrlFor", "getUrlFor") .declareAcquiredMethod("getUrlFor", "getUrlFor")
.declareAcquiredMethod("updateHeader", "updateHeader") .declareAcquiredMethod("updateHeader", "updateHeader")
...@@ -28,19 +19,21 @@ ...@@ -28,19 +19,21 @@
if (return_page === undefined) { if (return_page === undefined) {
return_page = "slap_invoice_list"; return_page = "slap_invoice_list";
} }
// XXX RAFAEL Missing change state
return new RSVP.Queue() return new RSVP.Queue()
.push(function () { .push(function () {
return RSVP.all([ return RSVP.all([
gadget.getElement(), gadget.getTranslationDict(["Return to Invoice List"]),
gadget.getUrlFor({command: 'change', gadget.getUrlFor({command: 'change',
options: {jio_key: "/", page: return_page, "result": ""}}) options: {jio_key: "/", page: return_page, "result": ""}})
]); ]);
}) })
.push(function (result) { .push(function (result) {
var payment_url = result[1], var payment_url = result[1],
element = result[0], translation_dict = result[0],
message, advice, page_title; message,
advice,
page_title;
if (options.result === "success") { if (options.result === "success") {
page_title = "Thank you for your Payment"; page_title = "Thank you for your Payment";
message = "Thank you for finalising the payment."; message = "Thank you for finalising the payment.";
...@@ -71,11 +64,27 @@ ...@@ -71,11 +64,27 @@
} else { } else {
throw new Error("Unknown action to take: " + options.result); throw new Error("Unknown action to take: " + options.result);
} }
element.innerHTML = message_template({ domsugar(gadget.element, {},
message_to_acknowledge: message, [
advice: advice, domsugar("p", {}, [
payment_url: payment_url domsugar("center", {}, [
}); domsugar("strong", {text: message})
])
]),
domsugar("p", {}, [
domsugar("center", {text: advice})
]),
domsugar("p"),
domsugar("p", {}, [
domsugar("center", {}, [
domsugar("a", {
class: "ui-btn ui-first-child ui-btn-icon-center",
href: payment_url,
text: translation_dict["Return to Invoice List"]
})
])
])
]);
return page_title; return page_title;
}) })
.push(function (page_title) { .push(function (page_title) {
...@@ -85,4 +94,4 @@ ...@@ -85,4 +94,4 @@
return gadget.updateHeader(header_dict); return gadget.updateHeader(header_dict);
}); });
}); });
}(window, rJS, RSVP, Handlebars)); }(window, rJS, RSVP, domsugar));
\ No newline at end of file \ No newline at end of file
...@@ -236,7 +236,7 @@ ...@@ -236,7 +236,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>984.11864.24475.17493</string> </value> <value> <string>1000.2322.46712.16657</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -254,7 +254,7 @@ ...@@ -254,7 +254,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1590639279.1</float> <float>1655131980.97</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
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