This commit is contained in:
parent
1f80bd5ee0
commit
22ce6425de
|
|
@ -1,4 +1,4 @@
|
|||
hedera-web (22.44.14) stable; urgency=low
|
||||
hedera-web (22.44.15) stable; urgency=low
|
||||
|
||||
* Initial Release.
|
||||
|
||||
|
|
|
|||
|
|
@ -1,13 +1,13 @@
|
|||
|
||||
.home {
|
||||
padding: 0 !important;
|
||||
padding: 6px !important;
|
||||
}
|
||||
|
||||
/* News panel */
|
||||
|
||||
.column {
|
||||
margin: .5em;
|
||||
max-width: 120em;
|
||||
margin: 0 auto;
|
||||
max-width: 1680px;
|
||||
}
|
||||
.action-bar button.start-order {
|
||||
border: 1px solid white;
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
|
||||
.new {
|
||||
text-align: left;
|
||||
margin: .5em;
|
||||
margin: 6px;
|
||||
}
|
||||
.new img {
|
||||
display: block;
|
||||
|
|
@ -29,7 +29,7 @@
|
|||
width: 100%;
|
||||
}
|
||||
.new .top {
|
||||
padding: 1.5em;
|
||||
padding: 18px;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
.new h2 {
|
||||
|
|
@ -39,14 +39,8 @@
|
|||
padding: 0;
|
||||
}
|
||||
|
||||
.new-info {
|
||||
font-size: 0.9rem;
|
||||
color: #444;
|
||||
text-align: right;
|
||||
margin: .8em 0;
|
||||
}
|
||||
.new-text {
|
||||
margin: 1.5em 0;
|
||||
margin: 18px 0;
|
||||
font-family: 'Open Sans';
|
||||
}
|
||||
.new-text a {
|
||||
|
|
@ -56,5 +50,5 @@
|
|||
text-decoration: underline;
|
||||
}
|
||||
.new-text li {
|
||||
margin: 0.4em 0;
|
||||
margin: 4px 0;
|
||||
}
|
||||
|
|
@ -1,38 +1,35 @@
|
|||
|
||||
Hedera.Basket = new Class({
|
||||
Extends: Hedera.Form
|
||||
Extends: Hedera.Form,
|
||||
|
||||
,open: function() {
|
||||
open() {
|
||||
this.close();
|
||||
this.isOpen = true;
|
||||
|
||||
Hedera.BasketChecker.check(this.conn, this.hash,
|
||||
this.onBasketCheck.bind(this));
|
||||
}
|
||||
},
|
||||
|
||||
,onBasketCheck: function(isOk) {
|
||||
onBasketCheck(isOk) {
|
||||
if (isOk)
|
||||
this.loadUi();
|
||||
}
|
||||
},
|
||||
|
||||
,activate: function() {
|
||||
activate() {
|
||||
this.$.items.setInfo('bi', 'myBasketItem', 'hedera');
|
||||
}
|
||||
},
|
||||
|
||||
,onConfigureClick: function() {
|
||||
onConfigureClick() {
|
||||
Htk.Toast.showWarning(_('RememberReconfiguringImpact'));
|
||||
this.hash.setAll({form: 'ecomerce/checkout'});
|
||||
}
|
||||
},
|
||||
|
||||
,onDeleteClick: function(form) {
|
||||
onDeleteClick(form) {
|
||||
if (confirm(_('ReallyDelete')))
|
||||
form.deleteRow();
|
||||
}
|
||||
},
|
||||
|
||||
,subtotal: function(form) {
|
||||
subtotal(form) {
|
||||
return form.$.amount * form.$.price;
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -20,21 +20,25 @@
|
|||
|
||||
.basket .line {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
margin: 20px 0;
|
||||
height: 68px;
|
||||
margin: 10px 0;
|
||||
height: 80px;
|
||||
}
|
||||
.basket .line:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.basket .line:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.basket .line > .delete {
|
||||
align-self: center;
|
||||
margin: 0 -8px;
|
||||
}
|
||||
.basket .line > .photo {
|
||||
flex: none;
|
||||
border-radius: 50%;
|
||||
width: 68px;
|
||||
height: 68px;
|
||||
gap: 0;
|
||||
}
|
||||
.basket .line > .info {
|
||||
|
|
@ -49,7 +53,7 @@
|
|||
.basket .line > .info > h2 {
|
||||
font-size: .9rem;
|
||||
font-weight: normal;
|
||||
margin-bottom: 2px;
|
||||
margin: 0;
|
||||
}
|
||||
.basket .line > .info > p {
|
||||
margin: 0;
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
</htk-text>
|
||||
</p>
|
||||
</div>
|
||||
<div class="lines">
|
||||
<div class="lines vn-pt-lg">
|
||||
<htk-repeater form-id="iter">
|
||||
<db-model id="items" property="model" updatable="true">
|
||||
SELECT bi.id, bi.amount, bi.price, i.longName item,
|
||||
|
|
|
|||
|
|
@ -34,9 +34,10 @@
|
|||
|
||||
.ticket .line {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
margin: 24px 0;
|
||||
height: 68px;
|
||||
margin: 10px 0;
|
||||
height: 80px;
|
||||
}
|
||||
.ticket .line:last-child {
|
||||
margin-bottom: 0;
|
||||
|
|
@ -45,6 +46,8 @@
|
|||
flex: none;
|
||||
border-radius: 50%;
|
||||
width: 68px;
|
||||
height: 68px;
|
||||
gap: 0;
|
||||
}
|
||||
.ticket .line > .info {
|
||||
flex: 1;
|
||||
|
|
@ -69,9 +72,6 @@
|
|||
.ticket .line > .info .discount {
|
||||
color: green;
|
||||
}
|
||||
.ticket .line > .info > .amount {
|
||||
float: left;
|
||||
}
|
||||
.ticket .line > .info > .subtotal {
|
||||
float: right;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -66,9 +66,6 @@
|
|||
<p class="tags">
|
||||
{{iter.value5}} {{iter.value6}} {{iter.value7}}
|
||||
</p>
|
||||
<p class="amount">
|
||||
{{iter.quantity}} x {{Vn.Value.format(iter.price, '%.2d€')}}
|
||||
</p>
|
||||
<p class="subtotal">
|
||||
<span class="discount" id="discount">
|
||||
{{Vn.Value.format(this.discountSubtotal(iter), '%.2d€')}} -
|
||||
|
|
@ -76,6 +73,9 @@
|
|||
</span>
|
||||
{{Vn.Value.format(this.subtotal(iter), '%.2d€')}}
|
||||
</p>
|
||||
<p class="amount">
|
||||
{{iter.quantity}} x {{Vn.Value.format(iter.price, '%.2d€')}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</custom>
|
||||
|
|
|
|||
|
|
@ -400,16 +400,24 @@ module.exports = new Class({
|
|||
}
|
||||
|
||||
,setForm: function(form) {
|
||||
Vn.Node.removeChilds(this.$.formHolder);
|
||||
const holder = this.$.formHolder;
|
||||
Vn.Node.removeChilds(holder);
|
||||
|
||||
if (form) {
|
||||
this.$.formHolder.appendChild(form);
|
||||
setTimeout(this._onSetFormTimeout.bind(this), 0);
|
||||
holder.appendChild(form);
|
||||
holder.classList.add('move-start');
|
||||
setTimeout(() => this._onSetFormTimeout(), 10);
|
||||
}
|
||||
}
|
||||
|
||||
,_onSetFormTimeout: function() {
|
||||
Vn.Node.addClass(this.$.formHolder, 'show');
|
||||
const holder = this.$.formHolder;
|
||||
holder.classList.remove('move-start');
|
||||
holder.classList.add('move-end');
|
||||
holder.addEventListener('transitionend',
|
||||
() => holder.classList.remove('move-end'),
|
||||
{once: true}
|
||||
);
|
||||
}
|
||||
|
||||
,setTitle: function(title) {
|
||||
|
|
|
|||
|
|
@ -46,12 +46,12 @@ $navbar-height: 64px;
|
|||
}
|
||||
}
|
||||
& > .title-wraper {
|
||||
flex: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
overflow: hidden;
|
||||
padding-left: 12px;
|
||||
flex-shrink: 2;
|
||||
|
||||
& > .title {
|
||||
overflow: hidden;
|
||||
|
|
@ -67,20 +67,17 @@ $navbar-height: 64px;
|
|||
}
|
||||
}
|
||||
& > .action-bar {
|
||||
flex: none;
|
||||
flex: auto;
|
||||
height: 100%;
|
||||
|
||||
& > div {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
padding-right: 12px;
|
||||
padding-left: 4px;
|
||||
gap: 2px;
|
||||
|
||||
& > * {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
button {
|
||||
margin: 0;
|
||||
|
|
@ -283,18 +280,19 @@ $navbar-height: 64px;
|
|||
position: relative;
|
||||
height: inherit;
|
||||
|
||||
opacity: 0;
|
||||
transform: translateZ(0) translateX(-2em);
|
||||
-webkit-transform: translateZ(0) translateX(-2em);
|
||||
|
||||
transition-property: opacity, transform;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: ease-out;
|
||||
|
||||
&.show {
|
||||
&.move-start {
|
||||
opacity: 0;
|
||||
transform: translate3d(-2em, 0, 0);
|
||||
-webkit-transform: translate3d(-2em, 0, 0);
|
||||
}
|
||||
&.move-end {
|
||||
opacity: 1;
|
||||
transform: translateZ(0) translateX(0em);
|
||||
-webkit-transform: translateZ(0) translateX(0em);
|
||||
transform: translate3d(0, 0, 0);
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
|
||||
transition-property: opacity, transform;
|
||||
transition-duration: 200ms;
|
||||
transition-timing-function: ease-out;
|
||||
}
|
||||
& > * {
|
||||
padding: $spacing-md;
|
||||
|
|
|
|||
|
|
@ -7,4 +7,9 @@
|
|||
& > .htk-icon {
|
||||
display: block;
|
||||
}
|
||||
& > .text {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
|
@ -8,6 +8,8 @@
|
|||
border-radius: 20px;
|
||||
padding: 0 12px;
|
||||
overflow: hidden;
|
||||
flex: auto;
|
||||
max-width: 300px;
|
||||
|
||||
& > * {
|
||||
display: inline-block;
|
||||
|
|
@ -19,9 +21,9 @@
|
|||
color: gray;
|
||||
}
|
||||
& > .entry {
|
||||
flex: auto;
|
||||
margin: 0;
|
||||
border: none;
|
||||
width: 80px;
|
||||
box-shadow: none;
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
|
|
|
|||
|
|
@ -5,48 +5,15 @@
|
|||
/* Standard */
|
||||
body { font-size: 14px; }
|
||||
|
||||
/* Desktop - Laptop 1360x768 */
|
||||
@media (max-resolution: 119dpi) and (min-device-width: 1340px) and (max-device-width: 1899px) {
|
||||
body { font-size: 14px; }
|
||||
}
|
||||
|
||||
/* Desktop - FHD 1920x1080 */
|
||||
@media (max-resolution: 119dpi) and (min-device-width: 1900px) {
|
||||
body { font-size: 14px; }
|
||||
}
|
||||
|
||||
/* Mobile - Low DPI */
|
||||
@media
|
||||
(min-resolution: 120dpi),
|
||||
(-webkit-min-device-pixel-ratio: 1.5) {
|
||||
body { font-size: 13px; }
|
||||
}
|
||||
@media
|
||||
(min-resolution: 144dpi),
|
||||
(-webkit-min-device-pixel-ratio: 1.5) {
|
||||
body { font-size: 13px; }
|
||||
}
|
||||
|
||||
/* Mobile - Normal DPI */
|
||||
@media
|
||||
(max-device-width: 383px) and (min-resolution: 192dpi),
|
||||
(max-device-width: 383px) and (-webkit-min-device-pixel-ratio: 2) {
|
||||
body { font-size: 13px; }
|
||||
}
|
||||
@media
|
||||
(min-device-width: 384px) and (min-resolution: 192dpi),
|
||||
(min-device-width: 384px) and (-webkit-min-device-pixel-ratio: 2) {
|
||||
body { font-size: 13px; }
|
||||
}
|
||||
|
||||
/* Mobile - High DPI */
|
||||
@media
|
||||
(max-device-width: 411px) and (min-resolution: 249dpi),
|
||||
(max-device-width: 411px) and (-webkit-min-device-pixel-ratio: 3) {
|
||||
body { font-size: 13px; }
|
||||
}
|
||||
@media
|
||||
(min-device-width: 414px) and (min-resolution: 249dpi),
|
||||
(min-device-width: 414px) and (-webkit-min-device-pixel-ratio: 3) {
|
||||
body { font-size: 13px; }
|
||||
}
|
||||
/* smartphone, portrait */
|
||||
@media (min-width:320px) { body { font-size: 13px; } }
|
||||
/* smartphone, landscape */
|
||||
@media (min-width:480px) { body { font-size: 13px; } }
|
||||
/* tablet, portrait */
|
||||
@media (min-width:600px) { body { font-size: 13px; } }
|
||||
/* tablet, landscape */
|
||||
@media (min-width:801px) { body { font-size: 13px; } }
|
||||
/* big landscape tablets, laptop and desktop */
|
||||
@media (min-width:1025px) { body { font-size: 14px; } }
|
||||
/* hi-res laptop and desktop */
|
||||
@media (min-width:1281px) { body { font-size: 14px; } }
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "hedera-web",
|
||||
"version": "22.44.14",
|
||||
"version": "22.44.15",
|
||||
"description": "Verdnatura web page",
|
||||
"license": "GPL-3.0",
|
||||
"repository": {
|
||||
|
|
|
|||
Loading…
Reference in New Issue