Make it easier to create a script

gkoberger · Sep 27, 2020 · bc3b949 · bc3b949
1 parent b18f095
commit bc3b949
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 4 deletions.
diff --git a/public/javascripts/script.js b/public/javascripts/script.js
@@ -9,6 +9,10 @@ $.page('index', function () {
     $('body').addClass('is-tele');
   }
 
+  $('#paper').keyup(function() {
+    $('#update').attr('disabled', !$(this).val().match(/paper/));
+  }).trigger('keyup');
+
   $('.switch').click(function () {
     state.setItem('tele', !$('body').hasClass('is-tele'));
 

diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
diff --git a/public/stylesheets/style.styl b/public/stylesheets/style.styl
@@ -41,6 +41,10 @@ nav
       background #eee
       &:hover
         background darken(@background, 10%)
+    &[disabled]
+      background #999
+      &:hover
+        background #999
 .ipad
   display none
 

diff --git a/views/index.pug b/views/index.pug
@@ -4,13 +4,16 @@ block content
   nav
     a.switch.btn(href="#") #[i.fas.fa-random] Teleprompter View #[span s]
     form(method="POST" action="/" style="float:right;")
-      input(type="text" name="url" value=tele.url placeholder="Enter a Dropbox Paper URL")
+      input#paper(type="text" name="url" value=tele.url placeholder="Enter a Dropbox Paper URL")
       | &nbsp;
       | &nbsp;
-      button.btn(type="submit") Update
+      button#update.btn(type="submit") Update
       | &nbsp;
       | &nbsp;
-      a.btn.lite(href=tele.url target="_blank") Edit
+      if tele.url
+        a.btn.lite(href=tele.url target="_blank") Edit
+      else
+        a.btn.lite(href="https://paper.new" target="_blank") Create a Script
   a.ipad.switch(href="#")
     i.fas.fa-random