Added Hard Confirm interface.

Author: Godofbrowser

dist/vuejs-dialog.min.js

@@ -4,14 +4,23 @@
             <div v-if="show" ref="container" class="dg-container">
                 <div class="dg-content-cont dg-content-cont--floating">
                     <div class="dg-main-content">
-                        <!--<div class="dg-header">-->
+                        <!--<div class="dg-content-header">-->
                         <!---->
                         <!--</div>-->
 
-                        <div v-if="options.html" class="dg-content" v-html="options.message"></div>
-                        <div v-else="" class="dg-content">{{ options.message }}</div>
+                        <div class="dg-content-body">
+                            <div v-if="options.html" class="dg-content" v-html="options.message"></div>
+                            <div v-else="" class="dg-content">{{ options.message }}</div>
 
-                        <div class="dg-footer">
+                            <form style="background-color: ghostwhite; padding: 10px; margin-bottom: -15px">
+                                <label for="dg-confirm-input" style="font-size: 13px">Type "{{ options.verification }}" below to confirm</label>
+                                <input type="text" :placeholder="options.verification" id="dg-confirm-input"
+                                       style="width: 100%;margin-top: 10px;
+                               padding: 5px 15px; font-size: 16px;border-radius: 4px; border: 2px solid #eee"/>
+                            </form>
+                        </div>
+
+                        <div class="dg-content-footer">
 
                             <button @click="clickLeftBtn()" :is="leftBtnComponent" :loading="loading"
                                        :enabled="leftBtnEnabled" :options="options" :focus="leftBtnFocus">

docs/js/vuejs-dialog.min.js

@@ -42,12 +42,14 @@
 	font-size: 16px;
 	padding: 10px 0 10px 0;
 }
+.dg-content-body{
+	border-bottom: 2px solid #E1E6EA;
+	padding-bottom: 15px;
+}
 
-.dg-footer {
+.dg-content-footer {
 	position: relative;
-	margin-top: 15px;
 	padding: 15px 0 0;
-	border-top: 1px solid #E1E6EA
 }
 
 .dg-content-cont--floating {
@@ -75,6 +77,14 @@
 	font-size: 16px;
 	font-weight: 700;
 }
+.dg-btn:focus,
+.dg-btn:active,
+.dg-btn:link {
+	outline: none;
+}
+.dg-btn::-moz-focus-inner{
+	border: 0;
+}
 .dg-btn.dg-btn--cancel {
 	color: #fefefe;
 	background-color: #0096D9;

src/plugin/components/dialog-window.vue

@@ -57,7 +57,8 @@ const COMMON = {
         new WebpackNotifierPlugin({alwaysNotify: true}),
         new WebpackShellPlugin({
             onBuildStart: ['echo "Webpack Start"'],
-            onBuildEnd: ['echo "Webpack End"', 'node src\\docs\\js\\copy-to-docs.js']
+            onBuildEnd: ['echo "Webpack End"'],
+            onBuildExit: ['node src\\docs\\js\\copy-to-docs.js']
         })
     ],
     watchOptions: {