Add basic footer

[perso/Immae/Projets/Nodejs/Surfer.git] / app / index.html

diff --git a/app/index.html b/app/index.html
index 99ae5254b5cdcd3750abcbb49b6dd76559264cfa..071803a06cd4f17a723ee60718aff6e902392031 100644 (file)
--- a/app/index.html
+++ b/app/index.html
@@ -60,8 +60,9 @@
                 </div>
                 <div class="modal-body">
                     <form v-on:submit.prevent="createDirectory(createDirectoryData)">
-                        <div class="form-group">
-                            <input type="text" class="form-control" v-model="createDirectoryData" placeholder="Name">
+                        <div class="form-group" v-bind:class="{ 'has-error': createDirectoryError }">
+                            <input type="text" class="form-control" v-model="createDirectoryData" id="inputDirectoryName" placeholder="Name" autofocus="true">
+                            <label class="control-label" for="inputDirectoryName">{{ createDirectoryError }}</label>
                         </div>
                         <button type="submit" style="display: none;"></button>
                     </form>
@@ -102,7 +103,7 @@
         </div>
     </div>
 
-    <div class="container" v-show="session.valid && !busy" v-cloak>
+    <div class="container main" v-show="session.valid && !busy" v-cloak>
         <div class="row">
             <div class="col-lg-12">
                 <center>
@@ -119,6 +120,9 @@
                     </li>
                 </ol>
             </div>
+            <div class="col-lg-12" style="text-align: right;">
+                <button class="btn btn-default btn-sm" v-on:click="createDirectoryAsk()">Create Directory</button>
+            </div>
             <div class="col-lg-12">
                 <table class="table table-hover table-condensed">
                     <thead>
@@ -150,12 +154,14 @@
                     </tbody>
                 </table>
             </div>
-            <div class="col-lg-12" style="text-align: right;">
-                <button class="btn btn-default btn-sm" v-on:click="createDirectoryAsk()">Create Directory</button>
-            </div>
         </div>
     </div>
 
+    <!-- Footer -->
+    <footer class="text-center">
+        <span class="text-muted">Created by the <a href="https://cloudron.io" target="_blank">Cloudron</a> team <a href="https://github.com/nebulade/surfer" target="_blank">hosted on Github</a></span>
+    </footer>
+
     <script src="/_admin/js/jquery-1.12.1.min.js"></script>
     <script src="/_admin/js/bootstrap.min.js"></script>
     <script src="/_admin/js/vue.min.js"></script>