Modify clinical document file permissions; remove parentheses display…

…ed next to the alleged offense, arrest citation, and disposition date when a petitioner's date of birth is not supplied; and update storage based on the window focus.

extensionDirectory/components/filings.vue

@@ -30,14 +30,15 @@ const maxCountsOnNoA = 10;
 function detectChangesInChromeStorage(app) {
   chrome.storage.onChanged.addListener(function (changes, namespace) {
     var countsChange = changes['counts'];
-    var responsesChange = changes['responses'];
-
+    var responsesChange = changes['responses']
     if (countsChange === undefined && responsesChange === undefined) return;
-    // if (countsChange.newValue === undefined) {
-    //   app.clearAll();
-    //   return;
-    // }
-    app.loadAll(function () {});
+    if (countsChange.newValue === undefined) {
+      app.clearAll();
+      return;
+    }
+    if (!document.hasFocus()) {
+      app.loadAll(function () { });
+    }
   });
 }
 
@@ -169,19 +170,27 @@ export default {
     saveSettings: function () {
       // devLog("save settings", this.settings)
       settingString = JSON.stringify(this.settings);
-      localStorage.setItem('localExpungeVTSettings', settingString);
+      if (document.hasFocus()) {
+        localStorage.setItem('localExpungeVTSettings', settingString);
+      }
     },
     saveResponses: function () {
-      devLog('save responses' + getError());
-      chrome.storage.local.set({
-        responses: this.responses,
-      });
+      devLog(
+        'save responses' + getError()
+      );
+      if (document.hasFocus()) {
+        chrome.storage.local.set({
+          responses: this.responses,
+        });
+      }
     },
     saveCounts: function () {
       devLog('saving counts');
-      chrome.storage.local.set({
-        counts: toRaw(this.saved),
-      });
+      if (document.hasFocus()) {
+        chrome.storage.local.set({
+          counts: toRaw(this.saved),
+        });
+      }
     },
     handleNewDocketNums: function (sheetNum) {
       if (sheetNum.toLowerCase().includes('-cr-')) {
@@ -224,13 +233,10 @@ export default {
         }
 
         callback();
-        // nextTick(function () {
-        //   // call any vanilla js functions that need to run after vue is all done setting up.
-        //   initAfterVue();
-        // });
-        // setTimeout(() => {
-        //   initAfterVue();
-        // }, 0);
+        //this.$nextTick(function () {
+        //call any vanilla js functions that need to run after vue is all done setting up.
+        //initAfterVue();
+        //});
       });
     },
 
