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 @@
<span id="sign-in" class="action">Sign In</span>
</div>
<div id="authenticated-view" class="esri-widget">
<div id="mainViewDiv" class="esri-widget">
<div id="title-view" class="esri-widget">
<span id="username"></span>&nbsp;&nbsp;-&nbsp;
<span id="sign-out" class="action">Sign Out</span>
</div>
<div id="parameter-picker" class="esri-widget">
<label for="parameter-1-select" class="avenir-demi">NWS Parameter:</label>
<select id="parameter-1-select" class="select-full wrap-options"></select>
<br>
<label for="parameter-2-select" class="avenir-demi">Yale Parameter:</label>
<select id="parameter-2-select" class="select-full wrap-options"></select>
<br>
<label for="normalize-check" class="toggle-switch">
<input type="checkbox" id="normalize-check" class="toggle-switch-input" />
<span class="toggle-switch-track margin-right-1"></span>
<span class="toggle-switch-label font-size--1">Normalize occurrences by area?</span>
</label>
</div>
<div id="akViewDiv" class="esri-widget"></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 class="loader is-active padding-leader-3 padding-trailer-3">
<div class="loader-bars"></div>
<div class="loader-text">Loading...</div> -->
<div id="mainViewDiv" class="esri-widget">
<div id="title-view" class="esri-widget">
<span id="username"></span>&nbsp;&nbsp;-&nbsp;
<span id="sign-out" class="action">Sign Out</span>
</div>
<div id="parameter-picker" class="esri-widget">
<label for="parameter-1-select" class="avenir-demi">NWS Parameter:</label>
<select id="parameter-1-select" class="select-full wrap-options"></select>
<br>
<label for="parameter-2-select" class="avenir-demi">Yale Parameter:</label>
<select id="parameter-2-select" class="select-full wrap-options"></select>
<br>
<label for="normalize-check" class="toggle-switch">
<input type="checkbox" id="normalize-check" class="toggle-switch-input" />
<span class="toggle-switch-track margin-right-1"></span>
<span class="toggle-switch-label font-size--1">Normalize occurrences by area?</span>
</label>
</div>
<div id="sliderDiv" class"slider"></div>
</div> -->
<div id="akViewDiv" class="esri-widget"></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> -->
</body>
</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