Disabled index frequency when fast indexing is enabled (#135)

lib/pinchflat_web/components/core_components.ex

@@ -348,7 +348,8 @@ defmodule PinchflatWeb.CoreComponents do
           name={@name}
           class={[
             "relative z-20 w-full appearance-none rounded border border-stroke bg-transparent py-3 pl-5 pr-12 outline-none transition",
-            "focus:border-primary active:border-primary dark:border-form-strokedark dark:bg-form-input text-black dark:text-white",
+            "focus:border-primary active:border-primary border-form-strokedark bg-form-input text-black text-white",
+            "disabled:text-opacity-50 disabled:cursor-not-allowed disabled:border-black",
             @inputclass
           ]}
           multiple={@multiple}

lib/pinchflat_web/controllers/sources/source_html/source_form.html.heex

@@ -39,24 +39,32 @@
     Indexing Options
   </h3>
 
+  <section x-data="{ fastIndexingEnabled: null }">
     <.input
       field={f[:index_frequency_minutes]}
       options={friendly_index_frequencies()}
       type="select"
       label="Index Frequency"
+      x-bind:disabled="fastIndexingEnabled == true"
+      x-init="$watch('fastIndexingEnabled', v => v && ($el.value = 30 * 24 * 60))"
       help="Indexing is the process of checking for media to download. Sets the time between one index of this source finishing and the next one starting"
     />
 
-  <%!-- TODO: use Alpine to disable the index frequency when fast indexing is enabled --%>
     <div phx-click={show_modal("upgrade-modal")}>
       <.input
         field={f[:fast_index]}
         type="toggle"
         label="Use Fast Indexing"
         label_suffix="(pro)"
-      help="Experimental. Ignores 'Index Frequency'. Recommended for large channels that upload frequently. See below for more info"
+        help="Experimental. Overrides 'Index Frequency'. Recommended for large channels that upload frequently. See below for more info"
+        x-init="
+          // `enabled` is the data attribute that the toggle uses internally
+          fastIndexingEnabled = enabled
+          $watch('enabled', value => fastIndexingEnabled = !!value)
+        "
       />
     </div>
+  </section>
 
   <h3 class="mt-8 text-2xl text-black dark:text-white">
     Downloading Options