| /file.html |
|---|
| @@ -1,5 +1,5 @@ |
|---|
| <!DOCTYPE html> |
| <html lang="en"> |
| <html lang="en" ng-app="scratch"> |
| <head> |
| <meta charset="utf-8"> |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| @@ -15,9 +15,10 @@ |
|---|
| <link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> |
| <!-- Font Awesome --> |
| <link href="bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet"> |
| |
| <!-- DropZone --> |
| <link href="bower_components/dropzone/dist/min/dropzone.min.css" rel="stylesheet"> |
| <!-- TagsInput --> |
| <link href="bower_components/bootstrap-tagsinput/dist/bootstrap-tagsinput.css" rel="stylesheet"> |
| |
| <!-- Site-wide style CCS --> |
| <link href="css/style.css" rel="stylesheet"> |
| @@ -24,9 +25,15 @@ |
|---|
| |
| <!-- Local style --> |
| <link href="css/files/style.css" rel="stylesheet"> |
| |
| <!-- Scratch Angular Includes --> |
| <ng-include src="'html/scratch-head-last.html'"></ng-include> |
| </head> |
| |
| <body> |
| |
| <!-- Scratch Angular Includes --> |
| <ng-include src="'html/scratch-body-first.html'"></ng-include> |
| |
| <!-- Main component for a primary marketing message or call to action --> |
| <div class="paralax-background"></div> |
| @@ -101,6 +108,9 @@ |
|---|
| <button id="btn-clipboard-delete" class="btn btn-default" type="button"><i class="glyphicon glyphicon-paperclip"></i></button> |
| </span> |
| </div> |
| <div class="input-group"> |
| <select id="tags" multiple class="form-control bootstrap-tagsinput"></select> |
| </div> |
| <strong class="error text-danger" data-dz-errormessage></strong> |
| </div> |
| <div> |
| @@ -145,6 +155,8 @@ |
|---|
| |
| <!-- jQuery --> |
| <script src="bower_components/jquery/dist/jquery.min.js"></script> |
| <!-- Angular JS --> |
| <script src="bower_components/angular/angular.min.js"></script> |
| <!-- BootStrap --> |
| <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script> |
| <!-- DropZone --> |
| @@ -151,7 +163,13 @@ |
|---|
| <script src="bower_components/dropzone/dist/min/dropzone.min.js"></script> |
| <!-- Clipboard --> |
| <script src="bower_components/clipboard/dist/clipboard.min.js"></script> |
| <!-- TagsInput --> |
| <script src="bower_components/bootstrap-tagsinput/dist/bootstrap-tagsinput.min.js"></script> |
| <!-- Angular Initialization. --> |
| <script> |
| var app = angular.module('scratch', []); |
| </script> |
| <script> |
| $(document).ready(() => { |
| $.get('session.php').then((token) => { |
| // Get the template HTML and remove it from the doument |
| @@ -187,6 +205,21 @@ |
|---|
| file.previewElement.querySelector(".start").onclick = () => { |
| myDropzone.enqueueFile(file); |
| }; |
| |
| // Set the ID of the tags input. |
| const tagsBoxID = '_' + Math |
| .random() |
| .toString(36) |
| .substr(2, 9); |
| |
| file |
| .previewElement |
| .querySelector("#tags") |
| .setAttribute('id', tagsBoxID); |
| |
| $('#' + tagsBoxID).tagsinput('refresh'); |
| //$('input').tagsInput('refresh'); |
| |
| }).on('totaluploadprogress', (progress) => { |
| document |
| .querySelector('#total-progress .progress-bar') |
