@colijnit/sharedcomponents 1.0.52 → 1.0.53
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/colijnit-sharedcomponents.umd.js +38 -16
- package/bundles/colijnit-sharedcomponents.umd.js.map +1 -1
- package/colijnit-sharedcomponents.metadata.json +1 -1
- package/esm2015/lib/components/send-method-dialog/components/layout-selection/layout-selection.component.js +25 -3
- package/esm2015/lib/components/send-method-dialog/components/layout-selection/layout-selection.module.js +4 -2
- package/esm2015/lib/components/send-method-dialog/components/printer-selection/printer-selection.component.js +13 -2
- package/esm2015/lib/components/send-method-dialog/components/send-method-printer/send-method-printer.component.js +12 -10
- package/esm2015/lib/components/send-method-dialog/send-method-dialog.component.js +18 -7
- package/esm2015/lib/components/simple-tags/simple-tags.component.js +11 -13
- package/esm2015/lib/components/stock/components/stock-location/stock-location.component.js +9 -9
- package/esm2015/lib/components/stock/stock.component.js +12 -7
- package/esm2015/lib/enum/icon.enum.js +2 -1
- package/esm2015/lib/model/icon-svg.js +2 -1
- package/fesm2015/colijnit-sharedcomponents.js +95 -45
- package/fesm2015/colijnit-sharedcomponents.js.map +1 -1
- package/lib/components/send-method-dialog/components/layout-selection/layout-selection.component.d.ts +6 -0
- package/lib/components/send-method-dialog/components/layout-selection/style/_layout.scss +10 -0
- package/lib/components/send-method-dialog/components/layout-selection/style/_material-definition.scss +6 -6
- package/lib/components/send-method-dialog/components/printer-selection/printer-selection.component.d.ts +1 -0
- package/lib/components/send-method-dialog/components/printer-selection/style/_layout.scss +10 -0
- package/lib/components/send-method-dialog/components/printer-selection/style/_material-definition.scss +6 -8
- package/lib/components/send-method-dialog/components/send-method-printer/style/_layout.scss +5 -0
- package/lib/components/send-method-dialog/components/send-method-printer/style/_material-definition.scss +1 -1
- package/lib/components/send-method-dialog/components/signature-button/style/_material-definition.scss +5 -5
- package/lib/components/send-method-dialog/style/_layout.scss +104 -1
- package/lib/components/send-method-dialog/style/_material-definition.scss +25 -7
- package/lib/components/simple-tags/style/_layout.scss +79 -39
- package/lib/components/simple-tags/style/_material-definition.scss +24 -4
- package/lib/enum/icon.enum.d.ts +1 -0
- package/lib/style/_variables.scss +1 -1
- package/package.json +1 -1
- package/3rdpartylicenses.txt +0 -1160
- package/favicon.ico +0 -0
- package/index.html +0 -12
- package/main.170a4a55a0e938c9ae69.js +0 -1
- package/polyfills.907fe9d1887c5de17993.js +0 -1
- package/runtime.8aac21847ed3d3829cca.js +0 -1
- package/styles.2a9423c42b08c088cadb.css +0 -1
|
@@ -1866,6 +1866,7 @@
|
|
|
1866
1866
|
set: function (articleOrGoodId) {
|
|
1867
1867
|
if (articleOrGoodId instanceof articleExtended_bo.ArticleExtended) {
|
|
1868
1868
|
this.articleExtended = articleOrGoodId;
|
|
1869
|
+
this._goodId = articleOrGoodId.goodId;
|
|
1869
1870
|
}
|
|
1870
1871
|
else if (typeof articleOrGoodId === "number") {
|
|
1871
1872
|
this._goodId = articleOrGoodId;
|
|
@@ -1879,6 +1880,8 @@
|
|
|
1879
1880
|
return true;
|
|
1880
1881
|
};
|
|
1881
1882
|
StockComponent.prototype.ngOnDestroy = function () {
|
|
1883
|
+
this.articleExtended = undefined;
|
|
1884
|
+
this.articleFlat = undefined;
|
|
1882
1885
|
this._subscriptions.forEach(function (subscription) { return subscription.unsubscribe(); });
|
|
1883
1886
|
};
|
|
1884
1887
|
StockComponent.prototype.ngOnInit = function () {
|
|
@@ -1961,13 +1964,15 @@
|
|
|
1961
1964
|
StockComponent.prototype.loadData = function () {
|
|
1962
1965
|
var _this = this;
|
|
1963
1966
|
if (this.loaded) {
|
|
1964
|
-
|
|
1965
|
-
|
|
1966
|
-
|
|
1967
|
-
|
|
1968
|
-
|
|
1969
|
-
_this.articleFlat = result;
|
|
1967
|
+
if (this._goodId && !this.articleExtended) {
|
|
1968
|
+
var request = new articleExtendedRequest.ArticleExtendedRequest();
|
|
1969
|
+
request.goodId = this._goodId;
|
|
1970
|
+
this._stockService.searchArticles(request).then(function (articleExtended) {
|
|
1971
|
+
_this.articleExtended = articleExtended[0];
|
|
1970
1972
|
});
|
|
1973
|
+
}
|
|
1974
|
+
this._stockService.getArticleFlat(this.articleExtended.articleNumber).then(function (result) {
|
|
1975
|
+
_this.articleFlat = result;
|
|
1971
1976
|
});
|
|
1972
1977
|
this.getArtStockStatus();
|
|
1973
1978
|
this.getStockManagementWarehouses();
|
|
@@ -2033,6 +2038,7 @@
|
|
|
2033
2038
|
"bring_forward_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"><path fill=\"#183153\" d=\"M224 464H448C456.8 464 464 456.8 464 448V224C464 215.2 456.8 208 448 208H384V160H448C483.3 160 512 188.7 512 224V448C512 483.3 483.3 512 448 512H224C188.7 512 160 483.3 160 448V384H208V448C208 456.8 215.2 464 224 464zM64 352C28.65 352 0 323.3 0 288V64C0 28.65 28.65 0 64 0H288C323.3 0 352 28.65 352 64V288C352 323.3 323.3 352 288 352H64z\"/></svg>",
|
|
2034
2039
|
"check_duotone": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><defs><style>.fa-secondary{opacity:.4}</style></defs><path class=\"fa-primary\" d=\"M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z\"/></svg>",
|
|
2035
2040
|
"check_round": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M25,10A15,15,0,1,0,40,25,15,15,0,0,0,25,10ZM23,34l-6.24-9.09,2.81-3.59L23,26.45,27.66,16h5.58Z\" fill=\"#484f60\"/></svg>",
|
|
2041
|
+
"cross_skinny": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\"><g ><polygon points=\"25.35 5.52 24.65 4.81 15 14.46 5.35 4.81 4.65 5.52 14.29 15.17 4.65 24.81 5.35 25.52 15 15.87 24.65 25.52 25.35 24.81 15.71 15.17 25.35 5.52\" fill=\"#484f60\"/></g></svg>",
|
|
2036
2042
|
"delete_left_regular": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"><path d=\"M432.1 208.1L385.9 256L432.1 303C442.3 312.4 442.3 327.6 432.1 336.1C423.6 346.3 408.4 346.3 399 336.1L352 289.9L304.1 336.1C295.6 346.3 280.4 346.3 271 336.1C261.7 327.6 261.7 312.4 271 303L318.1 256L271 208.1C261.7 199.6 261.7 184.4 271 175C280.4 165.7 295.6 165.7 304.1 175L352 222.1L399 175C408.4 165.7 423.6 165.7 432.1 175C442.3 184.4 442.3 199.6 432.1 208.1V208.1zM512 64C547.3 64 576 92.65 576 128V384C576 419.3 547.3 448 512 448H205.3C188.3 448 172 441.3 160 429.3L9.372 278.6C3.371 272.6 0 264.5 0 256C0 247.5 3.372 239.4 9.372 233.4L160 82.75C172 70.74 188.3 64 205.3 64L512 64zM528 128C528 119.2 520.8 112 512 112H205.3C201 112 196.9 113.7 193.9 116.7L54.63 256L193.9 395.3C196.9 398.3 201 400 205.3 400H512C520.8 400 528 392.8 528 384V128z\"/></svg>",
|
|
2037
2043
|
"delivery_truck": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><rect x=\"15.35\" y=\"16.56\" width=\"15.14\" height=\"10.94\" transform=\"translate(-1.83 2.08) rotate(-5)\" fill=\"#484f60\"/><path d=\"M38.5,18.1l-6.9.61L32.41,28l-7.63.67a3.76,3.76,0,0,1,1.43,2.25l7.25-.63A3.83,3.83,0,0,1,41,29.6l1-.1-.52-6Zm.29,5.84-3.91.34a.51.51,0,0,1-.55-.46L34,20.1a.49.49,0,0,1,.45-.54l2.27-.2a.5.5,0,0,1,.48.25l2,3.59A.5.5,0,0,1,38.79,23.94Z\" fill=\"#484f60\"/><path d=\"M19.66,29.09a3.8,3.8,0,0,0-1,2.46l-.74.07-1.82-.94L16,29.41Z\" fill=\"#484f60\"/><path d=\"M34.56,30.62a2.74,2.74,0,1,0,2.49-3A2.73,2.73,0,0,0,34.56,30.62Z\" fill=\"#484f60\"/><path d=\"M19.74,31.91a2.74,2.74,0,1,0,2.49-3A2.74,2.74,0,0,0,19.74,31.91Z\" fill=\"#484f60\"/><rect x=\"7.96\" y=\"17.63\" width=\"5\" height=\"1\" transform=\"translate(-1.54 0.98) rotate(-5)\" fill=\"#484f60\"/><rect x=\"11.02\" y=\"29.71\" width=\"3\" height=\"1\" transform=\"translate(-2.59 1.21) rotate(-5)\" fill=\"#484f60\"/><rect x=\"9.48\" y=\"23.53\" width=\"4\" height=\"1\" transform=\"matrix(1, -0.09, 0.09, 1, -2.05, 1.09)\" fill=\"#484f60\"/></svg>",
|
|
2038
2044
|
"email": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 50 50\"><path d=\"M31.79,38.45A17.82,17.82,0,0,1,23.86,40,13.09,13.09,0,0,1,10.41,26.42C10.41,17.63,16.83,10,26.53,10c7.63,0,13.06,5.21,13.06,12.46,0,6.33-3.53,10.3-8.19,10.3a3.42,3.42,0,0,1-3.71-3.32h-.08A6.5,6.5,0,0,1,22,32.76c-2.75,0-4.82-2.11-4.82-5.65a9.85,9.85,0,0,1,10.13-10,12.89,12.89,0,0,1,5.13,1l-1.3,8c-.43,2.54-.13,3.71,1.08,3.75,1.85.09,4.18-2.28,4.18-7.28,0-5.65-3.62-10-10.3-10S13.73,17.76,13.73,26c0,7.25,4.57,11.3,11,11.3A14.81,14.81,0,0,0,31,36ZM28,20.65a5.34,5.34,0,0,0-1.33-.18c-2.85,0-5.09,2.81-5.09,6.12,0,1.64.73,2.68,2.16,2.68,1.59,0,3.27-2,3.66-4.53Z\" fill=\"#484f60\"/></svg>",
|
|
@@ -2121,6 +2127,7 @@
|
|
|
2121
2127
|
Icon["BringForwardRegular"] = "bring_forward_regular";
|
|
2122
2128
|
Icon["CheckDuotone"] = "check_duotone";
|
|
2123
2129
|
Icon["CheckRound"] = "check_round";
|
|
2130
|
+
Icon["CrossSkinny"] = "cross_skinny";
|
|
2124
2131
|
Icon["DeleteLeftRegular"] = "delete_left_regular";
|
|
2125
2132
|
Icon["DeliveryTruck"] = "delivery_truck";
|
|
2126
2133
|
Icon["Email"] = "email";
|
|
@@ -2764,7 +2771,7 @@
|
|
|
2764
2771
|
SendMethodDialogComponent.decorators = [
|
|
2765
2772
|
{ type: i0.Component, args: [{
|
|
2766
2773
|
selector: 'co-send-method-dialog',
|
|
2767
|
-
template: "\n <co-dialog id=\"sendOptionsDialog\" [headerTemplate]=\"headerTemplate\" [footerTemplate]=\"footerTemplate\"\n (closeClick)=\"closeClick.emit($event)\">\n <ng-template #headerTemplate>\n <div class=\"co-dialog-header-title\" [
|
|
2774
|
+
template: "\n <co-dialog id=\"sendOptionsDialog\" [headerTemplate]=\"headerTemplate\" [footerTemplate]=\"footerTemplate\"\n (closeClick)=\"closeClick.emit($event)\">\n <ng-template #headerTemplate>\n <div class=\"co-dialog-header-title-wrapper\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.EnvelopeRegular)\"></co-icon>\n <div class=\"co-dialog-header-title\" [textContent]=\"headerTitle\"></div>\n </div>\n <div class=\"dialog-navigation-wrapper\">\n <div class=\"send-button-wrapper\" *ngFor=\"let sendMethod of sendMethods; let index = index\"\n [class.selected]=\"activeSendMethod ? sendMethod.code === activeSendMethod.code : index === 0\"\n (click)=\"handleSendMethodClick(sendMethod)\">\n <div class=\"custom-button-title\" [textContent]=\"sendMethod.description\"></div>\n </div>\n </div>\n </ng-template>\n\n <div class=\"dialog-content-wrapper\">\n <div class=\"send-methods-wrapper\">\n\n </div>\n <div #navigationItems class=\"send-method-navigation-wrapper\" [class.smooth-scrolling]=\"!startUp\">\n <div #faxItems class=\"send-method-navigation-content co-small-scrollbar\">\n\n </div>\n <div #printItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showPrint\">\n <co-send-method-printer\n [printerList]=\"printerList\"\n [layouts]=\"printLayouts\"\n ></co-send-method-printer>\n </div>\n <div #emailItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showEmail\">\n <co-send-method-email\n [emailAddresses]=\"emailAddresses\"\n [layouts]=\"emailLayouts\"\n ></co-send-method-email>\n </div>\n <div #ediItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showEdi\">\n\n </div>\n <div #emailTemplateItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showEmailTemplate\">\n\n </div>\n <div #smsItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showSms\">\n\n </div>\n <div #webServiceItems class=\"send-method-navigation-content co-small-scrollbar\" *ngIf=\"showWebservice\">\n\n </div>\n </div>\n </div>\n <ng-template #footerTemplate>\n <div class=\"co-dialog-footer-button-wrapper\">\n <co-button class=\"save-button\"\n [iconData]=\"iconCacheService.getIcon(icons.CheckDuotone)\"\n (click)=\"okClick.emit(activeSendMethod ? activeSendMethod.code : '0')\"></co-button>\n <co-button class=\"close-button\"\n [iconData]=\"iconCacheService.getIcon(icons.CrossSkinny)\"\n (click)=\"closeClick.emit($event)\"></co-button>\n </div>\n </ng-template>\n </co-dialog>\n ",
|
|
2768
2775
|
encapsulation: i0.ViewEncapsulation.None,
|
|
2769
2776
|
animations: [
|
|
2770
2777
|
animations.trigger('slideInOut', [
|
|
@@ -2867,7 +2874,9 @@
|
|
|
2867
2874
|
};
|
|
2868
2875
|
|
|
2869
2876
|
var LayoutSelectionComponent = /** @class */ (function () {
|
|
2870
|
-
function LayoutSelectionComponent() {
|
|
2877
|
+
function LayoutSelectionComponent(iconCacheService) {
|
|
2878
|
+
this.iconCacheService = iconCacheService;
|
|
2879
|
+
this.icons = exports["ɵbr"];
|
|
2871
2880
|
this.layouts = [];
|
|
2872
2881
|
this.requestChange = new i0.EventEmitter();
|
|
2873
2882
|
this.showLayoutList = false;
|
|
@@ -2879,6 +2888,9 @@
|
|
|
2879
2888
|
var _this = this;
|
|
2880
2889
|
if (this.layouts && this.layouts.length > 0) {
|
|
2881
2890
|
this.currentLayout = this.layouts.find(function (l) { return l.reportId === _this.request.reportId; });
|
|
2891
|
+
if (!this.currentLayout) {
|
|
2892
|
+
this.currentLayout = this.layouts[0];
|
|
2893
|
+
}
|
|
2882
2894
|
}
|
|
2883
2895
|
};
|
|
2884
2896
|
LayoutSelectionComponent.prototype.handleSelectLayout = function (reportLayout) {
|
|
@@ -2887,16 +2899,19 @@
|
|
|
2887
2899
|
this.requestChange.emit(this.request);
|
|
2888
2900
|
this.showLayoutList = false;
|
|
2889
2901
|
};
|
|
2902
|
+
LayoutSelectionComponent.prototype.closeSelectLayout = function () {
|
|
2903
|
+
this.showLayoutList = false;
|
|
2904
|
+
};
|
|
2890
2905
|
return LayoutSelectionComponent;
|
|
2891
2906
|
}());
|
|
2892
2907
|
LayoutSelectionComponent.decorators = [
|
|
2893
2908
|
{ type: i0.Component, args: [{
|
|
2894
2909
|
selector: 'co-layout-selection',
|
|
2895
|
-
template: "\n <div class=\"layout-selection-wrapper\" (click)=\"showLayoutList = !showLayoutList\">\n <div class=\"title\" [textContent]=\"'Lay-out'\"></div>\n <div class=\"layout-description\" [textContent]=\"currentLayout?.description || 'Layout kiezen'\"></div>\n </div>\n <div class=\"layouts-wrapper co-small-scrollbar\" *ngIf=\"showLayoutList\" @showHideLayouts>\n <div class=\"layout-selection-wrapper\" *ngFor=\"let reportLayout of layouts\"\n [class.selected]=\"reportLayout.reportId === currentLayout?.reportId\"\n (click)=\"handleSelectLayout(reportLayout)\">\n <div class=\"layout-description\" [textContent]=\"reportLayout.description\"></div>\n </div>\n </div>\n ",
|
|
2910
|
+
template: "\n <div class=\"layout-selection-wrapper\" (click)=\"showLayoutList = !showLayoutList\">\n <div class=\"title\" [textContent]=\"'Lay-out'\"></div>\n <div class=\"layout-description\" [textContent]=\"currentLayout?.description || 'Layout kiezen'\"></div>\n </div>\n <div class=\"layouts-wrapper co-small-scrollbar\" *ngIf=\"showLayoutList\" @showHideLayouts>\n <div class=\"layouts-wrapper-header\">\n <div class=\"title\" [textContent]=\"'Lay-out'\"></div>\n <div class=\"close-layouts\">\n <div class=\"dialog-close-button\" (click)=\"closeSelectLayout()\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icons.XSolid)\"></co-icon>\n </div>\n </div>\n </div>\n\n <div class=\"layout-selection-wrapper\" *ngFor=\"let reportLayout of layouts\"\n [class.selected]=\"reportLayout.reportId === currentLayout?.reportId\"\n (click)=\"handleSelectLayout(reportLayout)\">\n <div class=\"layout-description\" [textContent]=\"reportLayout.description\"></div>\n </div>\n </div>\n ",
|
|
2896
2911
|
animations: [
|
|
2897
2912
|
animations.trigger("showHideLayouts", [
|
|
2898
2913
|
animations.state("void", animations.style({ height: 0 })),
|
|
2899
|
-
animations.state("*", animations.style({ height: "
|
|
2914
|
+
animations.state("*", animations.style({ height: "100%" })),
|
|
2900
2915
|
animations.transition("void => *", animations.animate("200ms ease-in-out")),
|
|
2901
2916
|
animations.transition("* => void", animations.animate("200ms ease-out"))
|
|
2902
2917
|
])
|
|
@@ -2904,6 +2919,9 @@
|
|
|
2904
2919
|
encapsulation: i0.ViewEncapsulation.None
|
|
2905
2920
|
},] }
|
|
2906
2921
|
];
|
|
2922
|
+
LayoutSelectionComponent.ctorParameters = function () { return [
|
|
2923
|
+
{ type: IconCacheService }
|
|
2924
|
+
]; };
|
|
2907
2925
|
LayoutSelectionComponent.propDecorators = {
|
|
2908
2926
|
request: [{ type: i0.Input }],
|
|
2909
2927
|
layouts: [{ type: i0.Input }],
|
|
@@ -2919,7 +2937,8 @@
|
|
|
2919
2937
|
LayoutSelectionModule.decorators = [
|
|
2920
2938
|
{ type: i0.NgModule, args: [{
|
|
2921
2939
|
imports: [
|
|
2922
|
-
common.CommonModule
|
|
2940
|
+
common.CommonModule,
|
|
2941
|
+
corecomponents_v12.IconModule
|
|
2923
2942
|
],
|
|
2924
2943
|
declarations: [
|
|
2925
2944
|
LayoutSelectionComponent
|
|
@@ -3023,7 +3042,7 @@
|
|
|
3023
3042
|
SendMethodPrinterComponent.decorators = [
|
|
3024
3043
|
{ type: i0.Component, args: [{
|
|
3025
3044
|
selector: 'co-send-method-printer',
|
|
3026
|
-
template: "\n <co-printer-selection [printers]=\"printerList\"></co-printer-selection>\n
|
|
3045
|
+
template: "\n <div class=\"printer-layout-selections-wrapper\">\n <co-printer-selection [printers]=\"printerList\"></co-printer-selection>\n <div class=\"layout-signature-wrapper\">\n <co-layout-selection\n [(request)]=\"sendMethodService.reportingDocumentPrintSignDocBaseRequest\"\n [layouts]=\"layouts\"\n ></co-layout-selection>\n <co-signature-button\n [request]=\"sendMethodService.reportingDocumentPrintSignDocBaseRequest\"\n ></co-signature-button>\n </div>\n </div>\n <co-input-checkbox\n [model]=\"sendMethodService.reportingDocumentPrintSignDocBaseRequest.saveDefaultPrinterForUser\"\n [label]=\"'Koppeling onthouden'\"\n (modelChange)=\"handleDefaultPrinterUserChange($event)\"\n ></co-input-checkbox>\n <co-input-checkbox\n [model]=\"sendMethodService.reportingDocumentPrintSignDocBaseRequest.saveDefaultPrinterForAllUsers\"\n [label]=\"'Alle gebruikers'\"\n (modelChange)=\"handleDefaultPrinterAllUsersChange($event)\"\n ></co-input-checkbox>\n ",
|
|
3027
3046
|
encapsulation: i0.ViewEncapsulation.None
|
|
3028
3047
|
},] }
|
|
3029
3048
|
];
|
|
@@ -3062,16 +3081,19 @@
|
|
|
3062
3081
|
this.sendMethodService.reportingDocumentPrintSignDocBaseRequestChanged.next(this.sendMethodService.reportingDocumentPrintSignDocBaseRequest);
|
|
3063
3082
|
this.showPrinterList = false;
|
|
3064
3083
|
};
|
|
3084
|
+
PrinterSelectionComponent.prototype.closePrinterClicked = function () {
|
|
3085
|
+
this.showPrinterList = false;
|
|
3086
|
+
};
|
|
3065
3087
|
return PrinterSelectionComponent;
|
|
3066
3088
|
}());
|
|
3067
3089
|
PrinterSelectionComponent.decorators = [
|
|
3068
3090
|
{ type: i0.Component, args: [{
|
|
3069
3091
|
selector: 'co-printer-selection',
|
|
3070
|
-
template: "\n <div class=\"printer-selection-wrapper\" (click)=\"showPrinterList = !showPrinterList\">\n <div class=\"title\" [textContent]=\"'Printer'\"></div>\n <div class=\"printer-name\" [textContent]=\"sendMethodService.reportingDocumentPrintSignDocBaseRequest.printerName || 'Printer kiezen'\"></div>\n </div>\n <div class=\"layouts-wrapper co-small-scrollbar\" *ngIf=\"showPrinterList\" @showHideLayouts>\n <div class=\"printer-list-item\" *ngFor=\"let printer of printers\"\n [class.selected]=\"sendMethodService.reportingDocumentPrintSignDocBaseRequest.printerName === printer.name\"\n (click)=\"handlePrinterClicked(printer)\">\n <co-icon class=\"printer-icon\" [iconData]=\"iconService.getIcon(icons.PrintRegular)\"></co-icon>\n <div class=\"printer-details\">\n <span class=\"printer-name\" [textContent]=\"printer.name\"></span>\n <span class=\"printer-status\" [textContent]=\"printer.acceptingJobs\"></span>\n </div>\n </div>\n </div>\n ",
|
|
3092
|
+
template: "\n <div class=\"printer-selection-wrapper\" (click)=\"showPrinterList = !showPrinterList\">\n <div class=\"title\" [textContent]=\"'Printer'\"></div>\n <div class=\"printer-name\" [textContent]=\"sendMethodService.reportingDocumentPrintSignDocBaseRequest.printerName || 'Printer kiezen'\"></div>\n </div>\n <div class=\"layouts-wrapper co-small-scrollbar\" *ngIf=\"showPrinterList\" @showHideLayouts>\n <div class=\"layouts-wrapper-header\">\n <div class=\"title\" [textContent]=\"'Printer'\"></div>\n <div class=\"close-layouts\">\n <div class=\"dialog-close-button\" (click)=\"closePrinterClicked()\">\n <co-icon [iconData]=\"iconService.getIcon(icons.XSolid)\"></co-icon>\n </div>\n </div>\n </div>\n <div class=\"printer-list-item\" *ngFor=\"let printer of printers\"\n [class.selected]=\"sendMethodService.reportingDocumentPrintSignDocBaseRequest.printerName === printer.name\"\n (click)=\"handlePrinterClicked(printer)\">\n <co-icon class=\"printer-icon\" [iconData]=\"iconService.getIcon(icons.PrintRegular)\"></co-icon>\n <div class=\"printer-details\">\n <span class=\"printer-name\" [textContent]=\"printer.name\"></span>\n <span class=\"printer-status\" [textContent]=\"printer.acceptingJobs\"></span>\n </div>\n </div>\n </div>\n ",
|
|
3071
3093
|
animations: [
|
|
3072
3094
|
animations.trigger('showHideLayouts', [
|
|
3073
3095
|
animations.state('void', animations.style({ height: 0 })),
|
|
3074
|
-
animations.state('*', animations.style({ height: '
|
|
3096
|
+
animations.state('*', animations.style({ height: '100%' })),
|
|
3075
3097
|
animations.transition('void => *', animations.animate('200ms ease-in-out')),
|
|
3076
3098
|
animations.transition('* => void', animations.animate('200ms ease-out'))
|
|
3077
3099
|
])
|
|
@@ -3579,7 +3601,7 @@
|
|
|
3579
3601
|
StockLocationComponent.decorators = [
|
|
3580
3602
|
{ type: i0.Component, args: [{
|
|
3581
3603
|
selector: "co-stock-location",
|
|
3582
|
-
template: "\n <div class=\"stock-grid\">\n <co-dialog *ngIf=\"showConfirmationDialog\" [showCloseIcon]=\"true\" [modal]=\"true\" [headerTemplate]=\"headerTemplate\"\n [footerTemplate]=\"footerTemplate\">\n <ng-template #headerTemplate>\n <div class=\"header-wrapper\">\n <span [textContent]=\"'CONFIRM_STOCK_CHANGE' | localize\"></span>\n </div>\n </ng-template>\n <div class=\"dialog-wrapper\">\n <co-list-of-values [label]=\"'STATUS' | localize\"\n [model]=\"statusForId(selectedArticleDetailsData.stockStateId)\"\n [collection]=\"stockStatus\"\n [displayField]=\"'stateDescription'\"\n (modelChange)=\"handleStockStatusChange($event)\"\n ></co-list-of-values>\n <co-input-text [placeholder]=\"'REMARK' | localize\"\n (modelChange)=\"handleStockStatusRemarkChange($event)\"></co-input-text>\n </div>\n <ng-template #footerTemplate>\n <div class=\"button-wrapper\">\n <co-button (click)=\"handleOkClick()\" [label]=\"'OK'| localize\" [disabled]=\"disabled()\"></co-button>\n <co-button class=\"cancel-button\" (click)=\"showConfirmationDialog = false\"\n [label]=\"'CANCEL'| localize \"></co-button>\n </div>\n </ng-template>\n </co-dialog>\n <co-simple-grid [data]=\"articleStockInfo\"\n class=\"simple-grid\"\n [rowsPerPage]=\"20\"\n [showAdd]=\"true\"\n [inlineEdit]=\"true\"\n (dblClickRow)=\"lockSelectedRow($event)\"\n [showToolbar]=\"true\"\n (keydown.enter)=\"onOkClickSendLocations()\"\n\n >\n <co-simple-grid-column
|
|
3604
|
+
template: "\n <div class=\"stock-grid\">\n <co-dialog *ngIf=\"showConfirmationDialog\" [showCloseIcon]=\"true\" [modal]=\"true\" [headerTemplate]=\"headerTemplate\"\n [footerTemplate]=\"footerTemplate\">\n <ng-template #headerTemplate>\n <div class=\"header-wrapper\">\n <span [textContent]=\"'CONFIRM_STOCK_CHANGE' | localize\"></span>\n </div>\n </ng-template>\n <div class=\"dialog-wrapper\">\n <co-list-of-values [label]=\"'STATUS' | localize\"\n [model]=\"statusForId(selectedArticleDetailsData.stockStateId)\"\n [collection]=\"stockStatus\"\n [displayField]=\"'stateDescription'\"\n (modelChange)=\"handleStockStatusChange($event)\"\n ></co-list-of-values>\n <co-input-text [placeholder]=\"'REMARK' | localize\"\n (modelChange)=\"handleStockStatusRemarkChange($event)\"></co-input-text>\n </div>\n <ng-template #footerTemplate>\n <div class=\"button-wrapper\">\n <co-button (click)=\"handleOkClick()\" [label]=\"'OK'| localize\" [disabled]=\"disabled()\"></co-button>\n <co-button class=\"cancel-button\" (click)=\"showConfirmationDialog = false\"\n [label]=\"'CANCEL'| localize \"></co-button>\n </div>\n </ng-template>\n </co-dialog>\n <co-simple-grid [data]=\"articleStockInfo\"\n class=\"simple-grid\"\n [rowsPerPage]=\"20\"\n [showAdd]=\"true\"\n [inlineEdit]=\"true\"\n (dblClickRow)=\"lockSelectedRow($event)\"\n [showToolbar]=\"true\"\n (keydown.enter)=\"onOkClickSendLocations()\"\n\n >\n <co-simple-grid-column [headerText]=\"'STOCK' | localize\" [field]=\"'amountInStock'\">\n <ng-template #editTemplate let-row=\"row\">\n <co-input-text [(model)]=\"row['amountInStock']\"\n [label]=\"'STOCK' | localize\"\n (modelChange)=\"amountInStockChanged($event)\"\n ></co-input-text>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column *ngIf=\"articleFlat?.locationRegistered\" [headerText]=\"'LOCATION' | localize\" [field]=\"'locationNo'\">\n <ng-template #editTemplate let-row=\"row\">\n <co-list-of-values\n [model]=\"locationForNumber(row['locationNo'])\"\n [collection]=\"stockLocations\"\n [displayField]=\"'description'\"\n [label]=\"'LOCATION' | localize\"\n (click)=\"onLocationDropdownClick()\"\n [required]=\"true\"\n (modelChange)=\"locationChanged(row, $event)\"\n ></co-list-of-values>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'BATCH' | localize\" [field]=\"'batchNo'\">\n <ng-template #editTemplate let-row=\"row\">\n <co-input-text *ngIf=\"articleFlat?.batch\" [model]=\"selectedArticleDetailsData.batchNo\"\n [placeholder]=\"'BATCH' | localize\"\n (modelChange)=\"row['batchNo'] = $event\"\n ></co-input-text>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'SERIAL_NO' | localize\" [field]=\"'serialNo'\">\n <ng-template #editTemplate let-row=\"row\">\n <co-input-text *ngIf=\"articleFlat?.serial\" [model]=\"selectedArticleDetailsData.serialNo\"\n [placeholder]=\"'SERIAL_NO' | localize\"\n (modelChange)=\"row['serialNo'] = $event\"\n ></co-input-text>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'ALLOCATED' | localize\" [field]=\"'stockAssigned'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row['stockAssigned']\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'AVAILABLE_STOCK' | localize\" [field]=\"'amountInStockFree'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row['amountInStockFree']\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'VALUTA' | localize\" [field]=\"'currency'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row['currency']\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'PURCHASE_PRICE' | localize\" [field]=\"'purchasePrice'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row['purchasePrice']\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'SUPPLIERNR' | localize\" [field]=\"'supplierNo'\">\n <ng-template #editTemplate let-row=\"row\">\n <span [textContent]=\"row['supplierNo']\"></span>\n </ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'TRANSFER' | localize\" [field]=\"'transfer'\">\n <ng-template #template let-row=\"row\">\n <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.DeliveryTruck)\"\n (click)=\"handleStockTransferClick(row)\"></co-icon>\n </ng-template>\n <ng-template #editTemplate></ng-template>\n </co-simple-grid-column>\n <co-simple-grid-column [headerText]=\"'STICKER' | localize\" [field]=\"'sticker'\">\n <ng-template #template let-row=\"row\">\n <co-icon class=\"menu-icon\" [iconData]=\"iconCacheService.getIcon(icons.Print)\"\n (click)=\"openSendMethodDialog(row)\"></co-icon>\n </ng-template>\n <ng-template #editTemplate></ng-template>\n </co-simple-grid-column>\n </co-simple-grid>\n </div>\n ",
|
|
3583
3605
|
encapsulation: i0.ViewEncapsulation.None
|
|
3584
3606
|
},] }
|
|
3585
3607
|
];
|
|
@@ -6459,7 +6481,7 @@
|
|
|
6459
6481
|
SimpleTagsComponent.decorators = [
|
|
6460
6482
|
{ type: i0.Component, args: [{
|
|
6461
6483
|
selector: "co-simple-tags",
|
|
6462
|
-
template: "\n <co-dialog\n [headerTemplate]=\"headerTemplate\"\n [footerTemplate]=\"footerTemplate\"\n (closeClick)=\"closeClick.emit()\"\n >\n <ng-template #headerTemplate>\n <div class=\"header-wrapper\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icon.TagRegular)\"></co-icon>\n <span class=\"co-dialog-header-title\" [textContent]=\"'Tags'\"></span>\n </div>\n </ng-template>\n\n <div class=\"dialog-content-wrapper\">\n <div class=\"collection-navigation\">\n <span class=\"title\" [textContent]=\"'Beschikbare tags'\"></span>\n <co-input-search\n [(model)]=\"searchString\"\n [placeholder]=\"'Search for tag name'\"\n (search)=\"searchCollection()\"\n (modelChange)=\"searchCollection()\"\n (rightIconClick)=\"searchCollection()\"\n ></co-input-search>\n <div class=\"breadcrumbs\">\n <co-icon\n [iconData]=\"iconCacheService.getIcon(icon.HouseBlankRegular)\"\n (click)=\"setRootDisplayTags()\"\n ></co-icon>\n <div class=\"crumbs\">\n <span class=\"spacer\" [textContent]=\"'|'\"></span>\n <div class=\"crumb\" *ngFor=\"let crumb of breadCrumbs; let index = index\" (click)=\"handleCrumbClicked(crumb, index)\">\n <span class=\"spacer\" *ngIf=\"index !== 0\" [textContent]=\"'/'\"></span>\n <span [textContent]=\"crumb.description\"></span>\n </div>\n </div>\n </div>\n <div class=\"collection-view\"\n cdkDropList\n cdkDropListSortingDisabled\n #collectionList=\"cdkDropList\"\n [cdkDropListData]=\"displayTags\"\n [cdkDropListConnectedTo]=\"[linkedList]\"\n ><div class=\"collection-item\"\n *ngFor=\"let tag of displayTags\"\n cdkDrag\n [cdkDragDisabled]=\"tag.tagType !== 'T' || linkedTags.includes(tag)\"\n [class.draggable]=\"tag.tagType === 'T' && !linkedTags.includes(tag)\"\n [class.disabled]=\"linkedTags.includes(tag)\"\n (click)=\"handleTagSelected(tag)\">\n\n <div class=\"collection-item\" *cdkDragPlaceholder>\n <co-icon *ngIf=\"tag.tagType === 'T'\" [iconData]=\"iconCacheService.getIcon(icon.TagRegular)\"></co-icon>\n <span [textContent]=\"tag.description\"></span>\n </div>\n\n <div *cdkDragPreview><co-icon [iconData]=\"iconCacheService.getIcon(icon.TagRegular)\"></co-icon></div>\n\n <co-icon *ngIf=\"tag.tagType === 'T'\" [iconData]=\"iconCacheService.getIcon(icon.TagRegular)\"></co-icon>\n <span [textContent]=\"tag.description\"></span>\n </div>\n </div>\n </div>\n\n <div class=\"linked-tags-view\">\n <span class=\"title\" [textContent]=\"'Gekoppelde tags'\"></span>\n <div class=\"view-wrapper\"\n cdkDropList\n #linkedList=\"cdkDropList\"\n [cdkDropListData]=\"linkedTags\"\n (cdkDropListDropped)=\"handleAddTag($event)\">\n <div class=\"tag-item\" *ngFor=\"let tag of linkedTags\" [cdkDragDisabled]=\"true\" cdkDrag [style.background-color]=\"tag.color?.replace('0x', '#')\">\n <div class=\"placeholderLinked\" *cdkDragPlaceholder></div>\n\n <div class=\"thumbnail-description\">\n <co-icon *ngIf=\"!tag.image?.thumbnailBody\" [iconData]=\"iconCacheService.getIcon(icon.TagRegular)\"></co-icon>\n <div *ngIf=\"tag.image\" class=\"thumbnail-wrapper\">\n <img [src]=\"tag.image.thumbnailBodyAsDataUri\">\n </div>\n\n <div class=\"description-wrapper\">\n <span [textContent]=\"tag.parentDescription\"></span>\n <span class=\"description\" [textContent]=\"tag.description\"></span>\n </div>\n </div>\n <co-icon class=\"delete-tag\" (click)=\"deleteLinkedTag(tag)\"\n [iconData]=\"iconCacheService.getIcon(icon.XSolid)\"\n ></co-icon>\n </div>\n </div>\n </div>\n </div>\n\n <ng-template #footerTemplate>\n <div class=\"co-dialog-footer-button-wrapper\">\n <
|
|
6484
|
+
template: "\n <co-dialog\n [headerTemplate]=\"headerTemplate\"\n [footerTemplate]=\"footerTemplate\"\n (closeClick)=\"closeClick.emit()\"\n >\n <ng-template #headerTemplate>\n <div class=\"header-wrapper\">\n <co-icon [iconData]=\"iconCacheService.getIcon(icon.TagRegular)\"></co-icon>\n <span class=\"co-dialog-header-title\" [textContent]=\"'Tags'\"></span>\n </div>\n </ng-template>\n\n <div class=\"dialog-content-wrapper\">\n <div class=\"collection-navigation co-small-scrollbar\">\n <span class=\"title\" [textContent]=\"'Beschikbare tags'\"></span>\n <co-input-search\n [(model)]=\"searchString\"\n [placeholder]=\"'Search for tag name'\"\n (search)=\"searchCollection()\"\n (modelChange)=\"searchCollection()\"\n (rightIconClick)=\"searchCollection()\"\n ></co-input-search>\n <div class=\"breadcrumbs\">\n <co-icon\n [iconData]=\"iconCacheService.getIcon(icon.HouseBlankRegular)\"\n (click)=\"setRootDisplayTags()\"\n ></co-icon>\n <div class=\"crumbs\">\n <span class=\"spacer\" [textContent]=\"'|'\"></span>\n <div class=\"crumb\" *ngFor=\"let crumb of breadCrumbs; let index = index\" (click)=\"handleCrumbClicked(crumb, index)\">\n <span class=\"spacer\" *ngIf=\"index !== 0\" [textContent]=\"'/'\"></span>\n <span [textContent]=\"crumb.description\"></span>\n </div>\n </div>\n </div>\n <div class=\"collection-view\"\n cdkDropList\n cdkDropListSortingDisabled\n #collectionList=\"cdkDropList\"\n [cdkDropListData]=\"displayTags\"\n [cdkDropListConnectedTo]=\"[linkedList]\"\n ><div class=\"collection-item\"\n *ngFor=\"let tag of displayTags\"\n cdkDrag\n [cdkDragDisabled]=\"tag.tagType !== 'T' || linkedTags.includes(tag)\"\n [class.draggable]=\"tag.tagType === 'T' && !linkedTags.includes(tag)\"\n [class.disabled]=\"linkedTags.includes(tag)\"\n (click)=\"handleTagSelected(tag)\">\n\n <div class=\"collection-item\" *cdkDragPlaceholder>\n <co-icon *ngIf=\"tag.tagType === 'T'\" [iconData]=\"iconCacheService.getIcon(icon.TagRegular)\"></co-icon>\n <span [textContent]=\"tag.description\"></span>\n </div>\n\n <div *cdkDragPreview><co-icon [iconData]=\"iconCacheService.getIcon(icon.TagRegular)\"></co-icon></div>\n\n <co-icon *ngIf=\"tag.tagType === 'T'\" [iconData]=\"iconCacheService.getIcon(icon.TagRegular)\"></co-icon>\n <span [textContent]=\"tag.description\"></span>\n </div>\n </div>\n </div>\n\n <div class=\"linked-tags-view\">\n <span class=\"title\" [textContent]=\"'Gekoppelde tags'\"></span>\n <div class=\"view-wrapper\"\n cdkDropList\n #linkedList=\"cdkDropList\"\n [cdkDropListData]=\"linkedTags\"\n (cdkDropListDropped)=\"handleAddTag($event)\">\n <div class=\"tag-item\" *ngFor=\"let tag of linkedTags\" [cdkDragDisabled]=\"true\" cdkDrag [style.background-color]=\"tag.color?.replace('0x', '#')\">\n <div class=\"placeholderLinked\" *cdkDragPlaceholder></div>\n\n <div class=\"thumbnail-description\">\n <co-icon *ngIf=\"!tag.image?.thumbnailBody\" [iconData]=\"iconCacheService.getIcon(icon.TagRegular)\"></co-icon>\n <div *ngIf=\"tag.image\" class=\"thumbnail-wrapper\">\n <img [src]=\"tag.image.thumbnailBodyAsDataUri\">\n </div>\n\n <div class=\"description-wrapper\">\n <span [textContent]=\"tag.parentDescription\"></span>\n <span class=\"description\" [textContent]=\"tag.description\"></span>\n </div>\n </div>\n <co-icon class=\"delete-tag\" (click)=\"deleteLinkedTag(tag)\"\n [iconData]=\"iconCacheService.getIcon(icon.XSolid)\"\n ></co-icon>\n </div>\n </div>\n </div>\n </div>\n\n <ng-template #footerTemplate>\n <div class=\"co-dialog-footer-button-wrapper\">\n <co-button class=\"save-button\"\n [iconData]=\"iconCacheService.getIcon(icon.CheckDuotone)\"\n (click)=\"handleSaveTags()\"\n ></co-button>\n <co-button\n class=\"close-button\"\n [iconData]=\"iconCacheService.getIcon(icon.CrossSkinny)\"\n (click)=\"closeClick.next()\"\n ></co-button>\n </div>\n </ng-template>\n </co-dialog>\n ",
|
|
6463
6485
|
encapsulation: i0.ViewEncapsulation.None
|
|
6464
6486
|
},] }
|
|
6465
6487
|
];
|