New packages org (#2639)

New packages org

lib/content-services/upload/components/upload-button.component.html

@@ -0,0 +1,76 @@
+<form class="adf-upload-button-file-container">
+    <!--Files Upload-->
+    <a *ngIf="!uploadFolders"
+        [disabled]="isButtonDisabled()"
+        mat-raised-button color="primary">
+        <mat-icon>file_upload</mat-icon>
+
+        <!--Multiple Files Upload-->
+        <span *ngIf="multipleFiles">
+            <label
+                id="upload-multiple-file-label"
+                *ngIf="!staticTitle"
+                for="upload-multiple-files">{{ 'FILE_UPLOAD.BUTTON.UPLOAD_FILE' | translate }}</label>
+            <label
+                id="upload-multiple-file-label-static"
+                *ngIf="staticTitle"
+                for="upload-multiple-files">{{ staticTitle }}</label>
+            <input #uploadFiles
+                id="upload-multiple-files"
+                data-automation-id="upload-multiple-files"
+                type="file"
+                name="uploadFiles"
+                multiple="multiple"
+                accept="{{acceptedFilesType}}"
+                [attr.disabled]="isButtonDisabled()"
+                [title]="tooltip"
+                (change)="onFilesAdded($event)">
+        </span>
+
+        <!--Single Files Upload-->
+        <span *ngIf="!multipleFiles">
+            <label
+                id="upload-single-file-label"
+                *ngIf="!staticTitle"
+                for="upload-single-file">{{ 'FILE_UPLOAD.BUTTON.UPLOAD_FILE' | translate }}</label>
+            <label
+                id="upload-single-file-label-static"
+                *ngIf="staticTitle"
+                for="upload-single-file">{{ staticTitle }}</label>
+            <input #uploadFiles
+                id="upload-single-file"
+                data-automation-id="upload-single-file"
+                type="file"
+                name="uploadFiles"
+                accept="{{acceptedFilesType}}"
+                [attr.disabled]="isButtonDisabled()"
+                [title]="tooltip"
+                (change)="onFilesAdded($event)">
+        </span>
+    </a>
+
+    <!--Folders Upload-->
+    <a *ngIf="uploadFolders"
+        [disabled]="isButtonDisabled()" mat-raised-button color="primary">
+        <mat-icon>file_upload</mat-icon>
+        <label
+            id="uploadFolder-label"
+            *ngIf="!staticTitle"
+            for="uploadFolder">{{ 'FILE_UPLOAD.BUTTON.UPLOAD_FOLDER' | translate }}</label>
+        <label
+            id="uploadFolder-label-static"
+            *ngIf="staticTitle"
+            for="uploadFolder">{{ staticTitle }}</label>
+        <input #uploadFolders
+            id="uploadFolder"
+            data-automation-id="uploadFolder"
+            type="file"
+            name="uploadFiles"
+            multiple="multiple"
+            accept="{{acceptedFilesType}}"
+            webkitdirectory directory
+            [attr.disabled]="isButtonDisabled()"
+            [title]="tooltip"
+            (change)="onDirectoryAdded($event)">
+    </a>
+</form>