Css Zero Showcase

Pages

No matching results.

x
1
<a target="_blank" class="font-medium underline" href="https://csszero.lazaronixon.com/citizens/new">Click here to go to the example</a>
1
<%= link_to "Click here to go to the example", main_app.new_citizen_url, target: "_blank", class: "font-medium underline" %>
CSS is not required or multiple files are needed, check the notes.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
import { Controller } from "@hotwired/stimulus"
import debounce from "https://esm.sh/just-debounce-it@3.2.0?standalone"
export default class extends Controller {
  static targets = [ "cancel" ]
  initialize() {
    this.submitLater = debounce(this.submit.bind(this), 500)
  }
  submit({ params: { submitter } }) {
    if (submitter) {
      this.element.requestSubmit(this.#find(submitter))
    } else {
      this.element.requestSubmit()
    }
  }
  cancel() {
    this.cancelTarget?.click()
  }
  preventAttachment(event) {
    event.preventDefault()
  }
  #find(id) {
    return document.getElementById(id) || this.#notFound(id)
  }
  #notFound(id) {
    throw new Error(`Submitter with ID "${id}" not found`)
  }
}