Merge pull request #7 from matt-fidd/updates

citrus-it · web-flow · commit 08dfa07df276 · 2021-06-28T09:10:37.000Z
Update to v2, add refreshless navigation
diff --git a/assets/small-loading.svg b/assets/small-loading.svg
@@ -0,0 +1,12 @@
+<svg width="40px"  height="40px"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-squaricle">
+    <g transform="translate(50 50)">
+      <g transform="scale(0.794652 0.794652)">
+        <animateTransform attributeName="transform" type="scale" calcMode="spline" values="0.8;0.5;0.8" keyTimes="0;0.5;1" dur="1.5s" keySplines="0.5 0 0.5 1;0.5 0 0.5 1" begin="0s" repeatCount="indefinite"></animateTransform>
+        <rect x="-45" y="-45" width="90" height="90" fill="#fcc374" stroke="#ff9800" stroke-width="8" rx="5.55556" transform="rotate(4.81284)">
+          <animate attributeName="rx" calcMode="linear" values="0;50;0" keyTimes="0;0.5;1" dur="1.5" begin="0s" repeatCount="indefinite"></animate>
+          <animate attributeName="stroke-width" calcMode="linear" values="8;24;8" keyTimes="0;0.5;1" dur="1.5" begin="0s" repeatCount="indefinite"></animate>
+          <animateTransform attributeName="transform" type="rotate" calcMode="spline" values="0 0 0;270 0 0;540 0 0" keyTimes="0;0.5;1" dur="1.5s" keySplines="0.5 0 0.5 1;0.5 0 0.5 1" begin="0s" repeatCount="indefinite"></animateTransform>
+        </rect>
+      </g>
+    </g>
+  </svg>
diff --git a/css/style.scss b/css/style.scss
@@ -86,6 +86,11 @@ a {
 	transform: translate( -50%, -50% );
 }
 
+#mini_loader {
+	margin: 1em;
+	color: var(--omnios-colour);
+}
+
 #overlay {
 	position: fixed;
 	display: none;
diff --git a/index.html b/index.html
@@ -190,6 +190,9 @@ <h3>Settings</h3>
 
 		<main id='log_container'>
 			<div id='topic'></div>
+			<div id='mini_loader' class='hidden'>
+				<p>Retrieving logs&#8230;</p>
+			</div>
 			<div id='logs'></div>
 			<div id='fail_msg' class='hidden fail_msg'></div>
 			<div id='nologs' class='hidden fail_msg'>
diff --git a/script.js b/script.js
