From 3ebe5587f6d287296ab1cee24d6458725c52e445 Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Sun, 28 Mar 2021 12:44:04 -0700
Subject: [PATCH] Adds icons for dropdown search

---
 assets/components/FuzzySearchModal.vue | 19 +++++++++++++++++++
 assets/index.ejs                       |  5 +++++
 2 files changed, 24 insertions(+)

diff --git a/assets/components/FuzzySearchModal.vue b/assets/components/FuzzySearchModal.vue
index 4f40126a..7d1be040 100644
--- a/assets/components/FuzzySearchModal.vue
+++ b/assets/components/FuzzySearchModal.vue
@@ -11,6 +11,16 @@
       :data="results"
       @select="selected"
     >
+      <template slot-scope="props">
+        <div class="media">
+          <div class="media-left">
+            <span :class="props.option.state"><icon name="crate"></icon></span>
+          </div>
+          <div class="media-content">
+            {{ props.option.name }}
+          </div>
+        </div>
+      </template>
     </b-autocomplete>
   </div>
 </template>
@@ -56,6 +66,7 @@ export default {
         name: c.name,
         id: c.id,
         created: c.created,
+        state: c.state,
         preparedName: fuzzysort.prepare(c.name),
       }));
     },
@@ -77,4 +88,12 @@ export default {
 .panel {
   height: 400px;
 }
+
+.running {
+  color: var(--primary-color);
+}
+
+.exited {
+  color: var(--scheme-main-ter);
+}
 </style>
diff --git a/assets/index.ejs b/assets/index.ejs
index 135086c7..b233ba0d 100644
--- a/assets/index.ejs
+++ b/assets/index.ejs
@@ -75,6 +75,11 @@
         <symbol id="icon-save" viewBox="0 0 32 32">
           <path d="M23 14l-8 8-8-8h5v-12h6v12zM15 22h-15v8h30v-8h-15zM28 26h-4v-2h4v2z"></path>
         </symbol>
+        <symbol id="icon-crate" viewBox="0 0 512 512">
+          <path
+            d="M137.484 68.427l-88.018 50.812 207.879 120.013 88.021-50.813L137.484 68.427zm326.394 51.595L256.001 0 176.14 46.11l207.883 120.009 79.855-46.097zM275.327 273.503V512l207.21-119.628V153.877l-207.21 119.626zM29.463 392.372l207.203 119.622V271.95L29.463 152.331v240.041z"
+          />
+        </symbol>
       </defs>
     </svg>
     <div id="app"></div>