extern/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2024-11-08 09:04:43 +01:00
Code Issues Packages Projects Releases Wiki Activity

convert notifications page to use new settings component

Browse Source
This commit is contained in:
jmt-gh 2022-11-25 21:12:12 -08:00
parent 000d7fd249
commit 61f8055493
1 changed files with 3 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
client/pages/config/notifications.vue
View File

@ -1,11 +1,6 @@
<template> <template>
<div> <div>
<div class="bg-bg rounded-md shadow-lg border border-white border-opacity-5 p-4 mb-8"> <app-settings-content :header-text="$strings.HeaderAppriseNotificationSettings" :description="$strings.MessageAppriseDescription">
<div class="flex items-center mb-2">
<h1 class="text-xl">{{ $strings.HeaderAppriseNotificationSettings }}</h1>
</div>
<p id="appriseDescription" class="mb-6 text-gray-200" v-html="$strings.MessageAppriseDescription" />
<form @submit.prevent="submitForm"> <form @submit.prevent="submitForm">
<ui-text-input-with-label ref="apiUrlInput" v-model="appriseApiUrl" :disabled="savingSettings" label="Apprise API Url" class="mb-2" /> <ui-text-input-with-label ref="apiUrlInput" v-model="appriseApiUrl" :disabled="savingSettings" label="Apprise API Url" class="mb-2" />
@ -43,7 +38,7 @@
<template v-for="notification in notifications"> <template v-for="notification in notifications">
<cards-notification-card :key="notification.id" :notification="notification" @update="updateSettings" @edit="editNotification" /> <cards-notification-card :key="notification.id" :notification="notification" @update="updateSettings" @edit="editNotification" />
</template> </template>
</div> </app-settings-content>
<modals-notification-edit-modal v-model="showEditModal" :notification="selectedNotification" :notification-data="notificationData" @update="updateSettings" /> <modals-notification-edit-modal v-model="showEditModal" :notification="selectedNotification" :notification-data="notificationData" @update="updateSettings" />
</div> </div>
@ -173,20 +168,3 @@ export default {
} }
} }
</script> </script>
<style>
#appriseDescription a {
color: rgb(96 165 250);
}
#appriseDescription a:hover {
color: rgb(147 197 253);
text-decoration-line: underline;
}
#appriseDescription code {
font-size: 0.875rem;
border-radius: 6px;
background-color: rgb(82, 82, 82);
color: white;
padding: 2px 4px;
}
</style>