#46 intergrate drag and drop in document-list

2025-07-31 17:38:48 +00:00 · 2016-05-06 01:12:40 +01:00
parent a92f706c7d
commit e5b54f40b8
42 changed files with 617 additions and 283 deletions
--- a/ng2-components/ng2-alfresco-upload/src/components/upload-drag-area.component.js
+++ b/ng2-components/ng2-alfresco-upload/src/components/upload-drag-area.component.js
@@ -0,0 +1,93 @@
+/**
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+System.register(['angular2/core', '../services/upload.service', './file-uploading-dialog.component', '../directives/file-draggable.directive'], function(exports_1, context_1) {
+    "use strict";
+    var __moduleName = context_1 && context_1.id;
+    var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    };
+    var __metadata = (this && this.__metadata) || function (k, v) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+    };
+    var core_1, upload_service_1, file_uploading_dialog_component_1, file_draggable_directive_1;
+    var UploadDragAreaComponent;
+    return {
+        setters:[
+            function (core_1_1) {
+                core_1 = core_1_1;
+            },
+            function (upload_service_1_1) {
+                upload_service_1 = upload_service_1_1;
+            },
+            function (file_uploading_dialog_component_1_1) {
+                file_uploading_dialog_component_1 = file_uploading_dialog_component_1_1;
+            },
+            function (file_draggable_directive_1_1) {
+                file_draggable_directive_1 = file_draggable_directive_1_1;
+            }],
+        execute: function() {
+            UploadDragAreaComponent = (function () {
+                function UploadDragAreaComponent(el) {
+                    this.el = el;
+                    this.filesUploadingList = [];
+                    console.log('UploadComponent constructor', el);
+                    this._uploaderService = new upload_service_1.UploadService({
+                        url: 'http://192.168.99.100:8080/alfresco/service/api/upload',
+                        withCredentials: true,
+                        authToken: btoa('admin:admin'),
+                        authTokenPrefix: 'Basic',
+                        fieldName: 'filedata',
+                        formFields: {
+                            siteid: 'swsdp',
+                            containerid: 'documentLibrary'
+                        }
+                    });
+                }
+                UploadDragAreaComponent.prototype.onFilesDragged = function (files) {
+                    if (files.length) {
+                        this._uploaderService.addToQueue(files);
+                        this.filesUploadingList = this._uploaderService.getQueue();
+                        this.showDialog();
+                    }
+                };
+                UploadDragAreaComponent.prototype.showDialog = function () {
+                    this.fileUploadingDialogComponent.showDialog();
+                };
+                __decorate([
+                    core_1.ViewChild('fileUploadingDialog'),
+                    __metadata('design:type', file_uploading_dialog_component_1.FileUploadingDialogComponent)
+                ], UploadDragAreaComponent.prototype, "fileUploadingDialogComponent", void 0);
+                UploadDragAreaComponent = __decorate([
+                    core_1.Component({
+                        selector: 'alfresco-upload-drag-area',
+                        moduleId: __moduleName,
+                        directives: [file_draggable_directive_1.FileDraggableDirective, file_uploading_dialog_component_1.FileUploadingDialogComponent],
+                        templateUrl: './upload-drag-area.component.html',
+                        styleUrls: ['./upload-drag-area.component.css']
+                    }),
+                    __metadata('design:paramtypes', [core_1.ElementRef])
+                ], UploadDragAreaComponent);
+                return UploadDragAreaComponent;
+            }());
+            exports_1("UploadDragAreaComponent", UploadDragAreaComponent);
+        }
+    }
+});
+//# sourceMappingURL=upload-drag-area.component.js.map