From 7a1884d1cf89375ab27d229fa5b27cb83f28023d Mon Sep 17 00:00:00 2001
From: Gisle Aune <dev@gisle.me>
Date: Wed, 31 Oct 2018 23:31:40 +0100
Subject: [PATCH] *: Added autofocus on all forms' first input or select.

---
 marko/components/story-tag-options/index.marko                  | 2 +-
 marko/page/data/components/add-channel-modal/index.marko        | 2 +-
 marko/page/data/components/add-character-modal/index.marko      | 2 +-
 marko/page/data/components/edit-channel-modal/index.marko       | 2 +-
 marko/page/data/components/edit-character-modal/index.marko     | 2 +-
 marko/page/logs-content/components/add-post-modal/index.marko   | 2 +-
 marko/page/logs-content/components/edit-log-modal/index.marko   | 2 +-
 marko/page/logs-content/components/edit-post-modal/index.marko  | 2 +-
 marko/page/logs/components/add-filter-modal-body/index.marko    | 2 +-
 marko/page/logs/components/add-log-modal/index.marko            | 2 +-
 .../story-content/components/create-chapter-modal/index.marko   | 2 +-
 .../story-content/components/edit-chapter-modal/index.marko     | 2 +-
 .../page/story-content/components/edit-story-modal/index.marko  | 2 +-
 .../story-content/components/move-chapter-modal/index.marko     | 2 +-
 marko/page/story/components/add-story-modal/index.marko         | 2 +-
 15 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/marko/components/story-tag-options/index.marko b/marko/components/story-tag-options/index.marko
index cda171f..c60a1e7 100644
--- a/marko/components/story-tag-options/index.marko
+++ b/marko/components/story-tag-options/index.marko
@@ -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>
diff --git a/marko/page/data/components/add-channel-modal/index.marko b/marko/page/data/components/add-channel-modal/index.marko
index 43a2bb0..82b796b 100644
--- a/marko/page/data/components/add-channel-modal/index.marko
+++ b/marko/page/data/components/add-channel-modal/index.marko
@@ -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 />
diff --git a/marko/page/data/components/add-character-modal/index.marko b/marko/page/data/components/add-character-modal/index.marko
index 8d9a83a..c1808c5 100644
--- a/marko/page/data/components/add-character-modal/index.marko
+++ b/marko/page/data/components/add-character-modal/index.marko
@@ -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 />
diff --git a/marko/page/data/components/edit-channel-modal/index.marko b/marko/page/data/components/edit-channel-modal/index.marko
index 0eb6066..0cd64dc 100644
--- a/marko/page/data/components/edit-channel-modal/index.marko
+++ b/marko/page/data/components/edit-channel-modal/index.marko
@@ -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 />
diff --git a/marko/page/data/components/edit-character-modal/index.marko b/marko/page/data/components/edit-character-modal/index.marko
index 4911b8a..211ddf6 100644
--- a/marko/page/data/components/edit-character-modal/index.marko
+++ b/marko/page/data/components/edit-character-modal/index.marko
@@ -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 />
diff --git a/marko/page/logs-content/components/add-post-modal/index.marko b/marko/page/logs-content/components/add-post-modal/index.marko
index ccbbead..ce8320c 100644
--- a/marko/page/logs-content/components/add-post-modal/index.marko
+++ b/marko/page/logs-content/components/add-post-modal/index.marko
@@ -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>
diff --git a/marko/page/logs-content/components/edit-log-modal/index.marko b/marko/page/logs-content/components/edit-log-modal/index.marko
index e61fff1..d78b9ad 100644
--- a/marko/page/logs-content/components/edit-log-modal/index.marko
+++ b/marko/page/logs-content/components/edit-log-modal/index.marko
@@ -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 />
diff --git a/marko/page/logs-content/components/edit-post-modal/index.marko b/marko/page/logs-content/components/edit-post-modal/index.marko
index 589e438..63b3e81 100644
--- a/marko/page/logs-content/components/edit-post-modal/index.marko
+++ b/marko/page/logs-content/components/edit-post-modal/index.marko
@@ -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>
diff --git a/marko/page/logs/components/add-filter-modal-body/index.marko b/marko/page/logs/components/add-filter-modal-body/index.marko
index 85d619f..111dbed 100644
--- a/marko/page/logs/components/add-filter-modal-body/index.marko
+++ b/marko/page/logs/components/add-filter-modal-body/index.marko
@@ -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" >
diff --git a/marko/page/logs/components/add-log-modal/index.marko b/marko/page/logs/components/add-log-modal/index.marko
index 04d0e9e..ba2cdb0 100644
--- a/marko/page/logs/components/add-log-modal/index.marko
+++ b/marko/page/logs/components/add-log-modal/index.marko
@@ -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 />
diff --git a/marko/page/story-content/components/create-chapter-modal/index.marko b/marko/page/story-content/components/create-chapter-modal/index.marko
index d816c12..212d402 100644
--- a/marko/page/story-content/components/create-chapter-modal/index.marko
+++ b/marko/page/story-content/components/create-chapter-modal/index.marko
@@ -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 />
diff --git a/marko/page/story-content/components/edit-chapter-modal/index.marko b/marko/page/story-content/components/edit-chapter-modal/index.marko
index 94c286e..24e7575 100644
--- a/marko/page/story-content/components/edit-chapter-modal/index.marko
+++ b/marko/page/story-content/components/edit-chapter-modal/index.marko
@@ -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 />
diff --git a/marko/page/story-content/components/edit-story-modal/index.marko b/marko/page/story-content/components/edit-story-modal/index.marko
index d2def41..671d304 100644
--- a/marko/page/story-content/components/edit-story-modal/index.marko
+++ b/marko/page/story-content/components/edit-story-modal/index.marko
@@ -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 />
diff --git a/marko/page/story-content/components/move-chapter-modal/index.marko b/marko/page/story-content/components/move-chapter-modal/index.marko
index 44f4500..30d50c1 100644
--- a/marko/page/story-content/components/move-chapter-modal/index.marko
+++ b/marko/page/story-content/components/move-chapter-modal/index.marko
@@ -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>
 
diff --git a/marko/page/story/components/add-story-modal/index.marko b/marko/page/story/components/add-story-modal/index.marko
index c3a22d8..56da765 100644
--- a/marko/page/story/components/add-story-modal/index.marko
+++ b/marko/page/story/components/add-story-modal/index.marko
@@ -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 />