Initialize sections with default for notes created from note-template

public/css/style.css

@@ -594,3 +594,13 @@ input.search_field, textarea.search_field {
     padding: 0;
     border: 1px solid #ccc;
 }
+.mask-text-addition {
+    position: fixed;
+    bottom: calc(50% - 60px);
+    left: 0;
+    width: 100%;
+    text-align: center;
+    font-size: 12px;
+    z-index: 9999999;
+    color: #000;
+}

public/js/yemi.js

@@ -4,14 +4,18 @@ if (typeof focusOn == 'undefined') {
 
 var ajaxGoing = false;
 
-var showMask = function () {
+var showMask = function (_text = '') {
     $('body').css('opacity', 0.6);
     $('#mask').show();
+    if(!!_text) {
+        $('<div class="mask-text-addition" />').text('Initializing note. Please wait...').appendTo('body');
+    }
 }
 
 var hideMask = function () {
     $('body').css('opacity', 1);
     $('#mask').hide();
+    $('.mask-text-addition').remove();
 }
 
 var showMoeFormMask = function () {

resources/views/app/patient/note/dashboard.blade.php

@@ -237,7 +237,9 @@
                         $shortcuts = $packed;
                         ?>
                         @foreach($note->sections as $section)
-                        <div class="p-3 border-bottom note-section">
+                        <div class="p-3 border-bottom note-section {{ $section->is_initialized ? '' : 'pending-initialization' }}"
+                             data-section-uid="{{ $section->uid }}"
+                             data-section-template-name="{{ $section->sectionTemplate->internal_name }}">
                             <div class="d-flex align-items-start">
                                 <a class="font-weight-bold mb-2 d-flex align-items-center c-pointer">
                                     {{$section->sectionTemplate->title}}
@@ -391,6 +393,9 @@
     <div class="note-templates-underlay"></div>
     <script>
         (function() {
+
+            let numSectionsPendingInitialization = 0;
+
             function init() {
                 $('textarea[rte]').each(function() {
 
@@ -635,6 +640,33 @@
                         return false;
                     });
 
+                let sectionsPendingInitialization = $('.note-section.pending-initialization');
+                numSectionsPendingInitialization = sectionsPendingInitialization.length;
+                if(numSectionsPendingInitialization > 0) {
+                    showMask('Initializing note. Please wait...');
+                    sectionsPendingInitialization.each(function() {
+                        initializeSection(
+                            $(this).attr('data-section-uid'),
+                            $(this).attr('data-section-template-name')
+                        );
+                    });
+                }
+
+            }
+
+            function initializeSection(_sectionUid, _sectionTemplateName) {
+                $.get('/get-default-section-data/' + _sectionTemplateName + '/{{$patient->uid}}' , function(_data) {
+                    $.post('/process_form_submit', {
+                        section_uid: _sectionUid,
+                        value: _data.value
+                    }, function(_data) {
+                        console.log('done: ', _sectionTemplateName);
+                        numSectionsPendingInitialization--;
+                        if(numSectionsPendingInitialization <= 0) {
+                            fastReload();
+                        }
+                    });
+                }, 'json');
             }
 
             function loadTemplateSet(_chooser) {