@@ -380,11 +386,11 @@ export default {
 
         // when the county changes, insert a NOA
         if (lastCounty != currCounty) {
-          const counts = filings
+          const docketCounts = filings
             .filter((f) => f.county == currCounty)
             .map((f) => f.counts)
             .flat();
-          const noa = this.createNOAFiling(currCounty, counts);
+          const noa = this.createNOAFiling(currCounty, docketCounts);
           filingsWithNOAs.push(noa);
 
           if (this.responses[noa.id + '-feeForm'] === undefined) {
@@ -1273,9 +1279,9 @@ export default {
       <!-- If there are filings to dispalay... -->
       <div v-if="(numCountsToExpungeOrSeal + numCountsNoAction) > 0">
         <!-- Page header & page actions -->
-        <div v-if="petitioner.name" class="header-bar-wrapper no-print">
+        <div class="header-bar-wrapper no-print">
           <div class="header-bar">
-            <h1>Filings for {{petitioner.name}}</h1>
+            <h1 v-if="petitioner.name" >Filings for {{petitioner.name}}</h1>
             <div class="header-bar__controls">
               <div v-if="numDockets >= 1 && proSeFromRole(settings.role)">
                 <span

extensionDirectory/components/manage-counts.vue

@@ -19,7 +19,9 @@ function detectChangesInChromeStorage(app) {
       app.clearAll();
       return;
     }
-    app.loadAll(function () { });
+    if (!document.hasFocus()) {
+      app.loadAll(function () { });
+    }
   });
 }
 
@@ -135,18 +137,23 @@ export default {
     saveSettings: function () {
       // devLog("save settings", this.settings)
       settingString = JSON.stringify(this.settings);
-      localStorage.setItem('localExpungeVTSettings', settingString);
+      if (document.hasFocus()) {
+        localStorage.setItem('localExpungeVTSettings', settingString);
+      }
     },
     saveResponses: function () {
       devLog(
         'save responses' + getError()
       );
-      chrome.storage.local.set({
-        responses: this.responses,
-      });
+      if (document.hasFocus()) {
+        chrome.storage.local.set({
+          responses: this.responses,
+        });
+      }
     },
     saveCounts: function () {
       devLog(`saving counts: ${JSON.stringify(this.saved)}`);
+      if (document.hasFocus())
       chrome.storage.local.set({
         counts: toRaw(this.saved),
       });
@@ -373,9 +380,9 @@ export default {
 
 <template>
   <div>
-    <div v-if="petitioner.name" class="header-bar-wrapper no-print">
+    <div class="header-bar-wrapper no-print">
         <div class="header-bar">
-          <h1>Counts for {{petitioner.name}}</h1>
+          <h1 v-if="petitioner.name">Counts for {{petitioner.name}}</h1>
           <div class="header-bar__controls">
             <button v-on:click="newCount" class="btn btn-primary">
               Add Count <i class="fas fa-plus-circle"></i>

extensionDirectory/components/popup.vue

@@ -19,7 +19,9 @@ function detectChangesInChromeStorage(app) {
       app.clearAll();
       return;
     }
-    app.loadAll(function () {});
+    if (!document.hasFocus() || toRaw(app.saved.counts).length === 0 && Object.keys(toRaw(app.responses)).length === 0) {
+      app.loadAll(function () { });
+    }
   });
 }
 
@@ -91,7 +93,7 @@ export default {
       handler() {
         this.saveSettings();
         //this.$nextTick(function () {
-        //vanilla js
+          //vanilla js
         //});
       },
       deep: true,
@@ -139,19 +141,27 @@ export default {
     saveSettings: function () {
       // devLog("save settings", this.settings)
       settingString = JSON.stringify(this.settings);
-      localStorage.setItem('localExpungeVTSettings', settingString);
+      if (document.hasFocus()) {
+        localStorage.setItem('localExpungeVTSettings', settingString);
+      }
     },
     saveResponses: function () {
-      devLog('save responses' + getError());
-      chrome.storage.local.set({
-        responses: this.responses,
-      });
+      devLog(
+        'save responses' + getError()
+      );
+      if (document.hasFocus()) {
+        chrome.storage.local.set({
+          responses: this.responses,
+        });
+      }
     },
     saveCounts: function () {
       devLog('saving counts');
-      chrome.storage.local.set({
-        counts: toRaw(this.saved),
-      });
+      if (document.hasFocus()) {
+        chrome.storage.local.set({
+          counts: toRaw(this.saved),
+        });
+      }
     },
     loadAll: function (callback) {
       var self = this;
@@ -667,6 +677,8 @@ export default {
               <div class="col-4">
                 Offense Date:<br />
                 <span v-if="!count.allegedOffenseDate">&nbsp;Not Entered</span>
+                <span v-if="saved.defDOB.length === 0"
+                >{{ dateFormatSimple(count.allegedOffenseDate) }}</span>
                 <span v-else
                   >{{ dateFormatSimple(count.allegedOffenseDate) }} ({{
                     stringAgeInYearsAtDate(
@@ -679,6 +691,8 @@ export default {
               <div class="col-4">
                 Arrest/Citation Date:<br />
                 <span v-if="!count.arrestCitationDate">&nbsp;Not Entered</span>
+                <span v-if="saved.defDOB.length === 0"
+                >{{ dateFormatSimple(count.arrestCitationDate) }}</span>
                 <span v-else
                   >{{ dateFormatSimple(count.arrestCitationDate) }} ({{
                     stringAgeInYearsAtDate(
@@ -691,6 +705,8 @@ export default {
               <div class="col-4">
                 Disposition Date:<br />
                 <span v-if="!count.dispositionDate">&nbsp;Pending</span>
+                <span v-if="saved.defDOB.length === 0"
+                >{{ dateFormatSimple(count.dispositionDate) }}</span>
                 <span v-else
                   >{{ dateFormatSimple(count.dispositionDate) }} ({{
                     stringAgeInYearsAtDate(count.dispositionDate, saved.defDOB)