add confirm for delete, not finish yet

codeskyblue · Aug 3, 2016 · 8a19544 · 8a19544
1 parent 35f8ec8
commit 8a19544
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/res/index.tmpl.html b/res/index.tmpl.html
@@ -115,9 +115,17 @@
                                 <a class="btn btn-default btn-xs visible-xs" v-if="shouldHaveQrcode(f.name)" href="{{genInstallURL(f.name)}}">
                                     Install
                                 </a>
-                                <a class="btn btn-default btn-xs" v-if="auth.delete" v-on:click="deletePath(f, $event)" href="javascript:void(0)">
-                                    <span style="color:#CC3300" class="glyphicon glyphicon-remove"></span>
+                                <a class="btn btn-default btn-xs" v-if="auth.delete" v-on:click="deletePathConfirm(f, $event)" href="javascript:void(0)">
+                                    <span style="color:#CC3300" class="glyphicon glyphicon-trash"></span>
                                 </a>
+								<template v-if="f.showConfirm">
+								<button class="btn btn-default btn-xs">
+                                    <span class="glyphicon glyphicon-ok"></span>
+								</button>
+								<button class="btn btn-default btn-xs">
+                                    <span class="glyphicon glyphicon-remove"></span>
+								</button>
+								</template>
                             </template>
                         </td>
                     </tr>

diff --git a/res/js/index.js b/res/js/index.js
@@ -171,9 +171,13 @@ var vm = new Vue({
             loadDirectory(reqPath);
             e.preventDefault()
         },
-        deletePath: function(f, e) {
+        deletePathConfirm: function(f, e) {
             // confirm
             e.preventDefault();
+			f.showConfirm = true;
+			f.name = "JJ"
+			console.log(f)
+			return;
             $.ajax({
                 url: pathJoin([location.pathname, f.name]),
                 method: 'DELETE',