diff --git a/bin/backend/controls/panels/TemporaryInvoice.Missing.html b/bin/backend/controls/panels/TemporaryInvoice.Missing.html
new file mode 100644
index 0000000000000000000000000000000000000000..92eecb87d272c58a1634c1c54905b22a9bac144f
--- /dev/null
+++ b/bin/backend/controls/panels/TemporaryInvoice.Missing.html
@@ -0,0 +1,11 @@
+<div class="quiqqer-invoice-backend-temporaryInvoice-message-miss-message">
+ <span class="fa fa-bolt"></span>
+ <span class="message">
+ Leider fehlen einige Rechnungsangaben um die Rechnung buchen zu können.<br/>
+ Bitte füllen Sie alle notwendigen Angaben aus.
+ </span>
+</div>
+
+<div class="quiqqer-invoice-backend-temporaryInvoice-missing-miss-button">
+ <span class="fa fa-arrow-circle-up"></span>
+</div>
\ No newline at end of file
diff --git a/bin/backend/controls/panels/TemporaryInvoice.Post.html b/bin/backend/controls/panels/TemporaryInvoice.Post.html
new file mode 100644
index 0000000000000000000000000000000000000000..152bd3aabdc3a9a20359e15a6e409ea60ffdea3e
--- /dev/null
+++ b/bin/backend/controls/panels/TemporaryInvoice.Post.html
@@ -0,0 +1,9 @@
+<div class="quiqqer-invoice-backend-temporaryInvoice-message-post-message">
+ <span class="fa fa-check"></span>
+ <span class="message">
+ Alle nötigenden Eigenschaften für die Rechnung sind vorhanden.<br/>
+ Sie können die Rechnung nun buchen.
+ </span>
+</div>
+
+<div class="quiqqer-invoice-backend-temporaryInvoice-missing-button"></div>
\ No newline at end of file
diff --git a/bin/backend/controls/panels/TemporaryInvoice.css b/bin/backend/controls/panels/TemporaryInvoice.css
index 0931fe63cfc2c8b409d0d66f8bb369b72ab8241e..d086973eed65b17b1b0982e10159f22ff4422767 100644
--- a/bin/backend/controls/panels/TemporaryInvoice.css
+++ b/bin/backend/controls/panels/TemporaryInvoice.css
@@ -19,3 +19,99 @@
.invoice-data [type="time"] {
border-width: 0;
}
+
+/** Preview
+ ========================================== */
+
+.quiqqer-invoice-backend-temporaryInvoice-previewContainer {
+ background-color: #efefef;
+ height: calc(100% - 60px);
+ overflow: auto;
+ padding: 20px;
+
+}
+
+.quiqqer-invoice-backend-temporaryInvoice-preview {
+ background: #fff;
+ box-shadow: 0 0 0 0.75pt #d1d1d1, 0 0 3pt 0.75pt #ccc;
+ border: none;
+ display: block;
+ margin: 0 auto;
+}
+
+.quiqqer-invoice-backend-temporaryInvoice-missing {
+ background: #FFFFFF;
+ border-top: 2px solid #DEDEDE;
+ bottom: 0;
+ float: left;
+ height: 60px;
+ left: 0;
+ position: absolute;
+ width: 100%;
+}
+
+.quiqqer-invoice-backend-temporaryInvoice-message-miss-message,
+.quiqqer-invoice-backend-temporaryInvoice-message-post-message {
+ float: left;
+ font-size: 14px;
+ line-height: 20px;
+ width: calc(100% - 200px);
+}
+
+.quiqqer-invoice-backend-temporaryInvoice-message-miss-message .message,
+.quiqqer-invoice-backend-temporaryInvoice-message-post-message .message {
+ float: left;
+ margin-top: 10px;
+}
+
+.quiqqer-invoice-backend-temporaryInvoice-message-miss-message .fa,
+.quiqqer-invoice-backend-temporaryInvoice-message-post-message .fa {
+ color: #77AB13;
+ float: left;
+ font-size: 20px;
+ line-height: 60px;
+ text-align: center;
+ width: 60px;
+}
+
+.quiqqer-invoice-backend-temporaryInvoice-message-miss-message .fa {
+ color: #AE432E;
+}
+
+.quiqqer-invoice-backend-temporaryInvoice-missing-button {
+ float: left;
+ padding: 15px;
+ width: 200px;
+}
+
+.quiqqer-invoice-backend-temporaryInvoice-missing-button button {
+ width: 100%;
+}
+
+.quiqqer-invoice-backend-temporaryInvoice-missing-miss-button {
+ cursor: pointer;
+ float: left;
+ height: 60px;
+ padding: 0;
+ text-align: center;
+ width: 200px;
+}
+
+.quiqqer-invoice-backend-temporaryInvoice-missing-miss-button:hover {
+ background: #2F8FC6;
+ color: #FFFFFF;
+}
+
+.quiqqer-invoice-backend-temporaryInvoice-missing-miss-button .fa {
+ float: none;
+ font-size: 20px;
+ line-height: 60px;
+}
+
+.quiqqer-invoice-backend-temporaryInvoice-missing-miss-message {
+ bottom: 60px;
+ opacity: 0;
+ position: absolute;
+ right: 10px;
+ width: 400px;
+}
diff --git a/bin/backend/controls/panels/TemporaryInvoice.js b/bin/backend/controls/panels/TemporaryInvoice.js
index f3dbd1748c7c5ff56333be2797a4d9e19df741fd..f3db3fc3aa39f4c0f0074c8315e31234a042b4d2 100644
--- a/bin/backend/controls/panels/TemporaryInvoice.js
+++ b/bin/backend/controls/panels/TemporaryInvoice.js
@@ -35,11 +35,15 @@ define('package/quiqqer/invoice/bin/backend/controls/panels/TemporaryInvoice', [
'Users',
'text!package/quiqqer/invoice/bin/backend/controls/panels/TemporaryInvoice.Data.html',
+ 'text!package/quiqqer/invoice/bin/backend/controls/panels/TemporaryInvoice.Post.html',
+ 'text!package/quiqqer/invoice/bin/backend/controls/panels/TemporaryInvoice.Missing.html',
+
'css!package/quiqqer/invoice/bin/backend/controls/panels/TemporaryInvoice.css'
], function (QUI, QUIPanel, QUIButton, QUIButtonMultiple, QUISeparator, QUIConfirm, QUIFormUtils,
AddressSelect, Invoices, TextArticle,
- Payments, QUILocale, Mustache, Users, templateData) {
+ Payments, QUILocale, Mustache, Users,
+ templateData, templatePost, templateMissing) {
"use strict";
var lg = 'quiqqer/invoice';
@@ -282,8 +286,9 @@ define('package/quiqqer/invoice/bin/backend/controls/panels/TemporaryInvoice', [
Payments.value = self.getAttribute('payment_method');
self.getCategory('data').setActive();
- self.Loader.hide();
+ return self.Loader.hide();
+ }).then(function () {
return self.$openCategory();
});
},
@@ -336,7 +341,6 @@ define('package/quiqqer/invoice/bin/backend/controls/panels/TemporaryInvoice', [
self.$AddProduct.show();
self.$AddSeparator.show();
- self.Loader.hide();
self.getCategory('articles').setActive();
@@ -353,7 +357,7 @@ define('package/quiqqer/invoice/bin/backend/controls/panels/TemporaryInvoice', [
}
}).inject(Container);
- resolve();
+ self.Loader.hide().then(resolve);
});
});
}).then(function () {
@@ -367,13 +371,21 @@ define('package/quiqqer/invoice/bin/backend/controls/panels/TemporaryInvoice', [
* @returns {Promise}
*/
openVerification: function () {
- var self = this,
- ParentElm = null;
+ var self = this,
+ ParentContainer = null,
+ FrameContainer = null;
this.Loader.show();
return this.$closeCategory().then(function (Container) {
- ParentElm = Container;
+ FrameContainer = new Element('div', {
+ 'class': 'quiqqer-invoice-backend-temporaryInvoice-previewContainer'
+ }).inject(Container);
+
+ Container.setStyle('overflow', 'hidden');
+ Container.setStyle('padding', 0);
+
+ ParentContainer = Container;
return Invoices.getInvoicePreviewHtml(
self.getAttribute('invoiceId'),
@@ -384,17 +396,17 @@ define('package/quiqqer/invoice/bin/backend/controls/panels/TemporaryInvoice', [
new Sandbox({
content: html,
styles : {
- border : '1px solid #DEDEDE',
- 'float': 'left',
height : 1240,
+ padding: 20,
width : 874
},
events : {
onLoad: function (Box) {
- Box.getBody().style.padding = '20px';
+ //Box.getBody().style.padding = '20px';
+ Box.getElm().addClass('quiqqer-invoice-backend-temporaryInvoice-preview');
}
}
- }).inject(Container);
+ }).inject(FrameContainer);
resolve();
});
@@ -404,25 +416,80 @@ define('package/quiqqer/invoice/bin/backend/controls/panels/TemporaryInvoice', [
return Invoices.getMissingAttributes(self.getAttribute('invoiceId'));
}).then(function (missing) {
var Missing = new Element('div', {
- styles: {
- 'float': 'left',
- padding: '0 0 0 20px',
- width : 'calc(100% - 900)'
+ 'class': 'quiqqer-invoice-backend-temporaryInvoice-missing',
+ styles : {
+ opacity: 0,
+ bottom : -20
}
- }).inject(ParentElm);
+ }).inject(ParentContainer);
- for (var missed in missing) {
- if (!missing.hasOwnProperty(missed)) {
- continue;
- }
+ if (Object.getLength(missing)) {
+ Missing.set('html', Mustache.render(templateMissing));
+
+ var Info = new Element('info', {
+ 'class': 'quiqqer-invoice-backend-temporaryInvoice-missing-miss-message',
+ styles : {
+ opacity: 0
+ }
+ }).inject(ParentContainer);
+
+ Missing.getElement(
+ '.quiqqer-invoice-backend-temporaryInvoice-missing-miss-button'
+ ).addEvent('click', function () {
+ var isShow = parseInt(Info.getStyle('opacity'));
+
+ if (isShow) {
+ moofx(Info).animate({
+ bottom : 60,
+ opacity: 0
+ });
+ } else {
+ moofx(Info).animate({
+ bottom : 80,
+ opacity: 1
+ });
+ }
+ });
- new Element('div', {
- 'class': 'messages-message message-error',
- html : missing[missed]
- }).inject(Missing);
+ for (var missed in missing) {
+ if (!missing.hasOwnProperty(missed)) {
+ continue;
+ }
+
+ new Element('div', {
+ 'class': 'messages-message message-error',
+ html : missing[missed]
+ }).inject(Info);
+ }
+ } else {
+ // post available
+ Missing.set('html', Mustache.render(templatePost));
+
+ new QUIButton({
+ text : 'Rechnung buchen',
+ class : 'btn-green',
+ events: {
+ onClick: function () {
+ }
+ }
+ }).inject(
+ Missing.getElement('.quiqqer-invoice-backend-temporaryInvoice-missing-button')
+ );
}
- self.Loader.hide();
+
+ self.Loader.hide().then(function () {
+ return new Promise(function (resolve) {
+ moofx(Missing).animate({
+ opacity: 1,
+ bottom : 0
+ }, {
+ callback: function () {
+ self.Loader.hide().then(resolve);
+ }
+ });
+ });
+ });
}).then(function () {
return self.$openCategory();
});
@@ -484,6 +551,8 @@ define('package/quiqqer/invoice/bin/backend/controls/panels/TemporaryInvoice', [
});
}
+ this.getContent().setStyle('padding', 0);
+
return new Promise(function (resolve) {
var Container = this.getContent().getElement('.container');
@@ -506,6 +575,7 @@ define('package/quiqqer/invoice/bin/backend/controls/panels/TemporaryInvoice', [
callback: function () {
this.$unloadCategory();
Container.set('html', '');
+ Container.setStyle('padding', 20);
resolve(Container);
}.bind(this)