refactor: invoice#66

bin/backend/controls/articles/ArticleSummary.Window.html

+<table class="data-table data-table-flexbox quiqqer-invoice-backend-temporaryInvoice-summaryWin-priceFactors">
+    <tbody>
+    {{#priceFactors}}
+    <tr data-index="{{index}}">
+        <td>
+            <label class="field-container">
+                <span class="field-container-item">{{title}}</span>
+                <span class="field-container-field">{{valueText}}</span>
+                <button style="width: 50px; cursor: pointer;">
+                    <span class="fa fa-close"></span>
+                </button>
+            </label>
+        </td>
+    </tr>
+    {{/priceFactors}}
+    {{^priceFactors}}
+    <tr>
+        <td>Keine Preisfaktoren vorhanden</td>
+    </tr>
+    {{/priceFactors}}
+    </tbody>
+</table>
+
+<table class="data-table data-table-flexbox quiqqer-erp-backend-temporaryErp-summaryWin-total">
+    <tbody>
+    {{#vatArray}}
+    <tr>
+        <td>
+            <label class="field-container">
+                <span class="field-container-item vat-title">{{text}}</span>
+                <span class="field-container-field vat-value">{{sum}}</span>
+            </label>
+        </td>
+    </tr>
+    {{/vatArray}}
+    <tr>
+        <td>
+            <label class="field-container">
+                <span class="field-container-item netto-title">Netto</span>
+                <span class="field-container-field netto-value"></span>
+            </label>
+        </td>
+    </tr>
+    <tr>
+        <td>
+            <label class="field-container">
+                <span class="field-container-item brutto-title">Brutto</span>
+                <span class="field-container-field brutto-value"></span>
+            </label>
+        </td>
+    </tr>
+    </tbody>
+</table>

bin/backend/controls/articles/ArticleSummary.css

+
+.quiqqer-erp-backend-temporaryErp-summary {
+    background: #FFFFFF;
+    border-top: 2px solid #DEDEDE;
+    cursor: pointer;
+    float: left;
+    width: 100%;
+}
+
+.quiqqer-erp-backend-temporaryErp-summary:hover {
+    background: rgba(0, 0, 0, 0.1);
+}
+
+.quiqqer-erp-backend-temporaryErp-summary-pos,
+.quiqqer-erp-backend-temporaryErp-summary-total {
+    border-top: 1px solid #DEDEDE;
+    clear: both;
+    float: left;
+    padding: 5px;
+    width: 100%;
+}
+
+.quiqqer-erp-backend-temporaryErp-summary-pos-title,
+.quiqqer-erp-backend-temporaryErp-summary-pos-netto,
+.quiqqer-erp-backend-temporaryErp-summary-pos-brutto,
+.quiqqer-erp-backend-temporaryErp-summary-total-title,
+.quiqqer-erp-backend-temporaryErp-summary-total-vat,
+.quiqqer-erp-backend-temporaryErp-summary-total-netto,
+.quiqqer-erp-backend-temporaryErp-summary-total-brutto {
+    float: left;
+    width: 200px;
+}
+
+.quiqqer-erp-backend-temporaryErp-summary-total-vat {
+    width: 400px;
+}
+
+.quiqqer-erp-backend-temporaryErp-summary-pos-title {
+    width: calc(100% - 400px);
+}
+
+.quiqqer-erp-backend-temporaryErp-summary-total-title {
+    width: calc(100% - 800px);
+}

bin/backend/controls/articles/ArticleSummary.html

+<div class="quiqqer-erp-backend-temporaryErp-summary-pos">
+    <div class="quiqqer-erp-backend-temporaryErp-summary-pos-title">Pos. Info:</div>
+
+    <div class="quiqqer-erp-backend-temporaryErp-summary-pos-netto">
+        <span class="netto-title">Netto</span>
+        <span class="netto-value"></span>
+    </div>
+    <div class="quiqqer-erp-backend-temporaryErp-summary-pos-brutto">
+        <span class="brutto-title">Brutto</span>
+        <span class="brutto-value"></span>
+    </div>
+</div>
+
+<div class="quiqqer-erp-backend-temporaryErp-summary-total">
+    <div class="quiqqer-erp-backend-temporaryErp-summary-total-title">Summen:</div>
+
+    <div class="quiqqer-erp-backend-temporaryErp-summary-total-vat">
+        <span class="vat-title">MwSt:</span>
+        <span class="vat-value"></span>
+    </div>
+    <div class="quiqqer-erp-backend-temporaryErp-summary-total-netto">
+        <span class="netto-title">Netto:</span>
+        <span class="netto-value"></span>
+    </div>
+    <div class="quiqqer-erp-backend-temporaryErp-summary-total-brutto">
+        <span class="brutto-title">Brutto:</span>
+        <span class="brutto-value"></span>
+    </div>
+</div>

bin/backend/controls/articles/ArticleSummary.js

+/**
+ * @module package/quiqqer/erp/bin/backend/controls/articles/ArticleSummary
+ * @author www.pcsg.de (Henning Leutz)
+ *
+ * Displays a article list
+ */
+define('package/quiqqer/erp/bin/backend/controls/articles/ArticleSummary', [
+
+    'qui/QUI',
+    'qui/controls/Control',
+    'Mustache',
+    'Locale',
+
+    'text!package/quiqqer/erp/bin/backend/controls/articles/ArticleSummary.html',
+    'css!package/quiqqer/erp/bin/backend/controls/articles/ArticleSummary.css'
+
+], function (QUI, QUIControl, Mustache, QUILocale, template) {
+    "use strict";
+
+    return new Class({
+
+        Extends: QUIControl,
+        Type   : 'package/quiqqer/erp/bin/backend/controls/articles/ArticleSummary',
+
+        options: {
+            List    : null,
+            styles  : false,
+            currency: 'EUR'
+        },
+
+        Binds: [
+            '$onInject',
+            '$refreshArticleSelect',
+            'openSummary'
+        ],
+
+        initialize: function (options) {
+            this.parent(options);
+
+            this.$NettoSum  = null;
+            this.$BruttoSum = null;
+
+            this.$Formatter = QUILocale.getNumberFormatter({
+                style                : 'currency',
+                currency             : this.getAttribute('currency'),
+                minimumFractionDigits: 2
+            });
+
+            this.addEvents({
+                onInject: this.$onInject
+            });
+        },
+
+        /**
+         * Create the domnode element
+         *
+         * @returns {HTMLDivElement}
+         */
+        create: function () {
+            this.$Elm = new Element('div', {
+                'class': 'quiqqer-erp-backend-temporaryErp-summary',
+                html   : Mustache.render(template)
+            });
+
+            this.$Elm.addEvent('click', this.openSummary);
+
+            this.$NettoSum = this.$Elm.getElement(
+                '.quiqqer-erp-backend-temporaryErp-summary-total .netto-value'
+            );
+
+            this.$BruttoSum = this.$Elm.getElement(
+                '.quiqqer-erp-backend-temporaryErp-summary-total .brutto-value'
+            );
+
+            this.$VAT = this.$Elm.getElement(
+                '.quiqqer-erp-backend-temporaryErp-summary-total-vat .vat-value'
+            );
+
+            this.$ArticleNettoSum = this.$Elm.getElement(
+                '.quiqqer-erp-backend-temporaryErp-summary-pos .netto-value'
+            );
+
+            this.$ArticleBruttoSum = this.$Elm.getElement(
+                '.quiqqer-erp-backend-temporaryErp-summary-pos .brutto-value'
+            );
+
+            if (this.getAttribute('styles')) {
+                this.setStyles(this.getAttribute('styles'));
+            }
+
+            return this.$Elm;
+        },
+
+        /**
+         * event: on inject
+         */
+        $onInject: function () {
+            var List = this.getAttribute('List');
+
+            if (!List) {
+                return;
+            }
+
+            var self = this;
+
+            List.addEvent('onCalc', function (List) {
+                var data = List.getCalculation();
+
+                self.$NettoSum.set('html', self.$Formatter.format(data.nettoSum));
+                self.$BruttoSum.set('html', self.$Formatter.format(data.sum));
+
+                if (typeOf(data.vatArray) === 'array' && !data.vatArray.length) {
+                    self.$VAT.set('html', '---');
+                    return;
+                }
+
+                var key, Entry;
+                var vatText = '';
+
+                for (key in data.vatArray) {
+                    if (!data.vatArray.hasOwnProperty(key)) {
+                        continue;
+                    }
+
+                    Entry = data.vatArray[key];
+
+                    if (typeof Entry.sum === 'undefined') {
+                        Entry.sum = 0;
+                    }
+
+                    if (typeof Entry.text === 'undefined') {
+                        Entry.text = '';
+                    }
+
+                    if (Entry.text === '') {
+                        Entry.text = '';
+                    }
+
+                    Entry.sum = parseFloat(Entry.sum);
+
+                    vatText = vatText + Entry.text + ' (' + self.$Formatter.format(Entry.sum) + ')<br />';
+                }
+
+                self.$VAT.set('html', vatText);
+            });
+
+            List.addEvent('onArticleSelect', this.$refreshArticleSelect);
+        },
+
+        /**
+         * Open the summary with price factors
+         */
+        openSummary: function () {
+            if (!this.getAttribute('List')) {
+                return;
+            }
+
+            var self = this;
+
+            require(['qui/controls/windows/Popup'], function (Popup) {
+                new Popup({
+                    title    : QUILocale.get('quiqqer/erp', 'article.summary.window.title'),
+                    buttons  : false,
+                    maxHeight: 600,
+                    maxWidth : 600,
+                    events   : {
+                        onCreate: function (Win) {
+                            Win.Loader.show();
+
+                            self.$refreshSummaryContent(Win).then(function () {
+                                Win.Loader.hide();
+                            });
+                        }
+                    }
+                }).open();
+            });
+        },
+
+        $refreshSummaryContent: function (Win) {
+            var self = this;
+
+            return new Promise(function (resolve) {
+                var Content      = Win.getContent();
+                var List         = self.getAttribute('List');
+                var priceFactors = List.getPriceFactors();
+                var calculations = List.getCalculation();
+
+                for (var i = 0, len = priceFactors.length; i < len; i++) {
+                    priceFactors[i].index = i;
+                }
+
+                Content.set('html', '');
+
+                require([
+                    'text!package/quiqqer/erp/bin/backend/controls/articles/ArticleSummary.Window.html'
+                ], function (template) {
+                    if (typeof calculations.vatArray === 'undefined') {
+                        calculations.vatArray = {};
+                    }
+
+                    Content.set('html', Mustache.render(template, {
+                        priceFactors: priceFactors,
+                        vatArray    : Object.values(calculations.vatArray)
+                    }));
+
+                    var Total = Content.getElement('.quiqqer-erp-backend-temporaryErp-summaryWin-total');
+
+                    Total.getElement('.netto-value').set('html', calculations.nettoSum);
+                    Total.getElement('.brutto-value').set('html', calculations.sum);
+
+                    Content.getElements(
+                        '.quiqqer-erp-backend-temporaryErp-summaryWin-priceFactors'
+                    ).addEvent('click', function (event) {
+                        var index = event.target.getParent('tr').get('data-index');
+
+                        List.removePriceFactor(index);
+                        self.$refreshSummaryContent(Win);
+                    });
+
+                    resolve();
+                });
+            });
+        },
+
+        /**
+         * event: onArticleSelect
+         *
+         * @param List
+         * @param Article
+         */
+        $refreshArticleSelect: function (List, Article) {
+            var self = this;
+
+            require(['Ajax'], function (QUIAjax) {
+                QUIAjax.get('package_quiqqer_erp_ajax_products_summary', function (result) {
+                    console.warn('##################');
+                    console.warn(result);
+
+                    self.$ArticleNettoSum.set(
+                        'html',
+                        self.$Formatter.format(result.calculated.nettoSum)
+                    );
+
+                    self.$ArticleBruttoSum.set(
+                        'html',
+                        self.$Formatter.format(result.calculated.sum)
+                    );
+                }, {
+                    'package': 'quiqqer/erp',
+                    article  : JSON.encode(Article.getAttributes())
+                });
+            });
+        }
+    });
+});

bin/backend/controls/articles/Text.js

@@ -19,12 +19,12 @@ define('package/quiqqer/erp/bin/backend/controls/articles/Text', [
 ], function (Article, QUIButton, QUILocale, Mustache, template) {
     "use strict";
 
-    var lg = 'quiqqer/Article';
+    var lg = 'quiqqer/erp';
 
     return new Class({
 
         Extends: Article,
-        Type   : 'package/quiqqer/Article/bin/backend/controls/articles/Text',
+        Type   : 'package/quiqqer/erp/bin/backend/controls/articles/Text',
 
         Binds: [
             '$onEditTitle',