frontend/marko/page/data/components/add-channel-modal/index.marko

<modal class="modal color-text nolabel" key="modal" enabled=(input.enabled) closable on-close("close") on-open("open") >
  <h1>Add Channel</h1>

  <p class="color-error">${state.error}</p>
  
  <label>Name</label>
  <input key="name" autofocus placeholder="(Required)" class="big" on-change("change", "name") value=state.values.name />

  <label>Event Name</label>
  <input key="eventName" placeholder="(None)" on-change("change", "eventName") value=state.values.eventName />
  
  <label>Location Name</label>
  <input key="locationName" placeholder="(None)" on-change("change", "locationName") value=state.values.locationName />
  
  <label>Logged</label>
  <toggle value=state.values.logged on="On" off="Off"
          onDesc="Log new posts in this channel."
          offDesc="The logbot will not monitor this channel."
          on-change("change", "logged") />
          
  <button disabled=state.loading on-click("save")>Save</button>
</modal>