feat (drafts): Button save change text/feedback

harena-lab · Sep 3, 2020 · 909e440 · 909e440
1 parent 6dd338b
commit 909e440
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 10 deletions.
diff --git a/src/adonisjs/public/author/js/author.js b/src/adonisjs/public/author/js/author.js
@@ -132,7 +132,6 @@ class AuthorManager {
          .addEventListener("shown.bs.modal", this.updateSourceField);
       */
     $('#settings-modal').on('shown.bs.modal', this.updateSourceField)
-    $('#btn-save-settings').on('click', await this.caseSave)
     // this.caseLoadSelect();
   }
 
@@ -312,6 +311,7 @@ class AuthorManager {
     */
   async caseSave () {
     console.log('=== case save')
+    document.getElementById('btn-save-draft').innerHTML = 'SAVING...';
     console.log(Basic.service.currentCaseId)
     console.log(this._compiledCase)
     if (Basic.service.currentCaseId != null && this._compiledCase != null) {
@@ -344,8 +344,10 @@ class AuthorManager {
       const promise = new Promise((resolve, reject) => {
         setTimeout(() => resolve('done!'), 2000)
       })
-      const result = await promise
-      this._messageSpace.innerHTML = ''
+      const result = await promise;
+      this._messageSpace.innerHTML = '';
+      document.getElementById('btn-save-draft').innerHTML = 'SAVE';
+
     }
   }
 

diff --git a/src/adonisjs/resources/views/author/author.edge b/src/adonisjs/resources/views/author/author.edge
@@ -116,19 +116,19 @@
            style="position:relative">
         <nav class="navbar navbar-light">
           <div class="col-6">
-            <dcc-trigger action="control/case/save" label="SAVE" xstyle="in"></dcc-trigger>
-            <!--
-            <dcc-trigger action="control/case/settings" label="SETTINGS" xstyle="in"></dcc-trigger>
-            -->
+            <button type="button" class="btn btn-secondary" id="btn-save-draft">Save</button>
+            <dcc-trigger action="control/case/save" location="btn-save-draft" label="SAVE" xstyle="out"></dcc-trigger>
 
             <!-- Settings button activates a modal -->
-            <button type="button" class="btn btn-secondary btn-sm" data-toggle="modal" data-target="#settings-modal"
-            id="btn-save-settings">Settings</button>
+            <button type="button" class="btn btn-secondary m-1" data-toggle="modal" data-target="#settings-modal">
+              Settings
+            </button>
+            <span class="sty-message-space" id="message-space"></span>
 
             <div id="advanced-mode" style="display:none">
               <dcc-trigger action="control/case/markdown" label="MARKDOWN" xstyle="in"></dcc-trigger>
             </div>
-            <div class="sty-message-space" id="message-space"></div>
+
 
           </div>
 <!--          <div class="navbar-sub col-2">