@radioactive-labs/plutonium 0.1.11 → 0.1.13

package/src/js/controllers/easymde_controller.js

@@ -5,10 +5,16 @@ export default class extends Controller {
   connect() {
     console.log(`easymde connected: ${this.element}`)
     self.easyMDE = new EasyMDE({ element: this.element })
+    this.element.setAttribute("data-action", "turbo:morph-element->easymde#reconnect")
   }
 
   disconnect() {
     self.easyMDE.toTextArea()
     self.easyMDE = null
   }
+
+  reconnect() {
+    this.disconnect()
+    this.connect()
+  }
 }

package/src/js/controllers/flatpickr_controller.js

@@ -0,0 +1,34 @@
+import { Controller } from "@hotwired/stimulus"
+
+// Connects to data-controller="flatpickr"
+export default class extends Controller {
+  connect() {
+    console.log(`flatpickr connected: ${this.element}`)
+    self.picker = new flatpickr(this.element, this.#buildOptions())
+    this.element.setAttribute("data-action", "turbo:morph-element->flatpickr#reconnect")
+  }
+
+  disconnect() {
+    self.picker.destroy()
+    self.picker = null
+  }
+
+  reconnect() {
+    this.disconnect()
+    this.connect()
+  }
+
+  #buildOptions() {
+    let options = { altInput: true }
+    if (this.element.attributes.type.value == "datetime-local") {
+      options.enableTime = true
+    }
+    else if (this.element.attributes.type.value == "time") {
+      options.enableTime = true
+      options.noCalendar = true
+      // options.time_24hr = true
+      // options.altFormat = "H:i"
+    }
+    return options
+  }
+}

package/src/js/controllers/register_controllers.js

@@ -23,6 +23,7 @@ import FrameNavigatorController from "./frame_navigator_controller.js"
 import ColorModeController from "./color_mode_controller.js"
 import EasyMDEController from "./easymde_controller.js"
 import SlimSelectController from "./slim_select_controller.js"
+import FlatpickrController from "./flatpickr_controller.js"
 
 export default function (application) {
   // Register controllers here
@@ -50,4 +51,5 @@ export default function (application) {
   application.register("color-mode", ColorModeController)
   application.register("easymde", EasyMDEController)
   application.register("slim-select", SlimSelectController)
+  application.register("flatpickr", FlatpickrController)
 }

package/src/js/controllers/slim_select_controller.js

@@ -7,10 +7,16 @@ export default class extends Controller {
     self.slimSelect = new SlimSelect({
       select: this.element
     })
+    this.element.setAttribute("data-action", "turbo:morph-element->slim-select#reconnect")
   }
 
   disconnect() {
     self.slimSelect.destroy()
     self.slimSelect = null
   }
+
+  reconnect() {
+    this.disconnect()
+    this.connect()
+  }
 }