[ModConfig] Add GUI configuration support for multi-fragment downloads

README.md

@@ -189,6 +189,9 @@ That's it. Now you're ready to go.
 
 # Future improvements planned
 
+- [x] Migrate to Vite (dev)
+- [x] Support for concurrent multi-fragment download
+- [ ] Ability to restart failed downloads
 - [ ] Support for more architectures, including ARM-based systems
 - [ ] Mobile-responsive Web UI
 - [ ] Make completed files downloadable right from the UFC Ripper Web UI (hosted)

src/assets/styles/overrides.scss

@@ -29,3 +29,7 @@ body {
     margin-left: 10px;
   }
 }
+
+.field > input:disabled + label:not(.active) {
+  opacity: .5;
+}

src/components/ModConfig.vue

@@ -123,6 +123,31 @@
                 v-model.number="modConfig.data.curNumber"
                 type="number"
                 min="1"
+                :disabled="!modConfig.data.numberFiles"
+            >
+          </div>
+        </div>
+        <nav class="v-switch">
+          <div class="max">
+            <h6>Multi-fragment download</h6>
+            <div>Concurrently download the given number of fragments (improves download speed)</div>
+          </div>
+          <label class="switch">
+            <input
+                v-model="modConfig.data.multiFrag"
+                type="checkbox"
+            >
+            <span></span>
+          </label>
+        </nav>
+        <div class="short-text">
+          <span>Number of fragments:</span>
+          <div class="field border round small no-margin">
+            <input
+                v-model.number="modConfig.data.concurFrags"
+                type="number"
+                min="1"
+                :disabled="!modConfig.data.multiFrag"
             >
           </div>
         </div>
@@ -145,6 +170,7 @@
             <input
                 v-model="modConfig.data.dlRate"
                 type="text"
+                :disabled="!modConfig.data.throttle"
             >
           </div>
         </div>