add modal for adding new file

src/components/FileManager.vue

@@ -39,11 +39,35 @@
         </b-row>
       </div>
       <div v-else>
+        <b-modal id="modal-add-file" title="Add new file" @ok="addFile">
+          <div v-if="addNewFileURI">
+            <b-row>
+              <b-col md="2">
+                <b>Link:</b>
+              </b-col>
+              <b-col>
+                <b-form-input type="url" v-model="uploadSourceURI" placeholder="Insert a HTTP(S) link here"></b-form-input>
+              </b-col>
+            </b-row>
+          </div>
+          <div v-else>
+            <b-form-file v-model="uploadSourceFile" accept="audio/*" placeholder="Choose a file..." drop-placeholder="Drop file here..."></b-form-file>
+          </div>
+          <hr>
+          <div align="center">
+            <b-form-checkbox v-model="addNewFileURI" value="true" unchecked_value="false">
+              Download from remote source instead of uploading a file
+            </b-form-checkbox>
+          </div>
+        </b-modal>
         <div v-if="files.length === 0" align="center">
           <b-alert show variant="warning">There are no files for this show yet.</b-alert>
-          <b-button variant="success" @click="notYetImplemented">Upload a file</b-button>
+          <b-button variant="success"  v-b-modal.modal-add-file>Upload or add a file</b-button>
         </div>
         <div v-else>
+          <div align="center" style="padding-bottom: 1.5em;">
+            <b-button variant="success" v-b-modal.modal-add-file>Upload or add a file</b-button>
+          </div>
           <b-table striped :items="filesTable" />
         </div>
       </div>
@@ -84,6 +108,9 @@ export default {
       files: [],
       playlists: [],
       mode: 'files',
+      addNewFileURI: false,
+      uploadSourceURI: '',
+      uploadSourceFile: null,
       loaded: {
         shows: false,
         files: false,
@@ -130,6 +157,9 @@ export default {
     notYetImplemented: function () {
       alert('By the mighty witchcraftry of the mother of time!\n\nThis feature is not implemented yet.')
     },
+    addFile: function () {
+      this.notYetImplemented()
+    },
     switchShow: function (index) {
       // set the current show and its ID to whatever we want to switch to now
       this.currentShow = index