Update sourdough to work with strict CSP (#179)

Author: labkey-adam

sourdough/resources/views/dailylog.html

@@ -13,12 +13,17 @@
         <div class="daily-log-input">
             <div class="daily-log-input__label">Picture</div>
             <label for="picture" class="daily-log-upload-label">upload</label>
-            <input type="file" id="picture" name="picture" onchange="onUpload(this)">
+            <input type="file" id="picture" name="picture">
             <div id="daily-log-upload-indicator"></div>
         </div>
-        <div class="daily-log-form__submit" onclick="onSubmit()"> Submit </div>
+        <div class="daily-log-form__submit" id="daily-log-form__submit"> Submit </div>
     </div>
 </div>
-<script>
-    init();
+<script type="text/javascript" nonce="<%=scriptNonce%>">
+    LABKEY.Utils.onReady(function(){
+        const el = document.getElementById('picture');
+        el['onchange'] = function() { onUpload(el); };
+        document.getElementById('daily-log-form__submit')['onclick'] = onSubmit;
+        init();
+    });
 </script>

sourdough/resources/views/dashboard.html

@@ -6,6 +6,8 @@
     <div id='myQWP2'></div>
 </div>
 
-<script>
-    init();
+<script type="text/javascript" nonce="<%=scriptNonce%>">
+    LABKEY.Utils.onReady(function() {
+        init();
+    });
 </script>

sourdough/resources/views/overview.html

@@ -6,7 +6,7 @@ <h3> Welcome to the Sourdough File-based Module!  </h3>
 <div>
     To get started, click below to initialize data import and styling configuration.
     <div class="overview">
-        <div class="overview__button" onclick="onInit()"> Initialize </div>
+        <div class="overview__button" id="overview__button"> Initialize </div>
         <div id="overview__text"> </div>
     </div>
 </div>
@@ -40,3 +40,8 @@ <h3> Welcome to the Sourdough File-based Module!  </h3>
         <li> Customizing the login page </li>
     </ul>
 </div>
+<script type="text/javascript" nonce="<%=scriptNonce%>">
+    LABKEY.Utils.onReady(function() {
+        document.getElementById('overview__button')['onclick'] = onInit;
+    });
+</script>

sourdough/resources/views/styling.html

@@ -14,13 +14,21 @@
 
     <div class="buttonRow">
         <div class="buttonRow__label">Toggle custom header and footer</div>
-        <div class="buttonRow__button" onclick="setHeaderFooter(true)"> on </div>
-        <div class="buttonRow__button" onclick="setHeaderFooter(false)"> off </div>
+        <div class="buttonRow__button" id="setHeaderFooterOn"> on </div>
+        <div class="buttonRow__button" id="setHeaderFooterOff"> off </div>
     </div>
 
     <div class="buttonRow">
         <div class="buttonRow__label">Toggle custom login page</div>
-        <div class="buttonRow__button" onclick="setLogin(true)"> on </div>
-        <div class="buttonRow__button" onclick="setLogin(false)"> off </div>
+        <div class="buttonRow__button" id="setLoginOn"> on </div>
+        <div class="buttonRow__button" id="setLoginOff"> off </div>
     </div>
 </div>
+<script type="text/javascript" nonce="<%=scriptNonce%>">
+    LABKEY.Utils.onReady(function(){
+        document.getElementById('setHeaderFooterOn')['onclick'] = function() { setHeaderFooter(true) };
+        document.getElementById('setHeaderFooterOff')['onclick'] = function() { setHeaderFooter(false) };
+        document.getElementById('setLoginOn')['onclick'] = function() { setLogin(true) };
+        document.getElementById('setLoginOff')['onclick'] = function() { setLogin(false) };
+    });
+</script>