Add support for global prep commands (#977)

src_assets/common/assets/web/apps.html

@@ -57,9 +57,18 @@
       </div>
       <!--prep-cmd-->
       <div class="mb-3 d-flex flex-column">
+        <div class="mb-3">
+          <label for="excludeGlobalPrep" class="form-label">Global Prep Commands</label>
+          <select id="excludeGlobalPrep" class="form-select" v-model="editForm['exclude-global-prep-cmd']">
+            <option v-for="val in [false, true]" :value="val">{{ !val ? 'Enabled' : 'Disabled' }}</option>
+          </select>
+          <div class="form-text">
+            Enable/Disable the execution of Global Prep Commands for this application.
+          </div>
+        </div>
         <label for="appName" class="form-label">Command Preparations</label>
         <div class="form-text">
-          A list of commands to be run before/after the application. <br />
+          A list of commands to be run before/after this application. <br />
           If any of the prep-commands fail, starting the application is aborted
         </div>
         <table v-if="editForm['prep-cmd'].length > 0">
@@ -183,7 +192,7 @@
             Find Cover
           </button>
           <div class="dropdown-menu dropdown-menu-end w-50 cover-finder overflow-hidden"
-               aria-labelledby="findCoverToggle">
+              aria-labelledby="findCoverToggle">
             <div class="modal-header">
               <h4 class="modal-title">Covers Found</h4>
               <button type="button" class="btn-close" aria-label="Close" @click="closeCoverFinder"></button>
@@ -198,7 +207,7 @@
                   </div>
                 </div>
                 <div v-for="(cover,i) in coverCandidates" :key="i" class="col-12 col-sm-6 col-lg-4 mb-3"
-                     @click="useCover(cover)">
+                    @click="useCover(cover)">
                   <div class="cover-container result">
                     <img class="rounded" :src="cover.url"/>
                   </div>
@@ -246,7 +255,7 @@
         detachedCmd: "",
         coverSearching: false,
         coverFinderBusy: false,
-        coverCandidates: [],
+        coverCandidates: []
       };
     },
     created() {
@@ -438,4 +447,10 @@
     object-fit: cover;
   }
 
+  .config-page {
+    padding: 1em;
+    border: 1px solid #dee2e6;
+    border-top: none;
+  }
+
 </style>