From 913f8655c560a82a85ff4d2e06cdf4e89cbfab50 Mon Sep 17 00:00:00 2001
From: Gianni Carafa <gianni.carafa@srf.ch>
Date: Mon, 19 Dec 2022 07:28:17 +0100
Subject: [PATCH] improve pipelineview status icon

---
 client/public/img/icons/connected.svg    |  4 +++
 client/public/img/icons/disconnected.svg |  4 +++
 client/src/components/pipelines/list.vue | 32 +++++++++++++++++++++++-
 3 files changed, 39 insertions(+), 1 deletion(-)
 create mode 100644 client/public/img/icons/connected.svg
 create mode 100644 client/public/img/icons/disconnected.svg

diff --git a/client/public/img/icons/connected.svg b/client/public/img/icons/connected.svg
new file mode 100644
index 00000000..11e33e47
--- /dev/null
+++ b/client/public/img/icons/connected.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <path style="text-indent:0;text-align:start;line-height:normal;text-transform:none;block-progression:tb;-inkscape-font-specification:Bitstream Vera Sans" d="M 22.5 0.09375 L 18.15625 4.4375 L 16.40625 2.6875 C 15.50625 1.7875 14.2125 1.7875 13.3125 2.6875 L 9.90625 6.09375 L 8.90625 5.09375 L 7.5 6.5 L 17.5 16.5 L 18.90625 15.09375 L 17.90625 14.09375 L 21.3125 10.6875 C 22.2125 9.7875 22.2125 8.49375 21.3125 7.59375 L 19.5625 5.84375 L 23.90625 1.5 L 22.5 0.09375 z M 6.5 7.5 L 5.09375 8.90625 L 6.09375 9.90625 L 2.6875 13.3125 C 1.7875 14.2125 1.7875 15.50625 2.6875 16.40625 L 4.4375 18.15625 L 0.09375 22.5 L 1.5 23.90625 L 5.84375 19.5625 L 7.59375 21.3125 C 8.49375 22.2125 9.7875 22.2125 10.6875 21.3125 L 14.09375 17.90625 L 15.09375 18.90625 L 16.5 17.5 L 6.5 7.5 z" overflow="visible" enable-background="accumulate" font-family="Bitstream Vera Sans"/>
+</svg>
diff --git a/client/public/img/icons/disconnected.svg b/client/public/img/icons/disconnected.svg
new file mode 100644
index 00000000..1de2371e
--- /dev/null
+++ b/client/public/img/icons/disconnected.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <path style="text-indent:0;text-align:start;line-height:normal;text-transform:none;block-progression:tb;-inkscape-font-specification:Bitstream Vera Sans" d="M 16.84375 0.03125 C 16.29375 0.03125 15.7625 0.2375 15.3125 0.6875 L 11.90625 4.09375 L 10.90625 3.09375 L 9.5 4.5 L 11.8125 6.8125 L 9.09375 9.5 L 10.5 10.90625 L 13.1875 8.1875 L 15.8125 10.8125 L 13.09375 13.5 L 14.5 14.90625 L 17.1875 12.1875 L 19.5 14.5 L 20.90625 13.09375 L 19.90625 12.09375 L 23.3125 8.6875 C 24.2125 7.7875 24.2125 6.49375 23.3125 5.59375 L 21.5625 3.84375 L 23.90625 1.5 L 22.5 0.09375 L 20.15625 2.4375 L 18.40625 0.6875 C 17.95625 0.2375 17.39375 0.03125 16.84375 0.03125 z M 4.5 9.5 L 3.09375 10.90625 L 4.09375 11.90625 L 0.6875 15.3125 C -0.2125 16.2125 -0.2125 17.50625 0.6875 18.40625 L 2.4375 20.15625 L 0.09375 22.5 L 1.5 23.90625 L 3.84375 21.5625 L 5.59375 23.3125 C 6.49375 24.2125 7.7875 24.2125 8.6875 23.3125 L 12.09375 19.90625 L 13.09375 20.90625 L 14.5 19.5 L 4.5 9.5 z"/>
+</svg>
diff --git a/client/src/components/pipelines/list.vue b/client/src/components/pipelines/list.vue
index ce476773..8aedeac5 100644
--- a/client/src/components/pipelines/list.vue
+++ b/client/src/components/pipelines/list.vue
@@ -30,7 +30,7 @@
                                     <v-col cols="12" sm="12" md="6">
                                         <a :href="'/#/pipeline/'+item.name+'/apps'">
                                             <v-card-title>
-                                                <v-icon left>mdi-{{ item.deploymentstrategy}}</v-icon>
+                                                <v-icon left :class=" (item.git.repository.admin == true) ? 'connected' : 'disconnected' "></v-icon>
                                                 <span class="text-h5">{{ item.name }}</span>
                                             </v-card-title>
                                             <v-card-text>
@@ -131,4 +131,34 @@ export default {
     text-decoration: none;
     color: #8560A9 !important;
 }
+
+.connected{
+    background-image: url('./../../../public/img/icons/connected.svg');
+    background-size: contain;
+    background-repeat: no-repeat;
+    filter: invert(39%) sepia(47%) saturate(584%) hue-rotate(228deg) brightness(95%) contrast(80%);
+    /*filter: invert(93%) sepia(49%) saturate(7411%) hue-rotate(184deg) brightness(87%) contrast(90%);*/
+}
+
+.connected::before {
+    height: 23px;
+    width: 23px;
+    visibility: hidden;
+    content: "";
+}
+
+.disconnected{
+    background-image: url('./../../../public/img/icons/disconnected.svg');
+    background-size: contain;
+    background-repeat: no-repeat;
+    filter: invert(39%) sepia(47%) saturate(584%) hue-rotate(228deg) brightness(95%) contrast(80%);
+    /*filter: invert(93%) sepia(49%) saturate(7411%) hue-rotate(184deg) brightness(87%) contrast(90%);*/
+}
+
+.disconnected::before {
+    height: 23px;
+    width: 23px;
+    visibility: hidden;
+    content: "";
+}
 </style>
\ No newline at end of file