diff options
| author | Henry Jameson <me@hjkos.com> | 2022-08-04 01:56:52 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2022-08-04 01:56:52 +0300 |
| commit | dbfca224d812c2ba80a48852ba047bb65c4c6dd9 (patch) | |
| tree | b764284bf0bfe1348482cb4097c1b63c06118a7f /src/components/update_notification/update_notification.vue | |
| parent | 5b7c6538745083dfd48771392ab22de557a7a344 (diff) | |
server-side storage for flags
Diffstat (limited to 'src/components/update_notification/update_notification.vue')
| -rw-r--r-- | src/components/update_notification/update_notification.vue | 52 |
1 files changed, 36 insertions, 16 deletions
diff --git a/src/components/update_notification/update_notification.vue b/src/components/update_notification/update_notification.vue index e7118d81..793966eb 100644 --- a/src/components/update_notification/update_notification.vue +++ b/src/components/update_notification/update_notification.vue @@ -1,36 +1,56 @@ <template> <Modal - :is-open="true" + :is-open="shouldShow" class="UpdateNotification" - :class="{ peek: modalPeeked }" :no-background="true" > - <div class="UpdateNotificationModal panel"> + <div + class="UpdateNotificationModal panel" + :class="{ '-peek': !showingMore }" + > <div class="panel-heading"> <span class="title"> {{ $t('update.big_update_title') }} </span> </div> <div class="panel-body"> - <p> - {{ $t('update.big_update_content') }} - </p> - <p> + <div class="content" ref="content"> + <img class="pleroma-tan" :src="pleromaTanVariant" :style="pleromaTanStyles"/> + <div class="spacer-top"/> + <div class="text"> + <p> + {{ $t('update.big_update_content') }} + </p> + <p class="extra-info"> + {{ $t('update.update_bugs') }} + </p> + <p class="extra-info"> + {{ $t('update.update_changelog') }} + </p> + </div> + <div class="spacer-bottom"/> + </div> + </div> + <div class="panel-footer"> + <button + class="button-default" + @click.prevent="neverShowAgain" + > + {{ $t("general.never_show_again") }} + </button> <button - class="button-unstyled -link tall-status-hider" + class="button-default" @click.prevent="toggleShowMore" - > + v-if="!showingMore" + > {{ $t("general.show_more") }} </button> - {{ ' ' }} <button - class="button-unstyled -link tall-status-hider" - @click.prevent="toggleShowMore" - > - {{ $t("general.never_show_again") }} + class="button-default" + @click.prevent="dismiss" + > + {{ $t("general.dismiss") }} </button> - </p> - <img class="pleroma-tan" :src="pleromaTanVariant"/> </div> </div> </Modal> |