working commit for hook mode

donghyun-daniel · Nov 21, 2020 · 1a79e87 · 1a79e87
1 parent 136fcd1
commit 1a79e87
Showing 1 changed file with 38 additions and 28 deletions.
diff --git a/welcome.html b/welcome.html
@@ -3,6 +3,8 @@
 
 <head>
   <link rel="stylesheet" href="css/welcome.css">
+  <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+
   <link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
   <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js"></script>
 
@@ -17,44 +19,52 @@
                 <br>
                 <p class="caption">Automatically sync your code from LeetCode to GitHub</p>
                 <br><br><br><br><br>
+                <p hidden id="error"></p>
+                <p hidden id="success"></p>
             </div>
 
             <!-- Create Hook -->
-            <div class="six wide column">
-                <p class="caption ui large header center aligned">
-                    To get started with LeetHub
-                </p>
-            </div>
-
-            <div class="six wide left aligned column">
-                <div class="ui form">
-                    <div class="field">
-                      <select id="type">
-                        <option value="">Pick an Option</option>
-                        <option value="0">Link a new Repository</option>
-                        <option value="1">Link an Existing Repository</option>
-                      </select>
-                    </div>
-                  </div>
-            </div>
-            <div class="four wide column">
-                <div class="ui form">
-                    <div class="field">
-                      <input autocomplete="off" id="name" placeholder="Repository Name" type="text">
-                    </div>
-                  </div>
+            <div style="display: none;" id="hook_mode" class="ui grid container">
+
+                <div class="six wide column">
+                    <p class="caption ui large header center aligned">
+                        To get started with LeetHub
+                    </p>
+                </div>
+                <div class="six wide left aligned column">
+                    <div class="ui form">
+                        <div class="field">
+                          <select id="type">
+                            <option value="">Pick an Option</option>
+                            <option value="new">Create a new Private Repository</option>
+                            <option value="link">Link an Existing Repository</option>
+                          </select>
+                        </div>
+                      </div>
+                </div>
+                <div class="four wide column">
+                    <div class="ui form">
+                        <div class="field">
+                          <input autocomplete="off" id="name" placeholder="Repository Name" type="text">
+                        </div>
+                      </div>
+
+                </div>
+
+                <div class="sixteen wide right aligned column">
+                    <br>
+                    <button id="hook_button" class="positive ui button">Get Started</button>
+                </div>
 
             </div>
 
-            <div class="sixteen wide right aligned column">
-                <br>
-                <button class="positive ui disabled button">Get Started</button>
-
+            <!-- Show stats -->
+            <div style="display: none;" id="commit_mode">
+                <p>You're in commit mode!</p>
             </div>
 
         </div>
 
-        <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
         <script type="text/javascript" src="scripts/welcome.js"></script>
 
     </body>