refactor: modal-delete-user -> vue component + localizations

server/locales/en/browser.json

@@ -15,6 +15,31 @@
     "videoanymp4file": "Any standard MP4 file",
     "videosuccess": "The video code has been inserted."
   },
+  "modal": {
+    "abort": "Abort",
+    "anchortitle": "Copy link to this section",
+    "anchorsuccess": "The URL has been copied to your clipboard.",
+    "anchorerror": "Clipboard copy failed. Copy the URL manually.",
+    "copyclipboard": "Copy to Clipboard",
+    "create": "Create",
+    "createpagetitle": "Create New Page",
+    "createpagepath": "Enter the new page path:",
+    "createpageinvalid": "This page path is invalid!",
+    "discard": "Discard",
+    "discardpagestay": "Stay on page",
+    "discardpagetitle": "Discard?",
+    "discardpagecreate": "Are you sure you want to leave this page and loose anything you wrote so far?",
+    "discardpageedit": "Are you sure you want to leave this page and loose any modifications?",
+    "delete": "Delete",
+    "deleteusertitle": "Delete User Account?",
+    "deleteuserwarning": "Are you sure you want to delete this user account? This action cannot be undone!",
+    "move": "Move",
+    "movepagetitle": "Move Page",
+    "movepagepath": "Enter the new page path:",
+    "movepageinvalid": "This page path is invalid or not allowed!",
+    "movepagewarning": "Note that moving or renaming pages can lead to broken links. Make sure to edit any page that links to this page afterwards!",
+    "movepageplaceholder": "page-name"
+  },
   "nav": {
     "home": "Home"
   },

server/views/modals/admin-deleteuser.pug

@@ -1,12 +0,0 @@
-.modal#modal-admin-users-delete
-  .modal-background
-  .modal-container
-    .modal-content
-      header.is-red
-        span Delete User Account?
-        p.modal-notify(v-bind:class='{ "is-active": loading }'): i
-      section
-        span Are you sure you want to delete this user account? This action cannot be undone!
-      footer
-        a.button.is-grey.is-outlined(v-on:click='cancel') Abort
-        a.button.is-red(v-on:click='deleteUser') Delete

server/views/modals/create-discard.pug

@@ -1,10 +0,0 @@
-.modal#modal-create-discard
-  .modal-background
-  .modal-container
-    .modal-content
-      header.is-orange Discard?
-      section
-        span Are you sure you want to leave this page and loose anything you wrote so far?
-      footer
-        a.button.is-grey.is-outlined.btn-create-discard Stay on page
-        a.button.is-orange(href='/') Discard

server/views/modals/edit-discard.pug

@@ -1,11 +0,0 @@
-
-.modal#modal-edit-discard
-  .modal-background
-  .modal-container
-    .modal-content
-      header.is-orange Discard?
-      section
-        span Are you sure you want to leave this page and loose any modifications?
-      footer
-        a.button.is-grey.is-outlined.btn-edit-discard Stay on page
-        a.button.is-orange(href='/' + pageData.meta.path) Discard

server/views/modals/editor-link.pug

@@ -1,33 +0,0 @@
-
-//.modallayer#modal-editor-link
-	.modallayer-content
-		.tabs.is-boxed
-			ul
-				li
-					a
-						span.icon.is-small
-							i.fa.fa-file-text-o
-						span Internal Document Link
-				li.is-active
-					a
-						span.icon.is-small
-							i.fa.fa-external-link
-						span External Link
-		.columns.is-hidden
-			.column
-				label.label Text to display
-				p.control
-					input.input(type='text', placeholder='Text input')
-			.column
-				label.label Link
-				p.control
-					input.input(type='text', placeholder='http://')
-		.columns
-			.column
-				label.label Text to display
-				p.control
-					input.input(type='text', placeholder='Text input')
-			.column
-				label.label Link
-				p.control
-					input.input(type='text', placeholder='http://')

server/views/pages/admin/users-edit.pug

@@ -1,7 +1,7 @@
 extends ./_layout.pug
 
 block rootNavRight
-  i.nav-item#notifload
+  loading-spinner
   .nav-item
     a.button(href='/admin/users')
       i.icon-reply
@@ -113,11 +113,11 @@ block adminContent
         .column.is-narrow
           section
             if usrOpts.canBeDeleted
-              button.button.is-red.btn-deluser-prompt
+              button.button.is-red(v-on:click='$store.dispatch("modalDeleteUser/open")')
                 i.icon-trash2
                 span Delete Account
 
-  include ../../modals/admin-deleteuser.pug
+  modal-delete-user(current-user=usr._id)
 
   script(type='text/javascript').
     var usrData = !{JSON.stringify(usr)};