Move admin ui to _admin to avoid less likely conflict

[perso/Immae/Projets/Nodejs/Surfer.git] / app / index.html
diff --git a/app/index.html b/app/index.html

index 721ec25175ad8ca46278d2f7d475dce65d512c59..cf1f399f1462d1c9e7785d56883a5fbaf3a70ecd 100644 (file)
--- a/app/index.html
+++ b/app/index.html
@@ -2,9 +2,9 @@
  <head>
      <title> Cloudron Surfer </title>
  
-    <link rel="stylesheet" href="/admin/css/font-awesome.min.css">
-    <link rel="stylesheet" href="/admin/css/bootstrap.min.css">
-    <link rel="stylesheet" href="/admin/css/style.css">
+    <link rel="stylesheet" href="/_admin/css/font-awesome.min.css">
+    <link rel="stylesheet" href="/_admin/css/bootstrap.min.css">
+    <link rel="stylesheet" href="/_admin/css/style.css">
  
  </head>
  <body id="app">
@@ -25,12 +25,30 @@
              <!-- Collect the nav links, forms, and other content for toggling -->
              <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                  <ul class="nav navbar-nav navbar-right">
-                    <li v-show="session.valid"><a href="#" ng-click="logout()">Logout</a></li>
+                    <li v-show="session.valid"><a href="#" v-on:click="logout()">Logout</a></li>
                  </ul>
              </div>
          </div>
      </nav>
  
+    <div class="modal fade" tabindex="-1" role="dialog" id="modalDelete">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+                </div>
+                <div class="modal-body">
+                    <h5 v-show="deleteData.isFile">Really delete <span style="font-weight: bold;">{{ deleteData.filePath }}</span>?</h5>
+                    <h5 v-show="deleteData.isDirectory">Really delete directory <span style="font-weight: bold;">{{ deleteData.filePath }}</span> and all its content?</h5>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-default" data-dismiss="modal">No</button>
+                    <button type="button" class="btn btn-danger" v-on:click="del(deleteData)">Yes</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
      <div class="container" v-show="busy" v-cloak>
          <div class="row">
              <div class="col-lg-12">
@@ -102,19 +120,22 @@
                              <th>{{ entry.filePath }}</th>
                              <th>{{ entry.size }}</th>
                              <th>{{ entry.mtime }}</th>
-                            <th style="text-align: right;"><button class="btn btn-sm btn-danger"><i class="fa fa-trash"></i></button></th>
+                            <th style="text-align: right;"><button class="btn btn-sm btn-danger" v-on:click.stop="delAsk(entry)"><i class="fa fa-trash"></i></button></th>
                          </tr>
                      </tbody>
                  </table>
              </div>
+            <div class="col-lg-12" style="text-align: right;">
+                <button class="btn btn-default btn-sm" v-on:click="">Create Directory</button>
+            </div>
          </div>
      </div>
  
-    <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>
-    <script src="/admin/js/superagent.js"></script>
-    <script src="/admin/js/app.js"></script>
+    <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>
+    <script src="/_admin/js/superagent.js"></script>
+    <script src="/_admin/js/app.js"></script>
  
  </body>
  </html>