logo

pleroma-fe

My custom branche(s) on git.pleroma.social/pleroma/pleroma-fe git clone https://anongit.hacktivis.me/git/pleroma-fe.git/

update_notification.vue (2988B)

    

  1. <template>
  2.   <Modal
  3.     :is-open="!!shouldShow"
  4.     class="UpdateNotification"
  5.     :no-background="true"
  6.   >
  7.     <div
  8.       class="UpdateNotificationModal panel"
  9.       :class="{ '-peek': !showingMore }"
  10.     >
  11.       <div class="panel-heading">
  12.         <h1 class="title">
  13.           {{ $t('update.big_update_title') }}
  14.         </h1>
  15.       </div>
  16.       <div class="panel-body">
  17.         <div
  18.           class="content"
  19.           :class="{ '-noImage': !showingImage }"
  20.         >
  21.           <img
  22.             v-if="showingImage"
  23.             class="pleroma-tan"
  24.             :src="pleromaTanVariant"
  25.             :style="pleromaTanStyles"
  26.           >
  27.           <div class="spacer-top" />
  28.           <div class="text">
  29.             <p>
  30.               {{ $t('update.big_update_content') }}
  31.             </p>
  32.             <div
  33.               ref="animatedText"
  34.               class="extra-info-group"
  35.             >
  36.               <i18n-t
  37.                 scope="global"
  38.                 keypath="update.update_bugs"
  39.                 tag="p"
  40.               >
  41.                 <template #pleromaGitlab>
  42.                   <a
  43.                     target="_blank"
  44.                     href="https://git.pleroma.social/"
  45.                   >{{ $t('update.update_bugs_gitlab') }}</a>
  46.                 </template>
  47.               </i18n-t>
  48.               <i18n-t
  49.                 scope="global"
  50.                 keypath="update.update_changelog"
  51.                 tag="p"
  52.               >
  53.                 <template #theFullChangelog>
  54.                   <a
  55.                     target="_blank"
  56.                     href="https://pleroma.social/announcements/"
  57.                   >{{ $t('update.update_changelog_here') }}</a>
  58.                 </template>
  59.               </i18n-t>
  60.               <p class="art-credit">
  61.                 <i18n-t
  62.                   scope="global"
  63.                   keypath="update.art_by"
  64.                   tag="small"
  65.                 >
  66.                   <template #linkToArtist>
  67.                     <a
  68.                       target="_blank"
  69.                       href="https://post.ebin.club/users/pipivovott"
  70.                     >pipivovott</a>
  71.                   </template>
  72.                 </i18n-t>
  73.               </p>
  74.             </div>
  75.           </div>
  76.           <div class="spacer-bottom" />
  77.         </div>
  78.       </div>
  79.       <div class="panel-footer">
  80.         <button
  81.           class="button-default"
  82.           @click.prevent="neverShowAgain"
  83.         >
  84.           {{ $t("general.never_show_again") }}
  85.         </button>
  86.         <button
  87.           v-if="!showingMore"
  88.           class="button-default"
  89.           @click.prevent="toggleShow"
  90.         >
  91.           {{ $t("general.show_more") }}
  92.         </button>
  93.         <button
  94.           class="button-default"
  95.           @click.prevent="dismiss"
  96.         >
  97.           {{ $t("general.dismiss") }}
  98.         </button>
  99.       </div>
  100.     </div>
  101.   </Modal>
  102. </template>
  104. <script src="./update_notification.js"></script>
  106. <style src="./update_notification.scss" lang="scss"></style>