deleteBackup.htm
| 1 | <div class="modal-header"> |
| 2 | <div class="modal-main-title"> |
| 3 | <h1 class="modal-title fs-5" id="deleteBackupLabel">{{ lang.t("Delete Backup") }}</h1> |
| 4 | </div> |
| 5 | <button type="button" class="btn-close" ng-click="cancel()" aria-label="Close"></button> |
| 6 | </div> |
| 7 | |
| 8 | <div class="modal-body"> |
| 9 | <!-- Message explaining the purpose --> |
| 10 | <p ng-bind-html="lang.t('This action allows you to mark or unmark a backup for deletion for a selected destination. Marking for deletion does not immediately delete the backup but flags it for future removal.')"></p> |
| 11 | |
| 12 | <!-- Destination selection (shown only if there are multiple destinations) --> |
| 13 | <div class="row mt-4" ng-if="backup.destinations.length > 1"> |
| 14 | <div class="col-md-12 mx-auto text-start fs-13"> |
| 15 | <label class="form-label"> |
| 16 | {{ lang.t("This backup exists on multiple destinations. Please select the destination you want to mark or unmark for deletion.") }} |
| 17 | </label> |
| 18 | <div> |
| 19 | <label ng-repeat="dest in backup.destinations" |
| 20 | class="list-group-item" |
| 21 | ng-show="!selectedDestination || selectedDestination === dest.id"> |
| 22 | <input type="radio" |
| 23 | name="destinationRadio" |
| 24 | ng-model="selectedDestination" |
| 25 | ng-value="dest.id" |
| 26 | ng-change="updateDeletionStatus(dest)"> |
| 27 | {{ lang.t(dest.name || 'Unknown') }} |
| 28 | <span class="badge" ng-class="dest.deleted === 1 ? 'bg-danger' : 'bg-success'"> |
| 29 | {{ dest.deleted === 1 ? lang.t('Marked For Deletion') : lang.t('Active') }} |
| 30 | </span> |
| 31 | </label> |
| 32 | </div> |
| 33 | </div> |
| 34 | </div> |
| 35 | |
| 36 | <!-- Single destination message --> |
| 37 | <div class="row mt-4" ng-if="backup.destinations.length === 1"> |
| 38 | <div class="col-md-12 text-start"> |
| 39 | <p> |
| 40 | {{ lang.t("This backup has only one destination:") }} |
| 41 | <strong>{{ backup.destinations[0].name }}</strong> |
| 42 | </p> |
| 43 | </div> |
| 44 | </div> |
| 45 | |
| 46 | <!-- Display deletion status after selecting a destination --> |
| 47 | <div class="row mt-4" ng-if="selectedDestination"> |
| 48 | <div class="col-md-12 text-start"> |
| 49 | <p> |
| 50 | {{ lang.t("Current Status:") }} |
| 51 | <span class="badge" ng-class="currentDeletionStatus ? 'bg-danger' : 'bg-success'"> |
| 52 | {{ currentDeletionStatus ? lang.t('Marked for Deletion') : lang.t('Active') }} |
| 53 | </span> |
| 54 | </p> |
| 55 | </div> |
| 56 | </div> |
| 57 | </div> |
| 58 | |
| 59 | <div class="modal-footer"> |
| 60 | <button class="btn btn-secondary cancel_btn" type="button" ng-click="cancel()"> |
| 61 | {{ lang.t("Cancel") }} |
| 62 | </button> |
| 63 | <button class="btn btn-primary" type="button" |
| 64 | ng-click="ok()" |
| 65 | ng-disabled="!selectedDestination"> |
| 66 | {{ currentDeletionStatus ? lang.t("Unmark for Deletion") : lang.t("Mark for Deletion") }} |
| 67 | </button> |
| 68 | </div> |