logo

pleroma-fe

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

update_notification.vue (2897B)

    

  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.         <span class="title">
  13.           {{ $t('update.big_update_title') }}
  14.         </span>
  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.                 keypath="update.update_bugs"
  38.                 tag="p"
  39.               >
  40.                 <template #pleromaGitlab>
  41.                   <a
  42.                     target="_blank"
  43.                     href="https://git.pleroma.social/"
  44.                   >{{ $t('update.update_bugs_gitlab') }}</a>
  45.                 </template>
  46.               </i18n-t>
  47.               <i18n-t
  48.                 keypath="update.update_changelog"
  49.                 tag="p"
  50.               >
  51.                 <template #theFullChangelog>
  52.                   <a
  53.                     target="_blank"
  54.                     href="https://pleroma.social/announcements/"
  55.                   >{{ $t('update.update_changelog_here') }}</a>
  56.                 </template>
  57.               </i18n-t>
  58.               <p class="art-credit">
  59.                 <i18n-t
  60.                   keypath="update.art_by"
  61.                   tag="small"
  62.                 >
  63.                   <template #linkToArtist>
  64.                     <a
  65.                       target="_blank"
  66.                       href="https://post.ebin.club/users/pipivovott"
  67.                     >pipivovott</a>
  68.                   </template>
  69.                 </i18n-t>
  70.               </p>
  71.             </div>
  72.           </div>
  73.           <div class="spacer-bottom" />
  74.         </div>
  75.       </div>
  76.       <div class="panel-footer">
  77.         <button
  78.           class="button-default"
  79.           @click.prevent="neverShowAgain"
  80.         >
  81.           {{ $t("general.never_show_again") }}
  82.         </button>
  83.         <button
  84.           v-if="!showingMore"
  85.           class="button-default"
  86.           @click.prevent="toggleShow"
  87.         >
  88.           {{ $t("general.show_more") }}
  89.         </button>
  90.         <button
  91.           class="button-default"
  92.           @click.prevent="dismiss"
  93.         >
  94.           {{ $t("general.dismiss") }}
  95.         </button>
  96.       </div>
  97.     </div>
  98.   </Modal>
  99. </template>
  101. <script src="./update_notification.js"></script>
  103. <style src="./update_notification.scss" lang="scss"></style>