Autosave - show "last saved at X"

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

@@ -125,6 +125,7 @@ if ($latestSectionTS === 0 || $latestSectionTS < $sectionTS) {
         <div class="d-flex align-items-center">
             <button class="btn btn-sm btn-primary" btn-save-form><i class="fa fa-save"></i></button>
             <span class="ml-2 text-secondary text-sm text-saving d-none"><i>Saving ...</i></span>
+            <span class="ml-2 text-secondary text-sm text-saved font-weight-bold d-none"></span>
         </div>
     </div>
     @endif

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

@@ -88,6 +88,7 @@
 
             _section.find('[btn-save-form]').prop('disabled', true);
             _section.find('.text-saving').removeClass('d-none');
+            _section.find('.text-saved').addClass('d-none');
 
             var dataField = _section.find('input[name=data]')
             var value = $(dataField).val();
@@ -124,6 +125,9 @@
             }
             _section.find('[btn-save-form]').prop('disabled', false);
             _section.find('.text-saving').addClass('d-none');
+            if(resp.success) {
+                _section.find('.text-saved').text('Last saved at ' + (new Date().toLocaleTimeString())).removeClass('d-none');
+            }
         }
 
         function initChangeListener(_elem) {