Fix for #12

images/dd_loading.svg

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
+<g transform="rotate(0 50 50)">
+  <rect x="47" y="24" rx="2.7600000000000002" ry="2.7600000000000002" width="6" height="12" fill="#ffffff">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8571428571428571s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(51.42857142857143 50 50)">
+  <rect x="47" y="24" rx="2.7600000000000002" ry="2.7600000000000002" width="6" height="12" fill="#ffffff">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.7142857142857143s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(102.85714285714286 50 50)">
+  <rect x="47" y="24" rx="2.7600000000000002" ry="2.7600000000000002" width="6" height="12" fill="#ffffff">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5714285714285714s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(154.28571428571428 50 50)">
+  <rect x="47" y="24" rx="2.7600000000000002" ry="2.7600000000000002" width="6" height="12" fill="#ffffff">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.42857142857142855s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(205.71428571428572 50 50)">
+  <rect x="47" y="24" rx="2.7600000000000002" ry="2.7600000000000002" width="6" height="12" fill="#ffffff">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.2857142857142857s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(257.14285714285717 50 50)">
+  <rect x="47" y="24" rx="2.7600000000000002" ry="2.7600000000000002" width="6" height="12" fill="#ffffff">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.14285714285714285s" repeatCount="indefinite"></animate>
+  </rect>
+</g><g transform="rotate(308.57142857142856 50 50)">
+  <rect x="47" y="24" rx="2.7600000000000002" ry="2.7600000000000002" width="6" height="12" fill="#ffffff">
+    <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
+  </rect>
+</g>
+<!-- [ldio] generated by https://loading.io/ --></svg>

serverside/ddInstall.sh

@@ -42,6 +42,7 @@ wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_mini-top.pn
 wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_readme &> /dev/null 
 wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_tool-sprites.png &> /dev/null 
 wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_trigger.png &> /dev/null 
+wget https://github.com/Weilbyte/PVEDiscordDark/raw/master/images/dd_loading.svg &> /dev/null 
 
 DotSay 'Downloaded images!'
 Say ''

serverside/style.css

@@ -745,7 +745,7 @@ background-image:url(/pve2/images/dd_icon-hdd.png);
 background-image:url(/pve2/images/dd_icon-swap.png);
 }
 
-.pve-itype-icon-display {
+.pve-itype-icon-display, .x-grid-row-console {
 background-image: url(/pve2/images/dd_icon-display.png);
 }
 
@@ -818,3 +818,8 @@ text-shadow:0 0 0 #2c2f33;
 * {
         font-weight: 350;
 }
+
+.x-grid-row-loading {
+background-image: url(/pve2/images/dd_loading.svg);
+background-size: 32px;
+}