IntenseWebs/uptime-kuma
3
0
Fork 0
mirror of https://github.com/louislam/uptime-kuma.git synced 2025-02-09 06:55:58 -06:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #3246 from chakflying/ui/monitor-group-select

Browse Source 
UI: Improve no group monitor message
This commit is contained in:
Louis Lam 2023-06-17 16:43:03 +08:00 committed by GitHub
commit 596402e71f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/assets/app.scss
View File

@ -266,6 +266,11 @@ optgroup {
background-color: $dark-bg2; background-color: $dark-bg2;
} }
.form-select:disabled {
color: rgba($dark-font-color, 0.7);
background-color: $dark-bg;
}
.form-control, .form-select { .form-control, .form-select {
border-color: $dark-border-color; border-color: $dark-border-color;
} }

3
src/lang/en.json
View File

@ -750,5 +750,6 @@
"Badge value (For Testing only.)": "Badge value (For Testing only.)", "Badge value (For Testing only.)": "Badge value (For Testing only.)",
"Badge URL": "Badge URL", "Badge URL": "Badge URL",
"Group": "Group", "Group": "Group",
"Monitor Group": "Monitor Group" "Monitor Group": "Monitor Group",
"noGroupMonitorMsg": "Not Available. Create a Group Monitor First."
} }

3
src/pages/EditMonitor.vue
View File

@ -96,7 +96,8 @@
<div class="my-3"> <div class="my-3">
<label for="parent" class="form-label">{{ $t("Monitor Group") }}</label> <label for="parent" class="form-label">{{ $t("Monitor Group") }}</label>
<select v-model="monitor.parent" class="form-select" :disabled="sortedMonitorList.length === 0"> <select v-model="monitor.parent" class="form-select" :disabled="sortedMonitorList.length === 0">
<option :value="null" selected>{{ $t("None") }}</option> <option v-if="sortedMonitorList.length === 0" :value="null" selected>{{ $t("noGroupMonitorMsg") }}</option>
<option v-else :value="null" selected>{{ $t("None") }}</option>
<option v-for="parentMonitor in sortedMonitorList" :key="parentMonitor.id" :value="parentMonitor.id">{{ parentMonitor.pathName }}</option> <option v-for="parentMonitor in sortedMonitorList" :key="parentMonitor.id" :value="parentMonitor.id">{{ parentMonitor.pathName }}</option>
</select> </select>
</div> </div>