From 1f4a1b496304002adf17c3da9c6a45725036887f Mon Sep 17 00:00:00 2001
From: Weilbyte <git@weilbyte.dev>
Date: Thu, 26 Mar 2020 23:07:24 +0100
Subject: [PATCH] Fix for #12

---
 images/dd_loading.svg   | 32 ++++++++++++++++++++++++++++++++
 serverside/ddInstall.sh |  1 +
 serverside/style.css    |  9 +++++++--
 3 files changed, 40 insertions(+), 2 deletions(-)
 create mode 100644 images/dd_loading.svg

diff --git a/images/dd_loading.svg b/images/dd_loading.svg
new file mode 100644
index 0000000..0965b2e
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/serverside/ddInstall.sh b/serverside/ddInstall.sh
index bf383bc..a82d1a0 100644
--- a/serverside/ddInstall.sh
+++ b/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 ''
diff --git a/serverside/style.css b/serverside/style.css
index ee1d405..fd553c4 100644
--- a/serverside/style.css
+++ b/serverside/style.css
@@ -745,11 +745,11 @@ 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);
 }
 
-.pve-itype-icon-cdrom {
+.pve-itype-icon-cdrom  {
 background-image: url(/pve2/images/dd_icon-cd.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;
+}
\ No newline at end of file