*: Added autofocus on all forms' first input or select.
the build was successful

This commit is contained in:
2018-10-31 23:31:40 +01:00
parent 5be6b1ecec
commit 7a1884d1cf
15 changed files with 15 additions and 15 deletions
@@ -1,7 +1,7 @@
<div class="tag-options">
<div class="field">
<label>Tag Name</label>
<input key="name" placeholder="Name" on-change("change", "name") value=state.values.name />
<input key="name" autofocus placeholder="Name" on-change("change", "name") value=state.values.name />
</div>
<div class="field">
<label>Tag Kind</label>
@@ -4,7 +4,7 @@
<p class="color-error">${state.error}</p>
<label>Name</label>
<input key="name" placeholder="(Required)" class="big" on-change("change", "name") value=state.values.name />
<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 />
@@ -4,7 +4,7 @@
<p class="color-error">${state.error}</p>
<label>Full Name</label>
<input key="name" placeholder="" class="big" on-change("change", "name") value=state.values.name />
<input key="name" autofocus placeholder="" class="big" on-change("change", "name") value=state.values.name />
<label>IRC Nick</label>
<input key="nick" placeholder="" on-change("change", "nick") value=state.values.nick />
@@ -4,7 +4,7 @@
<p class="color-error">${state.error}</p>
<label>Event Name</label>
<input key="eventName" placeholder="(None)" on-change("change", "eventName") value=state.values.eventName />
<input key="eventName" autofocus 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 />
@@ -4,7 +4,7 @@
<p class="color-error">${state.error}</p>
<label>Full Name</label>
<input key="name" placeholder="" class="big" on-change("change", "name") value=state.values.name />
<input key="name" autofocus placeholder="" class="big" on-change("change", "name") value=state.values.name />
<label>Short Name</label>
<input key="shortName" placeholder="E.g. first/given name" on-change("change", "shortName") value=state.values.shortName />
@@ -4,7 +4,7 @@
<p key="error" class="color-error">${state.error}</p>
<label>Timestamp</label>
<input key="time" placeholder="Title" class="big" on-change("change", "time") value=state.values.time />
<input key="time" autofocus placeholder="Title" class="big" on-change("change", "time") value=state.values.time />
<label>Kind</label>
<select key="kind" class="big" placeholder="Kind" on-change("change", "kind") value=state.values.kind>
@@ -6,7 +6,7 @@ import moment from "moment"
<p key="error" class="color-error">${state.error}</p>
<label>Title</label>
<input key="title" placeholder=(input.log.channel.name + " – " + moment(input.log.date).format("MMMM D, YYYY")) class="big" on-change("change", "title") value=state.values.title />
<input key="title" autofocus placeholder=(input.log.channel.name + " – " + moment(input.log.date).format("MMMM D, YYYY")) class="big" on-change("change", "title") value=state.values.title />
<label>Event Name</label>
<input key="event" placeholder="(Optional)" on-change("change", "event") value=state.values.event />
@@ -4,7 +4,7 @@
<p key="error" class="color-error">${state.error}</p>
<label>Timestamp</label>
<input key="time" placeholder="Title" class="big" on-change("change", "time") value=state.values.time />
<input key="time" autofocus placeholder="Title" class="big" on-change("change", "time") value=state.values.time />
<label>Kind</label>
<select key="kind" class="big" placeholder="Kind" on-change("change", "kind") value=state.values.kind>
@@ -1,5 +1,5 @@
<label>Search</label>
<input key="search" placeholder="" class="big" value=state.search />
<input key="search" autofocus placeholder="" class="big" value=state.search />
<label>Filters</label>
<div if(state.search.length > 0) class="filter-row" >
@@ -6,7 +6,7 @@ import moment from "moment"
<p key="error" class="color-error">${state.error}</p>
<label>Title</label>
<input key="title" placeholder="(Optional)" class="big" on-change("change", "title") value=state.values.title />
<input key="title" autofocus placeholder="(Optional)" class="big" on-change("change", "title") value=state.values.title />
<label>Date</label>
<input key="date" placeholder="(Required)" on-change("change", "date") value=state.values.date />
@@ -4,7 +4,7 @@
<p key="error" class="color-error">${state.error}</p>
<label>Title</label>
<input key="title" placeholder="(Optional)" class="big" on-change("change", "title") value=state.values.title />
<input key="title" autofocus placeholder="(Optional)" class="big" on-change("change", "title") value=state.values.title />
<label>IC Date</label>
<input key="icdate" placeholder="(Optional)" on-change("change", "fictionalDate") value=state.values.fictionalDate />
@@ -4,7 +4,7 @@
<p key="error" class="color-error">${state.error}</p>
<label>Title</label>
<input key="title" placeholder="Title" class="big" on-change("change", "title") value=state.values.title />
<input key="title" autofocus placeholder="Title" class="big" on-change("change", "title") value=state.values.title />
<label>IC Date</label>
<input key="icdate" placeholder="IC Date" on-change("change", "fictionalDate") value=state.values.fictionalDate />
@@ -4,7 +4,7 @@
<p key="error" class="color-error">${state.error}</p>
<label>Title</label>
<input key="name" placeholder="Name" class="big" on-change("change", "name") value=state.values.name />
<input key="name" autofocus placeholder="Name" class="big" on-change("change", "name") value=state.values.name />
<label>IC Date</label>
<input key="icdate" placeholder="IC Date" on-change("change", "fictionalDate") value=state.values.fictionalDate />
@@ -6,7 +6,7 @@ $ const selected = (state.selected||{id:null});
<p key="error" class="color-error">${state.error}</p>
<label>Target story</label>
<select key="story" on-change("change", "selected") value=selected.id>
<select key="story" on-change("change", "selected") autofocus value=selected.id>
<option for(story in state.stories) value=story.id selected=(selected.id === story.id)>${story.name}</option>
</select>
@@ -4,7 +4,7 @@
<p key="error" class="color-error">${state.error}</p>
<label>Title</label>
<input key="name" placeholder="Name" class="big" on-change("change", "name") value=state.values.name />
<input key="name" autofocus placeholder="Name" class="big" on-change("change", "name") value=state.values.name />
<label>IC Date</label>
<input key="icdate" placeholder="IC Date" on-change("change", "fictionalDate") value=state.values.fictionalDate />