Adds icons for dropdown search

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>

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>