Commit cc129b60 authored by Joe Alberts's avatar Joe Alberts
Browse files

Add and disable loader

Added loader divs and classes, but  it looks like I might need an event listener or something to remove it once it's loaded.
parent 1c98ffa9
...@@ -22,34 +22,38 @@ ...@@ -22,34 +22,38 @@
<span id="sign-in" class="action">Sign In</span> <span id="sign-in" class="action">Sign In</span>
</div> </div>
<div id="authenticated-view" class="esri-widget"> <div id="authenticated-view" class="esri-widget">
<div id="mainViewDiv" class="esri-widget"> <!-- <div class="loader is-active padding-leader-3 padding-trailer-3">
<div id="title-view" class="esri-widget"> <div class="loader-bars"></div>
<span id="username"></span>&nbsp;&nbsp;-&nbsp; <div class="loader-text">Loading...</div> -->
<span id="sign-out" class="action">Sign Out</span> <div id="mainViewDiv" class="esri-widget">
</div> <div id="title-view" class="esri-widget">
<div id="parameter-picker" class="esri-widget"> <span id="username"></span>&nbsp;&nbsp;-&nbsp;
<label for="parameter-1-select" class="avenir-demi">NWS Parameter:</label> <span id="sign-out" class="action">Sign Out</span>
<select id="parameter-1-select" class="select-full wrap-options"></select> </div>
<br> <div id="parameter-picker" class="esri-widget">
<label for="parameter-2-select" class="avenir-demi">Yale Parameter:</label> <label for="parameter-1-select" class="avenir-demi">NWS Parameter:</label>
<select id="parameter-2-select" class="select-full wrap-options"></select> <select id="parameter-1-select" class="select-full wrap-options"></select>
<br> <br>
<label for="normalize-check" class="toggle-switch"> <label for="parameter-2-select" class="avenir-demi">Yale Parameter:</label>
<input type="checkbox" id="normalize-check" class="toggle-switch-input" /> <select id="parameter-2-select" class="select-full wrap-options"></select>
<span class="toggle-switch-track margin-right-1"></span> <br>
<span class="toggle-switch-label font-size--1">Normalize occurrences by area?</span> <label for="normalize-check" class="toggle-switch">
</label> <input type="checkbox" id="normalize-check" class="toggle-switch-input" />
</div> <span class="toggle-switch-track margin-right-1"></span>
<div id="akViewDiv" class="esri-widget"></div> <span class="toggle-switch-label font-size--1">Normalize occurrences by area?</span>
<div id="hiViewDiv" class="esri-widget"></div> </label>
<!-- <div id="infoDiv" class="esri-widget">
<div id="infoDescription">
Show where the % that believe the global warming is between:
<span id="sliderHighValue">100</span>% and <span id="sliderLowValue">0</span>%.
</div> </div>
<div id="sliderDiv" class"slider"></div> <div id="akViewDiv" class="esri-widget"></div>
</div> --> <div id="hiViewDiv" class="esri-widget"></div>
<!-- <div id="infoDiv" class="esri-widget">
<div id="infoDescription">
Show where the % that believe the global warming is between:
<span id="sliderHighValue">100</span>% and <span id="sliderLowValue">0</span>%.
</div>
<div id="sliderDiv" class"slider"></div>
</div> -->
</div>
</div> </div>
</div> <!-- </div> -->
</body> </body>
</html> </html>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment