From d4b99b2cb2e1932d23e84b33e6eebefdac51ad18 Mon Sep 17 00:00:00 2001
From: Joxit <joxit972@gmail.com>
Date: Fri, 22 Sep 2017 20:26:17 +0200
Subject: [PATCH] [riot-mui] Add riot-mui in remove-image (#17)

---
 src/style.css             |  8 ++++++++
 src/tags/app.tag          |  3 +++
 src/tags/remove-image.tag | 16 ++++++++--------
 3 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/style.css b/src/style.css
index 594ef04..457ef54 100644
--- a/src/style.css
+++ b/src/style.css
@@ -211,4 +211,12 @@ material-card table th.material-card-th-sorted-descending:before {
 }
 material-card table th.material-card-th-sorted-descending:before {
   content: "\e5db";
+}
+
+.material-icons {
+  color: #777;
+}
+
+material-snackbar .toast {
+  height: auto;
 }
\ No newline at end of file
diff --git a/src/tags/app.tag b/src/tags/app.tag
index f6b9200..ca09b92 100644
--- a/src/tags/app.tag
+++ b/src/tags/app.tag
@@ -52,6 +52,9 @@
     registryUI.snackbar = function (message, isError) {
       registryUI.appTag.tags['material-snackbar'].addToast({'message': message, 'isError': isError});
     };
+    registryUI.errorSnackbar = function(message) {
+      return registryUI.snackbar(message, true);
+    }
     this.router.start();
   </script>
 </app>
diff --git a/src/tags/remove-image.tag b/src/tags/remove-image.tag
index d41ee40..a6d7c1f 100644
--- a/src/tags/remove-image.tag
+++ b/src/tags/remove-image.tag
@@ -16,7 +16,7 @@
 -->
 <remove-image>
   <a href="#" onclick="registryUI.removeImage.remove('{ opts.name }', '{ opts.tag }')">
-    <i class="material-icons mdl-list__item-icon">delete</i>
+    <i class="material-icons">delete</i>
   </a>
   <script type="text/javascript">
     registryUI.removeImage = registryUI.removeImage || {}
@@ -28,7 +28,7 @@
         registryUI.taglist.refresh();
         if (this.status == 200) {
           if (!this.hasHeader('Docker-Content-Digest')) {
-            registryUI.taglist.createSnackbar('You need to add Access-Control-Expose-Headers: [\'Docker-Content-Digest\'] in your server configuration.');
+            registryUI.errorSnackbar('You need to add Access-Control-Expose-Headers: [\'Docker-Content-Digest\'] in your server configuration.');
             return;
           }
           var digest = this.getResponseHeader('Docker-Content-Digest');
@@ -36,23 +36,23 @@
           oReq.addEventListener('loadend', function () {
             if (this.status == 200 || this.status == 202) {
               registryUI.taglist.refresh();
-              registryUI.taglist.createSnackbar('Deleting ' + name + ':' + tag + ' image. Run `registry garbage-collect config.yml` on your registry');
+              registryUI.snackbar('Deleting ' + name + ':' + tag + ' image. Run `registry garbage-collect config.yml` on your registry');
             } else if (this.status == 404) {
-              registryUI.taglist.createSnackbar('Digest not found');
+              registryUI.errorSnackbar('Digest not found');
             } else {
-              registryUI.taglist.createSnackbar(this.responseText);
+              registryUI.snackbar(this.responseText);
             }
           });
           oReq.open('DELETE', registryUI.url() + '/v2/' + name + '/manifests/' + digest);
           oReq.setRequestHeader('Accept', 'application/vnd.docker.distribution.manifest.v2+json');
           oReq.addEventListener('error', function () {
-            registryUI.taglist.createSnackbar('An error occurred when deleting image. Check if your server accept DELETE methods Access-Control-Allow-Methods: [\'DELETE\'].');
+            registryUI.errorSnackbar('An error occurred when deleting image. Check if your server accept DELETE methods Access-Control-Allow-Methods: [\'DELETE\'].');
           });
           oReq.send();
         } else if (this.status == 404) {
-          registryUI.taglist.createSnackbar('Manifest for' + name + ':' + tag + 'not found');
+          registryUI.errorSnackbar('Manifest for ' + name + ':' + tag + ' not found');
         } else {
-          registryUI.taglist.createSnackbar(this.responseText);
+          registryUI.snackbar(this.responseText);
         }
       });
       oReq.open('HEAD', registryUI.url() + '/v2/' + name + '/manifests/' + tag);