mirrors/dozzle
1
0
Fork 0
mirror of https://github.com/amir20/dozzle.git synced 2025-12-21 21:33:18 +01:00
Code Issues Projects Releases Wiki Activity

Adds icons for dropdown search

Browse Source
This commit is contained in:
Amir Raminfar
2021-03-28 12:44:04 -07:00
parent 83ca30caf9
commit 3ebe5587f6
2 changed files with 24 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
assets/components/FuzzySearchModal.vue
View File

@@ -11,6 +11,16 @@
:data="results" :data="results"
@select="selected" @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> </b-autocomplete>
</div> </div>
</template> </template>
@@ -56,6 +66,7 @@ export default {
name: c.name, name: c.name,
id: c.id, id: c.id,
created: c.created, created: c.created,
state: c.state,
preparedName: fuzzysort.prepare(c.name), preparedName: fuzzysort.prepare(c.name),
})); }));
}, },
@@ -77,4 +88,12 @@ export default {
.panel { .panel {
height: 400px; height: 400px;
} }
.running {
color: var(--primary-color);
}
.exited {
color: var(--scheme-main-ter);
}
</style> </style>

5
assets/index.ejs
View File

@@ -75,6 +75,11 @@
<symbol id="icon-save" viewBox="0 0 32 32"> <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> <path d="M23 14l-8 8-8-8h5v-12h6v12zM15 22h-15v8h30v-8h-15zM28 26h-4v-2h4v2z"></path>
</symbol> </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> </defs>
</svg> </svg>
<div id="app"></div> <div id="app"></div>