feat (comments/save): additional 'save comments' button

harena-lab · Feb 11, 2021 · 7457ee2 · 7457ee2
1 parent 6356ac5
commit 7457ee2
Show file tree

Hide file tree

Showing 18 changed files with 138 additions and 14 deletions.
diff --git a/src/adonisjs/public/author/css/author.css b/src/adonisjs/public/author/css/author.css
@@ -37,12 +37,15 @@
 }
 
 .sty-message-space {
-   flex: 25%;
-   max-width: 25%;
-   max-height: 48px;
-   font-size: 20pt;
-   font-weight: bold;
-   color: blue;
+	position: absolute;
+	font-size: 30pt;
+	font-weight: bold;
+	color: #c5c5ca;
+	height: 100vh;
+	width: 100vw;
+	background-color: #040404ab;
+	z-index: 3000;
+	vertical-align: middle;
 }
 
 .sty-work-panel {

diff --git a/src/adonisjs/public/author/index.html b/src/adonisjs/public/author/index.html
@@ -103,6 +103,11 @@
   </head>
 
   <body onload="AuthorManager.author.start()">
+    <!-- message div -->
+    <div id="message-space" class="sty-message-space vh-100 vw-100 text-center invisible" style="overflow:hidden; !important">
+      <span style="vertical-align: middle;top: 50%;position: absolute;"
+      class="rounded"></span>
+    </div>
     <!-- Login/logout header -->
     <dcc-include src="/author/partials/header.html"></dcc-include>
     <!-- Start of settings modal -->
@@ -183,6 +188,7 @@ <h3>Settings</h3>
 
                 <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
               </form>
+
             </div>
           </div>
         </div>
@@ -235,7 +241,7 @@ <h1>Edit case</h1>
               <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-button topic="control/case/markdown" label="MARKDOWN" xstyle="in"></dcc-button>
@@ -331,8 +337,8 @@ <h1>Edit case</h1>
             </div>
           <!-- End of container displaying the properties/comments of the case -->
         </div>
-
       </div>
+
     </main>
   <!-- end of div /.container -->
 

diff --git a/src/adonisjs/public/author/js/author.js b/src/adonisjs/public/author/js/author.js
@@ -354,7 +354,9 @@ class AuthorManager {
     * ACTION: control-save
     */
   async caseSave () {
+    this._messageSpace.classList.remove('invisible')
     document.getElementById('btn-save-draft').innerHTML = 'SAVING...'
+    this._messageSpace.firstElementChild.innerHTML = 'SAVING...'
     await Properties.s.closePreviousProperties()
     await this._updateActiveComments()
     if (Basic.service.currentCaseId != null && this._compiledCase != null) {
@@ -369,13 +371,14 @@ class AuthorManager {
 
       Basic.service.authorPropertyStore('caseId', Basic.service.currentCaseId)
 
-      this._messageSpace.innerHTML = 'Saved'
-      setTimeout(this._clearMessage, 500)
+      this._messageSpace.firstElementChild.innerHTML = 'SAVED!'
+      setTimeout(this._clearMessage, 800)
+      // this._messageSpace.classList.add('invisible')
       const promise = new Promise((resolve, reject) => {
         setTimeout(() => resolve('done!'), 500)
       })
       const result = await promise
-      this._messageSpace.innerHTML = ''
+      this._messageSpace.classList.add('invisible')
       document.getElementById('btn-save-draft').innerHTML = 'SAVE'
     }
   }

diff --git a/src/adonisjs/public/infra/token-validator.js b/src/adonisjs/public/infra/token-validator.js
@@ -32,6 +32,9 @@ class TokenController {
             sessionStorage.setItem('harena-user-grade', endpointResponse.data.grade)
             sessionStorage.setItem('harena-user-institution', endpointResponse.data.institution)
             sessionStorage.setItem('harena-user-institution-id', endpointResponse.data.institutionId)
+            // localStorage.setItem('harena-user-grade', endpointResponse.data.grade)
+            // localStorage.setItem('harena-user-institution', endpointResponse.data.institution)
+            // localStorage.setItem('harena-user-institution-id', endpointResponse.data.institutionId)
             MessageBus.int.publish('data/user/info', endpointResponse.data)
             TokenController.instance.changeHeaderButtons(endpointResponse.data)
           })
@@ -105,6 +108,10 @@ class TokenController {
           TokenController.instance.tokenChecked = true
           sessionStorage.setItem('harena-user-grade', endpointResponse.data.grade)
           sessionStorage.setItem('harena-user-institution', endpointResponse.data.institution)
+          sessionStorage.setItem('harena-user-institution-id', endpointResponse.data.institutionId)
+          // localStorage.setItem('harena-user-grade', endpointResponse.data.grade)
+          // localStorage.setItem('harena-user-institution', endpointResponse.data.institution)
+          // localStorage.setItem('harena-user-institution-id', endpointResponse.data.institutionId)
           MessageBus.int.publish('data/user/info', endpointResponse.data)
 
           TokenController.instance.changeHeaderButtons(endpointResponse.data)

diff --git a/src/adonisjs/public/templates/simple/knot/comments/pt_abdomen.html b/src/adonisjs/public/templates/simple/knot/comments/pt_abdomen.html
@@ -237,3 +237,8 @@ <h4 class="mt-1">Anatomical References</h4>
   </div>
 </div>
 <hr>
+<div class="text-center">
+  <button type="button" class="btn btn-secondary" id="btn-save-comments" >SAVE COMMENTS</button>
+  <dcc-button topic="control/case/save" label="SAVE COMMENTS" location="btn-save-comments" xstyle="out"></dcc-button>
+</div>
+<hr>
diff --git a/src/adonisjs/public/templates/simple/knot/comments/pt_aorta.html b/src/adonisjs/public/templates/simple/knot/comments/pt_aorta.html
@@ -356,3 +356,9 @@ <h4 class="mt-1">Anatomical References</h4>
 </div>
 
 <hr>
+
+<div class="text-center">
+  <button type="button" class="btn btn-secondary" id="btn-save-comments" >SAVE COMMENTS</button>
+  <dcc-button topic="control/case/save" label="SAVE COMMENTS" location="btn-save-comments" xstyle="out"></dcc-button>
+</div>
+<hr>
diff --git a/src/adonisjs/public/templates/simple/knot/comments/pt_articulate.html b/src/adonisjs/public/templates/simple/knot/comments/pt_articulate.html
@@ -248,3 +248,8 @@ <h4 class="mt-1">Anatomical References</h4>
 </div>
 
 <hr>
+<div class="text-center">
+  <button type="button" class="btn btn-secondary" id="btn-save-comments" >SAVE COMMENTS</button>
+  <dcc-button topic="control/case/save" label="SAVE COMMENTS" location="btn-save-comments" xstyle="out"></dcc-button>
+</div>
+<hr>
diff --git a/src/adonisjs/public/templates/simple/knot/comments/pt_cava.html b/src/adonisjs/public/templates/simple/knot/comments/pt_cava.html
@@ -255,3 +255,8 @@ <h4 class="mt-1">Anatomical References</h4>
 </div>
 
 <hr>
+<div class="text-center">
+  <button type="button" class="btn btn-secondary" id="btn-save-comments" >SAVE COMMENTS</button>
+  <dcc-button topic="control/case/save" label="SAVE COMMENTS" location="btn-save-comments" xstyle="out"></dcc-button>
+</div>
+<hr>
diff --git a/src/adonisjs/public/templates/simple/knot/comments/pt_conclusion.html b/src/adonisjs/public/templates/simple/knot/comments/pt_conclusion.html
@@ -261,3 +261,8 @@ <h4>7. Medical decision making</h4>
   </div>
 </div>
 <hr>
+<div class="text-center">
+  <button type="button" class="btn btn-secondary" id="btn-save-comments" >SAVE COMMENTS</button>
+  <dcc-button topic="control/case/save" label="SAVE COMMENTS" location="btn-save-comments" xstyle="out"></dcc-button>
+</div>
+<hr>
diff --git a/src/adonisjs/public/templates/simple/knot/comments/pt_efast.html b/src/adonisjs/public/templates/simple/knot/comments/pt_efast.html
@@ -416,3 +416,8 @@ <h4 class="mt-1">Anatomical References</h4>
 </div>
 
 <hr>
+<div class="text-center">
+  <button type="button" class="btn btn-secondary" id="btn-save-comments" >SAVE COMMENTS</button>
+  <dcc-button topic="control/case/save" label="SAVE COMMENTS" location="btn-save-comments" xstyle="out"></dcc-button>
+</div>
+<hr>
diff --git a/src/adonisjs/public/templates/simple/knot/comments/pt_heart.html b/src/adonisjs/public/templates/simple/knot/comments/pt_heart.html
@@ -294,6 +294,23 @@ <h5 class="mt-1"> Achados</h5>
         </div>
       </div>
 
+      <div class="d-flex row" style="margin-left:-7px;">
+        <div class="form-check form-check-inline">
+
+            <input class="form-check-input invisible" type="radio" name="video_para_estern_long_achados_disfunc_ventric_esq_acentuada"
+            id="video_para_estern_long_achados_disfunc_ventric_esq_acentuada0" value="0" style="position:absolute !important"
+             {{checked?video_para_estern_long_achados_disfunc_ventric_esq_acentuada0:0}} checked>
+            <input class="form-check-input" type="radio" name="video_para_estern_long_achados_disfunc_ventric_esq_acentuada"
+            id="video_para_estern_long_achados_disfunc_ventric_esq_acentuada1" value="1"
+             {{checked?video_para_estern_long_achados_disfunc_ventric_esq_acentuada1:1}}>
+
+          <label class="form-check-label" for="video_para_estern_long_achados_disfunc_ventric_esq_acentuada1">
+            4. Disfunção Ventricular Esquerda Acentuada
+          </label>
+        </div>
+      </div>
+
+
       <div class="d-flex row" style="margin-left:-7px;">
         <div class="form-check form-check-inline">
 
@@ -306,7 +323,7 @@ <h5 class="mt-1"> Achados</h5>
              {{checked?video_para_estern_long_achados_normal1:1}}>
 
           <label class="form-check-label" for="video_para_estern_long_achados_normal1">
-            4. Normal
+            5. Normal
           </label>
         </div>
       </div>
@@ -554,6 +571,22 @@ <h5 class="mt-1"> Achados</h5>
         </div>
       </div>
 
+      <div class="d-flex row" style="margin-left:-7px;">
+        <div class="form-check form-check-inline">
+
+            <input class="form-check-input invisible" type="radio" name="video_para_estern_curta_achados_disfunc_ventric_esq_acentuada"
+            id="video_para_estern_curta_achados_disfunc_ventric_esq_acentuada0" value="0" style="position:absolute !important"
+             {{checked?video_para_estern_curta_achados_disfunc_ventric_esq_acentuada0:0}} checked>
+            <input class="form-check-input" type="radio" name="video_para_estern_curta_achados_disfunc_ventric_esq_acentuada"
+            id="video_para_estern_curta_achados_disfunc_ventric_esq_acentuada1" value="1"
+             {{checked?video_para_estern_curta_achados_disfunc_ventric_esq_acentuada1:1}}>
+
+          <label class="form-check-label" for="video_para_estern_curta_achados_disfunc_ventric_esq_acentuada1">
+            4. Disfunção Ventricular Esquerda Acentuada
+          </label>
+        </div>
+      </div>
+
       <div class="d-flex row" style="margin-left:-7px;">
         <div class="form-check form-check-inline">
 
@@ -566,7 +599,7 @@ <h5 class="mt-1"> Achados</h5>
              {{checked?video_para_estern_curta_achados_dilataca_ventric_direito1:1}}>
 
           <label class="form-check-label" for="video_para_estern_curta_achados_dilataca_ventric_direito1">
-            4. Dilatação de Ventrículo Direito
+            5. Dilatação de Ventrículo Direito
           </label>
         </div>
       </div>
@@ -583,7 +616,7 @@ <h5 class="mt-1"> Achados</h5>
              {{checked?video_para_estern_curta_achados_normal1:1}}>
 
           <label class="form-check-label" for="video_para_estern_curta_achados_normal1">
-            5. Normal
+            6. Normal
           </label>
         </div>
       </div>
@@ -768,3 +801,8 @@ <h5 class="mt-1"> Achados</h5>
   </div>
 </div>
 <hr>
+<div class="text-center">
+  <button type="button" class="btn btn-secondary" id="btn-save-comments" >SAVE COMMENTS</button>
+  <dcc-button topic="control/case/save" label="SAVE COMMENTS" location="btn-save-comments" xstyle="out"></dcc-button>
+</div>
+<hr>
diff --git a/src/adonisjs/public/templates/simple/knot/comments/pt_llv.html b/src/adonisjs/public/templates/simple/knot/comments/pt_llv.html
@@ -593,3 +593,8 @@ <h4 class="mt-1">Anatomical References</h4>
 </div>
 
 <hr>
+<div class="text-center">
+  <button type="button" class="btn btn-secondary" id="btn-save-comments" >SAVE COMMENTS</button>
+  <dcc-button topic="control/case/save" label="SAVE COMMENTS" location="btn-save-comments" xstyle="out"></dcc-button>
+</div>
+<hr>
diff --git a/src/adonisjs/public/templates/simple/knot/comments/pt_lungs.html b/src/adonisjs/public/templates/simple/knot/comments/pt_lungs.html
@@ -3252,3 +3252,8 @@ <h5 class="mt-1"> Achados</h5>
 
 
 <hr>
+<div class="text-center">
+  <button type="button" class="btn btn-secondary" id="btn-save-comments" >SAVE COMMENTS</button>
+  <dcc-button topic="control/case/save" label="SAVE COMMENTS" location="btn-save-comments" xstyle="out"></dcc-button>
+</div>
+<hr>
diff --git a/src/adonisjs/public/templates/simple/knot/comments/pt_ocular.html b/src/adonisjs/public/templates/simple/knot/comments/pt_ocular.html
@@ -181,3 +181,8 @@ <h4 class="mt-1">Anatomical References</h4>
 </div>
 
 <hr>
+<div class="text-center">
+  <button type="button" class="btn btn-secondary" id="btn-save-comments" >SAVE COMMENTS</button>
+  <dcc-button topic="control/case/save" label="SAVE COMMENTS" location="btn-save-comments" xstyle="out"></dcc-button>
+</div>
+<hr>
diff --git a/src/adonisjs/public/templates/simple/knot/comments/pt_presentation.html b/src/adonisjs/public/templates/simple/knot/comments/pt_presentation.html
@@ -2,3 +2,9 @@
 <textarea class="form-control" id="details" name="details" placeholder="Enter the comments">
 {{details}}
 </textarea>
+<hr>
+<div class="text-center">
+  <button type="button" class="btn btn-secondary" id="btn-save-comments" >SAVE COMMENTS</button>
+  <dcc-button topic="control/case/save" label="SAVE COMMENTS" location="btn-save-comments" xstyle="out"></dcc-button>
+</div>
+<hr>
diff --git a/src/adonisjs/public/templates/simple/knot/comments/pt_soft.html b/src/adonisjs/public/templates/simple/knot/comments/pt_soft.html
@@ -240,3 +240,8 @@ <h4 class="mt-1">Anatomical References</h4>
 </div>
 
 <hr>
+<div class="text-center">
+  <button type="button" class="btn btn-secondary" id="btn-save-comments" >SAVE COMMENTS</button>
+  <dcc-button topic="control/case/save" label="SAVE COMMENTS" location="btn-save-comments" xstyle="out"></dcc-button>
+</div>
+<hr>
diff --git a/src/adonisjs/public/templates/simple/knot/comments/pt_urinary.html b/src/adonisjs/public/templates/simple/knot/comments/pt_urinary.html
@@ -594,3 +594,8 @@ <h4 class="mt-1">Anatomical References</h4>
 </div>
 
 <hr>
+<div class="text-center">
+  <button type="button" class="btn btn-secondary" id="btn-save-comments" >SAVE COMMENTS</button>
+  <dcc-button topic="control/case/save" label="SAVE COMMENTS" location="btn-save-comments" xstyle="out"></dcc-button>
+</div>
+<hr>
diff --git a/src/adonisjs/public/templates/simple/knot/comments/pt_vesicle.html b/src/adonisjs/public/templates/simple/knot/comments/pt_vesicle.html
@@ -299,3 +299,8 @@ <h4 class="mt-1">Anatomical References</h4>
 </div>
 
 <hr>
+<div class="text-center">
+  <button type="button" class="btn btn-secondary" id="btn-save-comments" >SAVE COMMENTS</button>
+  <dcc-button topic="control/case/save" label="SAVE COMMENTS" location="btn-save-comments" xstyle="out"></dcc-button>
+</div>
+<hr>