mirror of
https://github.com/FreeTubeApp/FreeTube
synced 2024-11-11 13:20:19 +01:00
f931092b96
* * Implement setting for disabling external link opening * * Implement setting for disabling external link opening in dropdown * * Place proper tooltip content on setting tooltip * Implement "open link after prompt" * Fix new setting placement and long translation entry value issue * fix via increasing width instead of truncating text * * Access new perference via computed property * ~ Move the code comment back to original place * * Update prompt to show URL * Fix missing :key for element with v-for * Do Nothing > No Action * $ Use shortcut to preference value in conditional statements * Update translation text * move and update tooltip text * Rename "Open Link After Prompt" > "Ask Before Opening Link" Also fix the translation value
80 lines
1.9 KiB
Vue
80 lines
1.9 KiB
Vue
<template>
|
|
<div
|
|
id="app"
|
|
:class="{
|
|
hideOutlines: hideOutlines,
|
|
rightAligned: isRightAligned
|
|
}"
|
|
>
|
|
<top-nav ref="topNav" />
|
|
<side-nav ref="sideNav" />
|
|
<ft-flex-box
|
|
v-if="showUpdatesBanner || showBlogBanner"
|
|
class="flexBox routerView"
|
|
:class="{ expand: !isOpen }"
|
|
>
|
|
<ft-notification-banner
|
|
v-if="showUpdatesBanner"
|
|
class="banner"
|
|
:message="updateBannerMessage"
|
|
@click="handleUpdateBannerClick"
|
|
/>
|
|
<ft-notification-banner
|
|
v-if="showBlogBanner"
|
|
class="banner"
|
|
:message="blogBannerMessage"
|
|
@click="handleNewBlogBannerClick"
|
|
/>
|
|
</ft-flex-box>
|
|
<transition
|
|
v-if="dataReady"
|
|
mode="out-in"
|
|
name="fade"
|
|
>
|
|
<!-- <keep-alive> -->
|
|
<RouterView
|
|
ref="router"
|
|
class="routerView"
|
|
:class="{ expand: !isOpen }"
|
|
/>
|
|
<!-- </keep-alive> -->
|
|
</transition>
|
|
<ft-prompt
|
|
v-if="showReleaseNotes"
|
|
@click="showReleaseNotes = !showReleaseNotes"
|
|
>
|
|
<h2>
|
|
{{ changeLogTitle }}
|
|
</h2>
|
|
<span
|
|
id="changeLogText"
|
|
v-html="updateChangelog"
|
|
/>
|
|
<ft-flex-box>
|
|
<ft-button
|
|
:label="$t('Download From Site')"
|
|
@click="openDownloadsPage"
|
|
/>
|
|
</ft-flex-box>
|
|
</ft-prompt>
|
|
<ft-prompt
|
|
v-if="showExternalLinkOpeningPrompt"
|
|
:label="$t('Are you sure you want to open this link?')"
|
|
:extra-labels="[lastExternalLinkToBeOpened]"
|
|
:option-names="externalLinkOpeningPromptNames"
|
|
:option-values="externalLinkOpeningPromptValues"
|
|
@click="handleExternalLinkOpeningPromptAnswer"
|
|
/>
|
|
<ft-toast />
|
|
<ft-progress-bar
|
|
v-if="showProgressBar"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script src="./App.js" />
|
|
|
|
<style src="./themes.css" />
|
|
<style src="./videoJS.css" />
|
|
<style scoped src="./App.css" />
|