Mirrors/WGDashboard
1
0
Fork 0
mirror of https://github.com/donaldzou/WGDashboard.git synced 2025-07-15 09:36:59 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Update peerSearch.vue

Browse Source
This commit is contained in:
Donald Zou 2024-11-30 00:27:59 +08:00
parent bd95fe9af1
commit 8c2e1875ca
1 changed files with 26 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
src/static/app/src/components/configurationComponents/peerSearch.vue
View File

@ -90,17 +90,20 @@ export default {
<template> <template>
<div class="d-flex flex-column gap-2 mb-3"> <div class="d-flex flex-column gap-2 mb-3">
<div class="d-flex gap-2 z-3 peerSearchContainer justify-content-end"> <div class="d-flex gap-3 align-items-center">
<button class="btn btn-sm text-primary-emphasis bg-primary-subtle rounded-3 border-1 border-primary-subtle shadow-sm" <h6 class="mb-0 ms-auto">
@click="this.downloadAllPeer()"> <label for="searchPeers">
<i class="bi bi-download me-2"></i> <i class="bi bi-search"></i>
<LocaleText t="Download All"></LocaleText> </label>
</button> </h6>
<button class="btn btn-sm text-primary-emphasis bg-primary-subtle rounded-3 border-1 border-primary-subtle shadow-sm" <input class="form-control form-control-sm rounded-3 bg-secondary-subtle border-1 border-secondary-subtle shadow-sm"
@click="this.$emit('selectPeers')"> :placeholder="searchBarPlaceholder"
<i class="bi bi-check2-all me-2"></i> id="searchPeers"
<LocaleText t="Select Peers"></LocaleText> @keyup="this.debounce()"
</button> v-model="this.searchString">
</div>
<div class="d-flex gap-2 z-3 peerSearchContainer">
<div class="dropdown"> <div class="dropdown">
<button <button
data-bs-toggle="dropdown" data-bs-toggle="dropdown"
@ -146,6 +149,16 @@ export default {
</ul> </ul>
</div> </div>
<button class="btn btn-sm text-primary-emphasis bg-primary-subtle rounded-3 border-1 border-primary-subtle shadow-sm ms-lg-auto"
@click="this.downloadAllPeer()">
<i class="bi bi-download me-2"></i>
<LocaleText t="Download All"></LocaleText>
</button>
<button class="btn btn-sm text-primary-emphasis bg-primary-subtle rounded-3 border-1 border-primary-subtle shadow-sm"
@click="this.$emit('selectPeers')">
<i class="bi bi-check2-all me-2"></i>
<LocaleText t="Select Peers"></LocaleText>
</button>
<button class="btn btn-sm text-primary-emphasis bg-primary-subtle rounded-3 border-1 border-primary-subtle shadow-sm" <button class="btn btn-sm text-primary-emphasis bg-primary-subtle rounded-3 border-1 border-primary-subtle shadow-sm"
@click="this.$emit('jobsAll')" @click="this.$emit('jobsAll')"
type="button" aria-expanded="false"> type="button" aria-expanded="false">
@ -153,18 +166,7 @@ export default {
<LocaleText t="Active Jobs"></LocaleText> <LocaleText t="Active Jobs"></LocaleText>
</button> </button>
</div> </div>
<div class="d-flex gap-3 align-items-center">
<h6 class="mb-0">
<label for="searchPeers">
<i class="bi bi-search"></i>
</label>
</h6>
<input class="form-control form-control-sm rounded-3 bg-secondary-subtle border-1 border-secondary-subtle shadow-sm w-auto"
:placeholder="searchBarPlaceholder"
id="searchPeers"
@keyup="this.debounce()"
v-model="this.searchString">
</div>
</div> </div>
</template> </template>
@ -203,9 +205,6 @@ export default {
} }
} }
.peerSearchContainer > *{
flex-grow: 1;
}
button{ button{
text-align: left; text-align: left;
@ -213,7 +212,7 @@ button{
align-items: center; align-items: center;
i{ i{
margin-right: auto !important; margin-right: 1rem !important;
} }
} }
</style> </style>