From cb50aed89aba1c32c5453a2ecad6fe84c5707b7c Mon Sep 17 00:00:00 2001
From: David Adi Nugroho <davidadi216@gmail.com>
Date: Wed, 22 Dec 2021 07:54:49 +0700
Subject: [PATCH] add placeholder and autofocus to new feed url

---
 src/assets/index.html         | 2 +-
 src/assets/javascripts/app.js | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/assets/index.html b/src/assets/index.html
index cec2f81..2124973 100644
--- a/src/assets/index.html
+++ b/src/assets/index.html
@@ -354,7 +354,7 @@
                 <p class="cursor-default"><b>New Feed</b></p>
                 <form action="" @submit.prevent="createFeed(event)" class="mt-4">
                     <label for="feed-url">URL</label>
-                    <input id="feed-url" name="url" type="url" class="form-control" required autocomplete="off" :readonly="feedNewChoice.length > 0">
+                    <input id="feed-url" name="url" type="url" class="form-control" required autocomplete="off" :readonly="feedNewChoice.length > 0" placeholder="https://example.com/feed" v-focus>
                     <label for="feed-folder" class="mt-3 d-block">
                         Folder
                         <a href="#" class="float-right text-decoration-none" @click.prevent="createNewFeedFolder()">new folder</a>
diff --git a/src/assets/javascripts/app.js b/src/assets/javascripts/app.js
index 5150aa8..e74c929 100644
--- a/src/assets/javascripts/app.js
+++ b/src/assets/javascripts/app.js
@@ -21,6 +21,12 @@ Vue.directive('scroll', {
   },
 })
 
+Vue.directive('focus', {
+  inserted: function(el) {
+    el.focus()
+  }
+})
+
 Vue.component('drag', {
   props: ['width'],
   template: '<div class="drag"></div>',