@wizishop/img-manager 0.2.59 → 0.2.63
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/wizishop-img-manager.umd.js +10 -5
- package/bundles/wizishop-img-manager.umd.js.map +1 -1
- package/bundles/wizishop-img-manager.umd.min.js +1 -1
- package/bundles/wizishop-img-manager.umd.min.js.map +1 -1
- package/esm2015/lib/components/img-selection/img-selection.component.js +11 -6
- package/esm5/lib/components/img-selection/img-selection.component.js +11 -6
- package/fesm2015/wizishop-img-manager.js +10 -5
- package/fesm2015/wizishop-img-manager.js.map +1 -1
- package/fesm5/wizishop-img-manager.js +10 -5
- package/fesm5/wizishop-img-manager.js.map +1 -1
- package/package.json +1 -1
- package/wizishop-img-manager-0.2.63.tgz +0 -0
- package/wizishop-img-manager.metadata.json +1 -1
- package/wz-img-manager.scss +173 -160
- package/wizishop-img-manager-0.2.59.tgz +0 -0
|
@@ -38,11 +38,16 @@ let ImgSelectionComponent = class ImgSelectionComponent {
|
|
|
38
38
|
}
|
|
39
39
|
setTrashPosition(index) {
|
|
40
40
|
this.trashPositionIndex = index;
|
|
41
|
-
if (this.
|
|
42
|
-
this.
|
|
41
|
+
if (this.imgSelectedList.length < 6) {
|
|
42
|
+
if (this.trashPositionIndex === 0) {
|
|
43
|
+
this.trashPositionLeft = '140px';
|
|
44
|
+
}
|
|
45
|
+
else {
|
|
46
|
+
this.trashPositionLeft = 340 + ((index - 1) * 170) + 'px';
|
|
47
|
+
}
|
|
43
48
|
}
|
|
44
|
-
else {
|
|
45
|
-
this.trashPositionLeft =
|
|
49
|
+
else if (this.imgSelectedList.length >= 6) {
|
|
50
|
+
this.trashPositionLeft = '50%';
|
|
46
51
|
}
|
|
47
52
|
}
|
|
48
53
|
removeImgFromSelection(event) {
|
|
@@ -63,9 +68,9 @@ __decorate([
|
|
|
63
68
|
ImgSelectionComponent = __decorate([
|
|
64
69
|
Component({
|
|
65
70
|
selector: 'img-selection',
|
|
66
|
-
template: "<div\n class=\"trash\"\n [ngClass]=\"{'trash--visible': dragStart}\"\n [style.left]=\"trashPositionLeft\"\n cdkDropList\n #unSelectList=\"cdkDropList\"\n (cdkDropListDropped)=\"removeImgFromSelection($event)\">\n
|
|
71
|
+
template: "<div\n class=\"trash\"\n [ngClass]=\"{'trash--visible': dragStart, 'trash--bottom': imgSelectedList.length > 5}\"\n [style.left]=\"trashPositionLeft\"\n cdkDropList\n #unSelectList=\"cdkDropList\"\n (cdkDropListDropped)=\"removeImgFromSelection($event)\">\n <p>{{'ImgManager.ImgSelection.unselect' | translate}}</p>\n</div>\n\n<div\n class=\"img-selection\"\n [ngClass]=\"{'img-selection--visible' : imgSelectedList && imgSelectedList.length}\">\n\n <div\n cdkDropList\n #selectionList=\"cdkDropList\"\n cdkDropListOrientation=\"horizontal\"\n class=\"list_img_selection\"\n (cdkDropListDropped)=\"drop($event)\"\n [cdkDropListConnectedTo]=\"[unSelectList]\"\n >\n\n <div\n class=\"img_box\"\n *ngFor=\"let picture of imgSelectedList; let index = index\"\n cdkDrag\n (cdkDragStarted)=\"dragStart = true;\"\n (cdkDragEnded)=\"dragStart = false;\"\n >\n\n <img\n *ngIf=\"index < 1\"\n class=\"drag__img\"\n [src]=\"picture.file_name | imgSrc : '400'\"\n [title]=\"picture.display_name\"\n (mousedown)=\"setTrashPosition(index)\"\n />\n\n <img\n *ngIf=\"index > 0\"\n class=\"drag__img\"\n [src]=\"picture.file_name | imgSrc : '200'\"\n [title]=\"picture.display_name\"\n (mousedown)=\"setTrashPosition(index)\"\n />\n\n <span class=\"drag__tooltips\">{{'ImgManager.ImgSelection.tooltips' | translate}}</span>\n\n </div>\n </div>\n</div>\n\n<!-- Loader -->\n<ng-container *ngIf=\"isLoading && !(imgSelectedList && imgSelectedList.length)\">\n <wz-loader></wz-loader>\n</ng-container>\n"
|
|
67
72
|
}),
|
|
68
73
|
__metadata("design:paramtypes", [ImgSelectionService])
|
|
69
74
|
], ImgSelectionComponent);
|
|
70
75
|
export { ImgSelectionComponent };
|
|
71
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1nLXNlbGVjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ad2l6aXNob3AvaW1nLW1hbmFnZXIvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9pbWctc2VsZWN0aW9uL2ltZy1zZWxlY3Rpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBVTNFLElBQWEscUJBQXFCLEdBQWxDLE1BQWEscUJBQXFCO0lBY2hDLFlBQ1UsbUJBQXdDO1FBQXhDLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFaeEMscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUVoRCxvQkFBZSxHQUFvQixFQUFFLENBQUM7UUFDdEMsZ0JBQVcsR0FBWSxLQUFLLENBQUM7UUFDN0Isa0JBQWEsR0FBWSxLQUFLLENBQUM7UUFDL0IsaUJBQVksR0FBWSxLQUFLLENBQUM7UUFDOUIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLHVCQUFrQixHQUFHLENBQUMsQ0FBQztRQUN2QixzQkFBaUIsR0FBRyxNQUFNLENBQUM7SUFJckIsQ0FBQztJQUVQLFFBQVE7UUFDTixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLDZCQUE2QixFQUFFLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxFQUFFO1lBQzNFLElBQUksQ0FBQyxTQUFTLEdBQUcsT0FBTyxDQUFDO1FBQzNCLENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQztJQUVELElBQUk7UUFDRixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztRQUN6QixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztRQUMzQixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUM1QixDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3BFLENBQUM7SUFFRCxTQUFTLENBQUMsS0FBYTtRQUNyQixJQUFJLENBQUMsbUJBQW1CLENBQUMsd0JBQXdCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDM0QsQ0FBQztJQUVELElBQUksQ0FBQyxLQUE0QjtRQUMvQixJQUFJLEtBQUssQ0FBQyxhQUFhLEtBQUssS0FBSyxDQUFDLFlBQVksRUFBRTtZQUM5QyxJQUFJLENBQUMsbUJBQW1CLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQzlDO0lBQ0gsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQUs7UUFDcEIsSUFBSSxDQUFDLGtCQUFrQixHQUFHLEtBQUssQ0FBQztRQUNoQyxJQUFJLElBQUksQ0FBQyxlQUFlLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUNuQyxJQUFJLElBQUksQ0FBQyxrQkFBa0IsS0FBSyxDQUFDLEVBQUU7Z0JBQ2pDLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxPQUFPLENBQUM7YUFDbEM7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEdBQUcsR0FBRyxDQUFDLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQzthQUMzRDtTQUNGO2FBQU0sSUFBSSxJQUFJLENBQUMsZUFBZSxDQUFDLE1BQU0sSUFBSSxDQUFDLEVBQUU7WUFDM0MsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEtBQUssQ0FBQztTQUNoQztJQUNILENBQUM7SUFFRCxzQkFBc0IsQ0FBQyxLQUE0QjtRQUNqRCxJQUFJLENBQUMsbUJBQW1CLENBQUMsd0JBQXdCLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ3pFLENBQUM7Q0FDRixDQUFBOztZQTlDZ0MsbUJBQW1COztBQWJ6QztJQUFSLEtBQUssRUFBRTs7MkRBQTRCO0FBQzFCO0lBQVQsTUFBTSxFQUFFOzsrREFBdUM7QUFIckMscUJBQXFCO0lBSmpDLFNBQVMsQ0FBQztRQUNULFFBQVEsRUFBRSxlQUFlO1FBQ3pCLHd1REFBNkM7S0FDOUMsQ0FBQztxQ0FnQitCLG1CQUFtQjtHQWZ2QyxxQkFBcUIsQ0E2RGpDO1NBN0RZLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEltZ1NlbGVjdGlvblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9pbWctc2VsZWN0aW9uLnNlcnZpY2UnO1xuaW1wb3J0IHsgSW1nUGljdHVyZURUTyB9IGZyb20gJy4uLy4uL2R0by9pbWctbWFuYWdlci5kdG8nO1xuaW1wb3J0IHtDZGtEcmFnRHJvcH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RyYWctZHJvcCc7XG5pbXBvcnQgeyB0YWJEaXNwbGF5ZWQgfSBmcm9tICcuLi8uLi9kdG8vZXhwb3J0LWR0b3MuYXBpJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpbWctc2VsZWN0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ltZy1zZWxlY3Rpb24uY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEltZ1NlbGVjdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgdGFiRGlzcGxheWVkOiB0YWJEaXNwbGF5ZWQ7XG4gIEBPdXRwdXQoKSBpbWdNYW5hZ2VyQ2xvc2VkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGltZ1NlbGVjdGVkTGlzdDogSW1nUGljdHVyZURUT1tdID0gW107XG4gIHJlbW92aW5nQWxsOiBib29sZWFuID0gZmFsc2U7XG4gIGNhbmNlbGxpbmdBbGw6IGJvb2xlYW4gPSBmYWxzZTtcbiAgaW1wb3J0aW5nQWxsOiBib29sZWFuID0gZmFsc2U7XG4gIGRyYWdTdGFydCA9IGZhbHNlO1xuICBpc0xvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcbiAgdHJhc2hQb3NpdGlvbkluZGV4ID0gMDtcbiAgdHJhc2hQb3NpdGlvbkxlZnQgPSAnLTVweCc7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBpbWdTZWxlY3Rpb25TZXJ2aWNlOiBJbWdTZWxlY3Rpb25TZXJ2aWNlXG4gICAgKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmdldEltZ1NlbGVjdGVkKCk7XG4gICAgdGhpcy5pbWdTZWxlY3Rpb25TZXJ2aWNlLmdldEltZ0xpc3RMb2FkaW5nRXZlbnRMaXN0bmVyKCkuc3Vic2NyaWJlKGxvYWRpbmcgPT4ge1xuICAgICAgdGhpcy5pc0xvYWRpbmcgPSBsb2FkaW5nO1xuICAgIH0pXG4gIH1cblxuICBpbml0KCkge1xuICAgIHRoaXMucmVtb3ZpbmdBbGwgPSBmYWxzZTtcbiAgICB0aGlzLmNhbmNlbGxpbmdBbGwgPSBmYWxzZTtcbiAgICB0aGlzLmltcG9ydGluZ0FsbCA9IGZhbHNlO1xuICB9XG5cbiAgZ2V0SW1nU2VsZWN0ZWQoKSB7XG4gICAgdGhpcy5pbWdTZWxlY3RlZExpc3QgPSB0aGlzLmltZ1NlbGVjdGlvblNlcnZpY2UuZ2V0SW1nU2VsZWN0aW9uKCk7XG4gIH1cblxuICByZW1vdmVJbWcoaW5kZXg6IG51bWJlcikge1xuICAgIHRoaXMuaW1nU2VsZWN0aW9uU2VydmljZS5yZW1vdmVJbWdTZWxlY3RlZEJ5SW5kZXgoaW5kZXgpO1xuICB9XG5cbiAgZHJvcChldmVudDogQ2RrRHJhZ0Ryb3A8c3RyaW5nW10+KSB7XG4gICAgaWYgKGV2ZW50LnByZXZpb3VzSW5kZXggIT09IGV2ZW50LmN1cnJlbnRJbmRleCkge1xuICAgICAgdGhpcy5pbWdTZWxlY3Rpb25TZXJ2aWNlLm1vdmVJbWdPcmRlcihldmVudCk7XG4gICAgfVxuICB9XG5cbiAgc2V0VHJhc2hQb3NpdGlvbihpbmRleCkge1xuICAgIHRoaXMudHJhc2hQb3NpdGlvbkluZGV4ID0gaW5kZXg7XG4gICAgaWYgKHRoaXMuaW1nU2VsZWN0ZWRMaXN0Lmxlbmd0aCA8IDYpIHtcbiAgICAgIGlmICh0aGlzLnRyYXNoUG9zaXRpb25JbmRleCA9PT0gMCkge1xuICAgICAgICB0aGlzLnRyYXNoUG9zaXRpb25MZWZ0ID0gJzE0MHB4JztcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMudHJhc2hQb3NpdGlvbkxlZnQgPSAzNDAgKyAoKGluZGV4IC0gMSkgKiAxNzApICsgJ3B4JztcbiAgICAgIH1cbiAgICB9IGVsc2UgaWYgKHRoaXMuaW1nU2VsZWN0ZWRMaXN0Lmxlbmd0aCA+PSA2KSB7XG4gICAgICB0aGlzLnRyYXNoUG9zaXRpb25MZWZ0ID0gJzUwJSc7XG4gICAgfVxuICB9XG5cbiAgcmVtb3ZlSW1nRnJvbVNlbGVjdGlvbihldmVudDogQ2RrRHJhZ0Ryb3A8c3RyaW5nW10+KSB7XG4gICAgdGhpcy5pbWdTZWxlY3Rpb25TZXJ2aWNlLnJlbW92ZUltZ1NlbGVjdGVkQnlJbmRleChldmVudC5wcmV2aW91c0luZGV4KTtcbiAgfVxufVxuIl19
|
|
@@ -39,11 +39,16 @@ var ImgSelectionComponent = /** @class */ (function () {
|
|
|
39
39
|
};
|
|
40
40
|
ImgSelectionComponent.prototype.setTrashPosition = function (index) {
|
|
41
41
|
this.trashPositionIndex = index;
|
|
42
|
-
if (this.
|
|
43
|
-
this.
|
|
42
|
+
if (this.imgSelectedList.length < 6) {
|
|
43
|
+
if (this.trashPositionIndex === 0) {
|
|
44
|
+
this.trashPositionLeft = '140px';
|
|
45
|
+
}
|
|
46
|
+
else {
|
|
47
|
+
this.trashPositionLeft = 340 + ((index - 1) * 170) + 'px';
|
|
48
|
+
}
|
|
44
49
|
}
|
|
45
|
-
else {
|
|
46
|
-
this.trashPositionLeft =
|
|
50
|
+
else if (this.imgSelectedList.length >= 6) {
|
|
51
|
+
this.trashPositionLeft = '50%';
|
|
47
52
|
}
|
|
48
53
|
};
|
|
49
54
|
ImgSelectionComponent.prototype.removeImgFromSelection = function (event) {
|
|
@@ -63,11 +68,11 @@ var ImgSelectionComponent = /** @class */ (function () {
|
|
|
63
68
|
ImgSelectionComponent = __decorate([
|
|
64
69
|
Component({
|
|
65
70
|
selector: 'img-selection',
|
|
66
|
-
template: "<div\n class=\"trash\"\n [ngClass]=\"{'trash--visible': dragStart}\"\n [style.left]=\"trashPositionLeft\"\n cdkDropList\n #unSelectList=\"cdkDropList\"\n (cdkDropListDropped)=\"removeImgFromSelection($event)\">\n
|
|
71
|
+
template: "<div\n class=\"trash\"\n [ngClass]=\"{'trash--visible': dragStart, 'trash--bottom': imgSelectedList.length > 5}\"\n [style.left]=\"trashPositionLeft\"\n cdkDropList\n #unSelectList=\"cdkDropList\"\n (cdkDropListDropped)=\"removeImgFromSelection($event)\">\n <p>{{'ImgManager.ImgSelection.unselect' | translate}}</p>\n</div>\n\n<div\n class=\"img-selection\"\n [ngClass]=\"{'img-selection--visible' : imgSelectedList && imgSelectedList.length}\">\n\n <div\n cdkDropList\n #selectionList=\"cdkDropList\"\n cdkDropListOrientation=\"horizontal\"\n class=\"list_img_selection\"\n (cdkDropListDropped)=\"drop($event)\"\n [cdkDropListConnectedTo]=\"[unSelectList]\"\n >\n\n <div\n class=\"img_box\"\n *ngFor=\"let picture of imgSelectedList; let index = index\"\n cdkDrag\n (cdkDragStarted)=\"dragStart = true;\"\n (cdkDragEnded)=\"dragStart = false;\"\n >\n\n <img\n *ngIf=\"index < 1\"\n class=\"drag__img\"\n [src]=\"picture.file_name | imgSrc : '400'\"\n [title]=\"picture.display_name\"\n (mousedown)=\"setTrashPosition(index)\"\n />\n\n <img\n *ngIf=\"index > 0\"\n class=\"drag__img\"\n [src]=\"picture.file_name | imgSrc : '200'\"\n [title]=\"picture.display_name\"\n (mousedown)=\"setTrashPosition(index)\"\n />\n\n <span class=\"drag__tooltips\">{{'ImgManager.ImgSelection.tooltips' | translate}}</span>\n\n </div>\n </div>\n</div>\n\n<!-- Loader -->\n<ng-container *ngIf=\"isLoading && !(imgSelectedList && imgSelectedList.length)\">\n <wz-loader></wz-loader>\n</ng-container>\n"
|
|
67
72
|
}),
|
|
68
73
|
__metadata("design:paramtypes", [ImgSelectionService])
|
|
69
74
|
], ImgSelectionComponent);
|
|
70
75
|
return ImgSelectionComponent;
|
|
71
76
|
}());
|
|
72
77
|
export { ImgSelectionComponent };
|
|
73
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1nLXNlbGVjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ad2l6aXNob3AvaW1nLW1hbmFnZXIvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9pbWctc2VsZWN0aW9uL2ltZy1zZWxlY3Rpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBVTNFO0lBY0UsK0JBQ1UsbUJBQXdDO1FBQXhDLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFaeEMscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUVoRCxvQkFBZSxHQUFvQixFQUFFLENBQUM7UUFDdEMsZ0JBQVcsR0FBWSxLQUFLLENBQUM7UUFDN0Isa0JBQWEsR0FBWSxLQUFLLENBQUM7UUFDL0IsaUJBQVksR0FBWSxLQUFLLENBQUM7UUFDOUIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLHVCQUFrQixHQUFHLENBQUMsQ0FBQztRQUN2QixzQkFBaUIsR0FBRyxNQUFNLENBQUM7SUFJckIsQ0FBQztJQUVQLHdDQUFRLEdBQVI7UUFBQSxpQkFLQztRQUpDLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN0QixJQUFJLENBQUMsbUJBQW1CLENBQUMsNkJBQTZCLEVBQUUsQ0FBQyxTQUFTLENBQUMsVUFBQSxPQUFPO1lBQ3hFLEtBQUksQ0FBQyxTQUFTLEdBQUcsT0FBTyxDQUFDO1FBQzNCLENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQztJQUVELG9DQUFJLEdBQUo7UUFDRSxJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztRQUN6QixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztRQUMzQixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUM1QixDQUFDO0lBRUQsOENBQWMsR0FBZDtRQUNFLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3BFLENBQUM7SUFFRCx5Q0FBUyxHQUFULFVBQVUsS0FBYTtRQUNyQixJQUFJLENBQUMsbUJBQW1CLENBQUMsd0JBQXdCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDM0QsQ0FBQztJQUVELG9DQUFJLEdBQUosVUFBSyxLQUE0QjtRQUMvQixJQUFJLEtBQUssQ0FBQyxhQUFhLEtBQUssS0FBSyxDQUFDLFlBQVksRUFBRTtZQUM5QyxJQUFJLENBQUMsbUJBQW1CLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQzlDO0lBQ0gsQ0FBQztJQUVELGdEQUFnQixHQUFoQixVQUFpQixLQUFLO1FBQ3BCLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxLQUFLLENBQUM7UUFDaEMsSUFBSSxJQUFJLENBQUMsZUFBZSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDbkMsSUFBSSxJQUFJLENBQUMsa0JBQWtCLEtBQUssQ0FBQyxFQUFFO2dCQUNqQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsT0FBTyxDQUFDO2FBQ2xDO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxHQUFHLEdBQUcsQ0FBQyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsR0FBRyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUM7YUFDM0Q7U0FDRjthQUFNLElBQUksSUFBSSxDQUFDLGVBQWUsQ0FBQyxNQUFNLElBQUksQ0FBQyxFQUFFO1lBQzNDLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxLQUFLLENBQUM7U0FDaEM7SUFDSCxDQUFDO0lBRUQsc0RBQXNCLEdBQXRCLFVBQXVCLEtBQTRCO1FBQ2pELElBQUksQ0FBQyxtQkFBbUIsQ0FBQyx3QkFBd0IsQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDekUsQ0FBQzs7Z0JBN0M4QixtQkFBbUI7O0lBYnpDO1FBQVIsS0FBSyxFQUFFOzsrREFBNEI7SUFDMUI7UUFBVCxNQUFNLEVBQUU7O21FQUF1QztJQUhyQyxxQkFBcUI7UUFKakMsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLGVBQWU7WUFDekIsd3VEQUE2QztTQUM5QyxDQUFDO3lDQWdCK0IsbUJBQW1CO09BZnZDLHFCQUFxQixDQTZEakM7SUFBRCw0QkFBQztDQUFBLEFBN0RELElBNkRDO1NBN0RZLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEltZ1NlbGVjdGlvblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9pbWctc2VsZWN0aW9uLnNlcnZpY2UnO1xuaW1wb3J0IHsgSW1nUGljdHVyZURUTyB9IGZyb20gJy4uLy4uL2R0by9pbWctbWFuYWdlci5kdG8nO1xuaW1wb3J0IHtDZGtEcmFnRHJvcH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RyYWctZHJvcCc7XG5pbXBvcnQgeyB0YWJEaXNwbGF5ZWQgfSBmcm9tICcuLi8uLi9kdG8vZXhwb3J0LWR0b3MuYXBpJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpbWctc2VsZWN0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ltZy1zZWxlY3Rpb24uY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIEltZ1NlbGVjdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgdGFiRGlzcGxheWVkOiB0YWJEaXNwbGF5ZWQ7XG4gIEBPdXRwdXQoKSBpbWdNYW5hZ2VyQ2xvc2VkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGltZ1NlbGVjdGVkTGlzdDogSW1nUGljdHVyZURUT1tdID0gW107XG4gIHJlbW92aW5nQWxsOiBib29sZWFuID0gZmFsc2U7XG4gIGNhbmNlbGxpbmdBbGw6IGJvb2xlYW4gPSBmYWxzZTtcbiAgaW1wb3J0aW5nQWxsOiBib29sZWFuID0gZmFsc2U7XG4gIGRyYWdTdGFydCA9IGZhbHNlO1xuICBpc0xvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcbiAgdHJhc2hQb3NpdGlvbkluZGV4ID0gMDtcbiAgdHJhc2hQb3NpdGlvbkxlZnQgPSAnLTVweCc7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBpbWdTZWxlY3Rpb25TZXJ2aWNlOiBJbWdTZWxlY3Rpb25TZXJ2aWNlXG4gICAgKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmdldEltZ1NlbGVjdGVkKCk7XG4gICAgdGhpcy5pbWdTZWxlY3Rpb25TZXJ2aWNlLmdldEltZ0xpc3RMb2FkaW5nRXZlbnRMaXN0bmVyKCkuc3Vic2NyaWJlKGxvYWRpbmcgPT4ge1xuICAgICAgdGhpcy5pc0xvYWRpbmcgPSBsb2FkaW5nO1xuICAgIH0pXG4gIH1cblxuICBpbml0KCkge1xuICAgIHRoaXMucmVtb3ZpbmdBbGwgPSBmYWxzZTtcbiAgICB0aGlzLmNhbmNlbGxpbmdBbGwgPSBmYWxzZTtcbiAgICB0aGlzLmltcG9ydGluZ0FsbCA9IGZhbHNlO1xuICB9XG5cbiAgZ2V0SW1nU2VsZWN0ZWQoKSB7XG4gICAgdGhpcy5pbWdTZWxlY3RlZExpc3QgPSB0aGlzLmltZ1NlbGVjdGlvblNlcnZpY2UuZ2V0SW1nU2VsZWN0aW9uKCk7XG4gIH1cblxuICByZW1vdmVJbWcoaW5kZXg6IG51bWJlcikge1xuICAgIHRoaXMuaW1nU2VsZWN0aW9uU2VydmljZS5yZW1vdmVJbWdTZWxlY3RlZEJ5SW5kZXgoaW5kZXgpO1xuICB9XG5cbiAgZHJvcChldmVudDogQ2RrRHJhZ0Ryb3A8c3RyaW5nW10+KSB7XG4gICAgaWYgKGV2ZW50LnByZXZpb3VzSW5kZXggIT09IGV2ZW50LmN1cnJlbnRJbmRleCkge1xuICAgICAgdGhpcy5pbWdTZWxlY3Rpb25TZXJ2aWNlLm1vdmVJbWdPcmRlcihldmVudCk7XG4gICAgfVxuICB9XG5cbiAgc2V0VHJhc2hQb3NpdGlvbihpbmRleCkge1xuICAgIHRoaXMudHJhc2hQb3NpdGlvbkluZGV4ID0gaW5kZXg7XG4gICAgaWYgKHRoaXMuaW1nU2VsZWN0ZWRMaXN0Lmxlbmd0aCA8IDYpIHtcbiAgICAgIGlmICh0aGlzLnRyYXNoUG9zaXRpb25JbmRleCA9PT0gMCkge1xuICAgICAgICB0aGlzLnRyYXNoUG9zaXRpb25MZWZ0ID0gJzE0MHB4JztcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMudHJhc2hQb3NpdGlvbkxlZnQgPSAzNDAgKyAoKGluZGV4IC0gMSkgKiAxNzApICsgJ3B4JztcbiAgICAgIH1cbiAgICB9IGVsc2UgaWYgKHRoaXMuaW1nU2VsZWN0ZWRMaXN0Lmxlbmd0aCA+PSA2KSB7XG4gICAgICB0aGlzLnRyYXNoUG9zaXRpb25MZWZ0ID0gJzUwJSc7XG4gICAgfVxuICB9XG5cbiAgcmVtb3ZlSW1nRnJvbVNlbGVjdGlvbihldmVudDogQ2RrRHJhZ0Ryb3A8c3RyaW5nW10+KSB7XG4gICAgdGhpcy5pbWdTZWxlY3Rpb25TZXJ2aWNlLnJlbW92ZUltZ1NlbGVjdGVkQnlJbmRleChldmVudC5wcmV2aW91c0luZGV4KTtcbiAgfVxufVxuIl19
|
|
@@ -1921,11 +1921,16 @@ let ImgSelectionComponent = class ImgSelectionComponent {
|
|
|
1921
1921
|
}
|
|
1922
1922
|
setTrashPosition(index) {
|
|
1923
1923
|
this.trashPositionIndex = index;
|
|
1924
|
-
if (this.
|
|
1925
|
-
this.
|
|
1924
|
+
if (this.imgSelectedList.length < 6) {
|
|
1925
|
+
if (this.trashPositionIndex === 0) {
|
|
1926
|
+
this.trashPositionLeft = '140px';
|
|
1927
|
+
}
|
|
1928
|
+
else {
|
|
1929
|
+
this.trashPositionLeft = 340 + ((index - 1) * 170) + 'px';
|
|
1930
|
+
}
|
|
1926
1931
|
}
|
|
1927
|
-
else {
|
|
1928
|
-
this.trashPositionLeft =
|
|
1932
|
+
else if (this.imgSelectedList.length >= 6) {
|
|
1933
|
+
this.trashPositionLeft = '50%';
|
|
1929
1934
|
}
|
|
1930
1935
|
}
|
|
1931
1936
|
removeImgFromSelection(event) {
|
|
@@ -1946,7 +1951,7 @@ __decorate([
|
|
|
1946
1951
|
ImgSelectionComponent = __decorate([
|
|
1947
1952
|
Component({
|
|
1948
1953
|
selector: 'img-selection',
|
|
1949
|
-
template: "<div\n class=\"trash\"\n [ngClass]=\"{'trash--visible': dragStart}\"\n [style.left]=\"trashPositionLeft\"\n cdkDropList\n #unSelectList=\"cdkDropList\"\n (cdkDropListDropped)=\"removeImgFromSelection($event)\">\n
|
|
1954
|
+
template: "<div\n class=\"trash\"\n [ngClass]=\"{'trash--visible': dragStart, 'trash--bottom': imgSelectedList.length > 5}\"\n [style.left]=\"trashPositionLeft\"\n cdkDropList\n #unSelectList=\"cdkDropList\"\n (cdkDropListDropped)=\"removeImgFromSelection($event)\">\n <p>{{'ImgManager.ImgSelection.unselect' | translate}}</p>\n</div>\n\n<div\n class=\"img-selection\"\n [ngClass]=\"{'img-selection--visible' : imgSelectedList && imgSelectedList.length}\">\n\n <div\n cdkDropList\n #selectionList=\"cdkDropList\"\n cdkDropListOrientation=\"horizontal\"\n class=\"list_img_selection\"\n (cdkDropListDropped)=\"drop($event)\"\n [cdkDropListConnectedTo]=\"[unSelectList]\"\n >\n\n <div\n class=\"img_box\"\n *ngFor=\"let picture of imgSelectedList; let index = index\"\n cdkDrag\n (cdkDragStarted)=\"dragStart = true;\"\n (cdkDragEnded)=\"dragStart = false;\"\n >\n\n <img\n *ngIf=\"index < 1\"\n class=\"drag__img\"\n [src]=\"picture.file_name | imgSrc : '400'\"\n [title]=\"picture.display_name\"\n (mousedown)=\"setTrashPosition(index)\"\n />\n\n <img\n *ngIf=\"index > 0\"\n class=\"drag__img\"\n [src]=\"picture.file_name | imgSrc : '200'\"\n [title]=\"picture.display_name\"\n (mousedown)=\"setTrashPosition(index)\"\n />\n\n <span class=\"drag__tooltips\">{{'ImgManager.ImgSelection.tooltips' | translate}}</span>\n\n </div>\n </div>\n</div>\n\n<!-- Loader -->\n<ng-container *ngIf=\"isLoading && !(imgSelectedList && imgSelectedList.length)\">\n <wz-loader></wz-loader>\n</ng-container>\n"
|
|
1950
1955
|
}),
|
|
1951
1956
|
__metadata("design:paramtypes", [ImgSelectionService])
|
|
1952
1957
|
], ImgSelectionComponent);
|