TyleoDvDelaware3217/Kuma
1
0
Fork 0
mirror of https://github.com/louislam/uptime-kuma.git synced 2025-06-01 11:22:34 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Update TagsManager.vue

Browse source
This commit is contained in:
grvwy 2025-05-20 01:06:34 +02:00
parent 1cf88c9dbd
commit d694ec65b0
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/TagsManager.vue
View file

@ -24,7 +24,7 @@
<div class="modal-dialog modal-dialog-centered"> <div class="modal-dialog modal-dialog-centered">
<div class="modal-content"> <div class="modal-content">
<div class="modal-body"> <div class="modal-body">
<!-- IV.1 Staging Display Area --> <!-- Display area for tags staged for batch addition -->
<h4 v-if="stagedForBatchAdd.length > 0">{{ $t("Staged Tags for Batch Add") }}</h4> <h4 v-if="stagedForBatchAdd.length > 0">{{ $t("Staged Tags for Batch Add") }}</h4>
<div v-if="stagedForBatchAdd.length > 0" class="mb-3 staging-area" style="max-height: 150px; overflow-y: auto;"> <div v-if="stagedForBatchAdd.length > 0" class="mb-3 staging-area" style="max-height: 150px; overflow-y: auto;">
<Tag <Tag
@ -34,7 +34,7 @@
:remove="() => unstageTag(stagedTag)" :remove="() => unstageTag(stagedTag)"
/> />
</div> </div>
<!-- End IV.1 --> <!-- End Staging Display -->
<vue-multiselect <vue-multiselect
v-model="newDraftTag.select" v-model="newDraftTag.select"
@ -120,13 +120,13 @@
/> />
</div> </div>
<!-- IV.3 Feedback Area for Validation (General) --> <!-- General feedback area for tag input validation messages -->
<div v-if="validateDraftTag.invalid && validateDraftTag.messageKey && (newDraftTag.select != null || canStageMoreNewSystemTags || validateDraftTag.messageKey !== 'tagLimitReached')" class="form-text text-danger mb-2"> <div v-if="validateDraftTag.invalid && validateDraftTag.messageKey && (newDraftTag.select != null || canStageMoreNewSystemTags || validateDraftTag.messageKey !== 'tagLimitReached')" class="form-text text-danger mb-2">
{{ $t(validateDraftTag.messageKey, validateDraftTag.messageParams) }} {{ $t(validateDraftTag.messageKey, validateDraftTag.messageParams) }}
</div> </div>
<!-- End IV.3 --> <!-- End Validation Feedback -->
<!-- Action Buttons: Clear Form and Add Another Tag --> <!-- Action Buttons: Clear current form and Stage current tag -->
<div class="d-flex justify-content-end align-items-center mt-3"> <div class="d-flex justify-content-end align-items-center mt-3">
<a href="#" @click.prevent="clearDraftTag" class="me-3">{{ $t("Clear Form") }}</a> <a href="#" @click.prevent="clearDraftTag" class="me-3">{{ $t("Clear Form") }}</a>
<button type="button" class="btn btn-outline-primary" @click.stop="stageCurrentTag" :disabled="processing || validateDraftTag.invalid"> <button type="button" class="btn btn-outline-primary" @click.stop="stageCurrentTag" :disabled="processing || validateDraftTag.invalid">
@ -137,12 +137,12 @@
{{ $t(validateDraftTag.messageKey, validateDraftTag.messageParams) }} {{ $t(validateDraftTag.messageKey, validateDraftTag.messageParams) }}
</div> </div>
</div> </div>
<!-- IV.4 Modal Footer Buttons --> <!-- Modal Footer: Cancel batch or Confirm and Add all staged tags -->
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-secondary" @click.stop="clearStagingAndCloseModal">{{ $t("Cancel") }}</button> <button type="button" class="btn btn-secondary" @click.stop="clearStagingAndCloseModal">{{ $t("Cancel") }}</button>
<button type="button" class="btn btn-primary" @click.stop="confirmAndCommitStagedTags" :disabled="processing || (stagedForBatchAdd.length === 0 && validateDraftTag.invalid)">{{ $t("Add") }}</button> <button type="button" class="btn btn-primary" @click.stop="confirmAndCommitStagedTags" :disabled="processing || (stagedForBatchAdd.length === 0 && validateDraftTag.invalid)">{{ $t("Add") }}</button>
</div> </div>
<!-- End IV.4 --> <!-- End Modal Footer -->
</div> </div>
</div> </div>
</div> </div>