TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Replace b and i tags with semantic HTML

Browse source
This commit is contained in:
Tomasz Rymkiewicz 2021-12-27 15:43:37 +01:00 committed by FireMasterK
parent 4289a02e20
commit c4ea68f9d8
No known key found for this signature in database
GPG key ID: 49451E4482CC5BCD
6 changed files with 54 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/ImportPage.vue
View file

@ -5,17 +5,17 @@
<input ref="fileSelector" type="file" @change="fileChange" /> <input ref="fileSelector" type="file" @change="fileChange" />
</div> </div>
<div class="uk-form-row"> <div class="uk-form-row">
<b>Selected Subscriptions: {{ selectedSubscriptions }}</b> <strong>Selected Subscriptions: {{ selectedSubscriptions }}</strong>
</div> </div>
<div class="uk-form-row"> <div class="uk-form-row">
<b>Override: <input v-model="override" class="uk-checkbox" type="checkbox"/></b> <strong>Override: <input v-model="override" class="uk-checkbox" type="checkbox" /></strong>
</div> </div>
<div class="uk-form-row"> <div class="uk-form-row">
<a class="uk-width-1-1 btn uk-button-large w-auto" @click="handleImport">Import</a> <a class="uk-width-1-1 btn uk-button-large w-auto" @click="handleImport">Import</a>
</div> </div>
</form> </form>
<br /> <br />
<b>Importing Subscriptions from YouTube</b> <strong>Importing Subscriptions from YouTube</strong>
<br /> <br />
<div> <div>
Open Open
@ -30,7 +30,7 @@
Select and import the file above. Select and import the file above.
</div> </div>
<br /> <br />
<b>Importing Subscriptions from Invidious</b> <strong>Importing Subscriptions from Invidious</strong>
<br /> <br />
<div> <div>
Open Open
@ -41,7 +41,7 @@
Select and import the file above. Select and import the file above.
</div> </div>
<br /> <br />
<b>Importing Subscriptions from NewPipe</b> <strong>Importing Subscriptions from NewPipe</strong>
<br /> <br />
<div> <div>
Go to the Feed tab. Go to the Feed tab.

6
src/components/Playlist.vue
View file

@ -8,16 +8,16 @@
<div class="grid grid-cols-2"> <div class="grid grid-cols-2">
<div> <div>
<b <strong
><router-link class="uk-text-justify" :to="playlist.uploaderUrl || '/'"> ><router-link class="uk-text-justify" :to="playlist.uploaderUrl || '/'">
<img :src="playlist.uploaderAvatar" loading="lazy" class="rounded-full" /> <img :src="playlist.uploaderAvatar" loading="lazy" class="rounded-full" />
{{ playlist.uploader }}</router-link {{ playlist.uploader }}</router-link
></b ></strong
> >
</div> </div>
<div> <div>
<div class="right-2vw absolute"> <div class="right-2vw absolute">
<b>{{ playlist.videos }} {{ $t("video.videos") }}</b> <strong>{{ playlist.videos }} {{ $t("video.videos") }}</strong>
<br /> <br />
<a :href="getRssUrl"><font-awesome-icon icon="rss"></font-awesome-icon></a> <a :href="getRssUrl"><font-awesome-icon icon="rss"></font-awesome-icon></a>
</div> </div>

57
src/components/Preferences.vue
View file

@ -3,13 +3,13 @@
<button class="uk-button uk-button-text" @click="$router.go(-1) || $router.push('/')"> <button class="uk-button uk-button-text" @click="$router.go(-1) || $router.push('/')">
<font-awesome-icon icon="chevron-left" /><span class="ml-1.5">{{ $t("actions.back") }}</span> <font-awesome-icon icon="chevron-left" /><span class="ml-1.5">{{ $t("actions.back") }}</span>
</button> </button>
<span><h1 v-t="'titles.preferences'" class="font-bold text-center"/></span> <span><h1 v-t="'titles.preferences'" class="font-bold text-center" /></span>
<span /> <span />
</div> </div>
<hr /> <hr />
<h2>SponsorBlock</h2> <h2>SponsorBlock</h2>
<p>{{ $t("actions.uses_api_from") }}<a href="https://sponsor.ajay.app/">sponsor.ajay.app</a></p> <p>{{ $t("actions.uses_api_from") }}<a href="https://sponsor.ajay.app/">sponsor.ajay.app</a></p>
<label for="chkEnableSponsorblock"><b v-t="'actions.enable_sponsorblock'"/></label> <label for="chkEnableSponsorblock"><strong v-t="'actions.enable_sponsorblock'" /></label>
<br /> <br />
<input <input
id="chkEnableSponsorblock" id="chkEnableSponsorblock"
@ -19,23 +19,23 @@
@change="onChange($event)" @change="onChange($event)"
/> />
<br /> <br />
<label for="chkSkipSponsors"><b v-t="'actions.skip_sponsors'"/></label> <label for="chkSkipSponsors"><strong v-t="'actions.skip_sponsors'" /></label>
<br /> <br />
<input id="chkSkipSponsors" v-model="skipSponsor" class="uk-checkbox" type="checkbox" @change="onChange($event)" /> <input id="chkSkipSponsors" v-model="skipSponsor" class="uk-checkbox" type="checkbox" @change="onChange($event)" />
<br /> <br />
<label for="chkSkipIntro"><b v-t="'actions.skip_intro'"/></label> <label for="chkSkipIntro"><strong v-t="'actions.skip_intro'" /></label>
<br /> <br />
<input id="chkSkipIntro" v-model="skipIntro" class="uk-checkbox" type="checkbox" @change="onChange($event)" /> <input id="chkSkipIntro" v-model="skipIntro" class="uk-checkbox" type="checkbox" @change="onChange($event)" />
<br /> <br />
<label for="chkSkipOutro"><b v-t="'actions.skip_outro'"/></label> <label for="chkSkipOutro"><strong v-t="'actions.skip_outro'" /></label>
<br /> <br />
<input id="chkSkipOutro" v-model="skipOutro" class="uk-checkbox" type="checkbox" @change="onChange($event)" /> <input id="chkSkipOutro" v-model="skipOutro" class="uk-checkbox" type="checkbox" @change="onChange($event)" />
<br /> <br />
<label for="chkSkipPreview"><b v-t="'actions.skip_preview'"/></label> <label for="chkSkipPreview"><strong v-t="'actions.skip_preview'" /></label>
<br /> <br />
<input id="chkSkipPreview" v-model="skipPreview" class="uk-checkbox" type="checkbox" @change="onChange($event)" /> <input id="chkSkipPreview" v-model="skipPreview" class="uk-checkbox" type="checkbox" @change="onChange($event)" />
<br /> <br />
<label for="chkSkipInteraction"><b v-t="'actions.skip_interaction'"/></label> <label for="chkSkipInteraction"><strong v-t="'actions.skip_interaction'" /></label>
<br /> <br />
<input <input
id="chkSkipInteraction" id="chkSkipInteraction"
@ -45,7 +45,7 @@
@change="onChange($event)" @change="onChange($event)"
/> />
<br /> <br />
<label for="chkSkipSelfPromo"><b v-t="'actions.skip_self_promo'"/></label> <label for="chkSkipSelfPromo"><strong v-t="'actions.skip_self_promo'" /></label>
<br /> <br />
<input <input
id="chkSkipSelfPromo" id="chkSkipSelfPromo"
@ -55,7 +55,7 @@
@change="onChange($event)" @change="onChange($event)"
/> />
<br /> <br />
<label for="chkSkipNonMusic"><b v-t="'actions.skip_non_music'"/></label> <label for="chkSkipNonMusic"><strong v-t="'actions.skip_non_music'" /></label>
<br /> <br />
<input <input
id="chkSkipNonMusic" id="chkSkipNonMusic"
@ -65,7 +65,7 @@
@change="onChange($event)" @change="onChange($event)"
/> />
<br /> <br />
<label for="ddlTheme"><b v-t="'actions.theme'"/></label> <label for="ddlTheme"><strong v-t="'actions.theme'" /></label>
<br /> <br />
<select id="ddlTheme" v-model="selectedTheme" class="select w-auto" @change="onChange($event)"> <select id="ddlTheme" v-model="selectedTheme" class="select w-auto" @change="onChange($event)">
<option v-t="'actions.auto'" value="auto" /> <option v-t="'actions.auto'" value="auto" />
@ -73,7 +73,7 @@
<option v-t="'actions.light'" value="light" /> <option v-t="'actions.light'" value="light" />
</select> </select>
<br /> <br />
<label for="chkAutoPlayVideo"><b v-t="'actions.autoplay_video'"/></label> <label for="chkAutoPlayVideo"><strong v-t="'actions.autoplay_video'" /></label>
<br /> <br />
<input <input
id="chkAutoPlayVideo" id="chkAutoPlayVideo"
@ -83,39 +83,39 @@
@change="onChange($event)" @change="onChange($event)"
/> />
<br /> <br />
<label for="chkAudioOnly"><b v-t="'actions.audio_only'"/></label> <label for="chkAudioOnly"><strong v-t="'actions.audio_only'" /></label>
<br /> <br />
<input id="chkAudioOnly" v-model="listen" class="uk-checkbox" type="checkbox" @change="onChange($event)" /> <input id="chkAudioOnly" v-model="listen" class="uk-checkbox" type="checkbox" @change="onChange($event)" />
<br /> <br />
<label for="ddlDefaultQuality"><b v-t="'actions.default_quality'"/></label> <label for="ddlDefaultQuality"><strong v-t="'actions.default_quality'" /></label>
<br /> <br />
<select id="ddlDefaultQuality" v-model="defaultQuality" class="select w-auto" @change="onChange($event)"> <select id="ddlDefaultQuality" v-model="defaultQuality" class="select w-auto" @change="onChange($event)">
<option v-t="'actions.auto'" value="0" /> <option v-t="'actions.auto'" value="0" />
<option v-for="resolution in resolutions" :key="resolution" :value="resolution">{{ resolution }}p</option> <option v-for="resolution in resolutions" :key="resolution" :value="resolution">{{ resolution }}p</option>
</select> </select>
<br /> <br />
<label for="txtBufferingGoal"><b v-t="'actions.buffering_goal'"/></label> <label for="txtBufferingGoal"><strong v-t="'actions.buffering_goal'" /></label>
<br /> <br />
<input id="txtBufferingGoal" v-model="bufferingGoal" class="input w-auto" type="text" @change="onChange($event)" /> <input id="txtBufferingGoal" v-model="bufferingGoal" class="input w-auto" type="text" @change="onChange($event)" />
<br /> <br />
<label for="ddlCountrySelection"><b v-t="'actions.country_selection'"/></label> <label for="ddlCountrySelection"><strong v-t="'actions.country_selection'" /></label>
<br /> <br />
<select id="ddlCountrySelection" v-model="countrySelected" class="select w-auto" @change="onChange($event)"> <select id="ddlCountrySelection" v-model="countrySelected" class="select w-auto" @change="onChange($event)">
<option v-for="country in countryMap" :key="country.code" :value="country.code">{{ country.name }}</option> <option v-for="country in countryMap" :key="country.code" :value="country.code">{{ country.name }}</option>
</select> </select>
<br /> <br />
<label for="ddlDefaultHomepage"><b v-t="'actions.default_homepage'"/></label> <label for="ddlDefaultHomepage"><strong v-t="'actions.default_homepage'" /></label>
<br /> <br />
<select id="ddlDefaultHomepage" v-model="defaultHomepage" class="select w-auto" @change="onChange($event)"> <select id="ddlDefaultHomepage" v-model="defaultHomepage" class="select w-auto" @change="onChange($event)">
<option v-t="'titles.trending'" value="trending" /> <option v-t="'titles.trending'" value="trending" />
<option v-t="'titles.feed'" value="feed" /> <option v-t="'titles.feed'" value="feed" />
</select> </select>
<br /> <br />
<label for="chkShowComments"><b v-t="'actions.show_comments'"/></label> <label for="chkShowComments"><strong v-t="'actions.show_comments'" /></label>
<br /> <br />
<input id="chkShowComments" v-model="showComments" class="uk-checkbox" type="checkbox" @change="onChange($event)" /> <input id="chkShowComments" v-model="showComments" class="uk-checkbox" type="checkbox" @change="onChange($event)" />
<br /> <br />
<label for="chkMinimizeDescription"><b v-t="'actions.minimize_description_default'"/></label> <label for="chkMinimizeDescription"><strong v-t="'actions.minimize_description_default'" /></label>
<br /> <br />
<input <input
id="chkMinimizeDescription" id="chkMinimizeDescription"
@ -125,7 +125,7 @@
@change="onChange($event)" @change="onChange($event)"
/> />
<br /> <br />
<label for="chkStoreWatchHistory"><b v-t="'actions.store_watch_history'"/></label> <label for="chkStoreWatchHistory"><strong v-t="'actions.store_watch_history'" /></label>
<br /> <br />
<input <input
id="chkStoreWatchHistory" id="chkStoreWatchHistory"
@ -135,13 +135,13 @@
@change="onChange($event)" @change="onChange($event)"
/> />
<br /> <br />
<label for="ddlLanguageSelection"><b v-t="'actions.language_selection'"/></label> <label for="ddlLanguageSelection"><strong v-t="'actions.language_selection'" /></label>
<br /> <br />
<select id="ddlLanguageSelection" v-model="selectedLanguage" class="select w-auto" @change="onChange($event)"> <select id="ddlLanguageSelection" v-model="selectedLanguage" class="select w-auto" @change="onChange($event)">
<option v-for="language in languages" :key="language.code" :value="language.code">{{ language.name }}</option> <option v-for="language in languages" :key="language.code" :value="language.code">{{ language.name }}</option>
</select> </select>
<br /> <br />
<label for="ddlEnabledCodecs"><b v-t="'actions.enabled_codecs'"/></label> <label for="ddlEnabledCodecs"><strong v-t="'actions.enabled_codecs'" /></label>
<br /> <br />
<select id="ddlEnabledCodecs" v-model="enabledCodecs" class="select w-auto" multiple @change="onChange($event)"> <select id="ddlEnabledCodecs" v-model="enabledCodecs" class="select w-auto" multiple @change="onChange($event)">
<option value="av1">AV1</option> <option value="av1">AV1</option>
@ -149,11 +149,11 @@
<option value="avc">AVC (h.264)</option> <option value="avc">AVC (h.264)</option>
</select> </select>
<br /> <br />
<label for="chkDisableLBRY"><b v-t="'actions.disable_lbry'"/></label> <label for="chkDisableLBRY"><strong v-t="'actions.disable_lbry'" /></label>
<br /> <br />
<input id="chkDisableLBRY" v-model="disableLBRY" class="uk-checkbox" type="checkbox" @change="onChange($event)" /> <input id="chkDisableLBRY" v-model="disableLBRY" class="uk-checkbox" type="checkbox" @change="onChange($event)" />
<br /> <br />
<label for="chkEnableLBRYProxy"><b v-t="'actions.enable_lbry_proxy'"/></label> <label for="chkEnableLBRYProxy"><strong v-t="'actions.enable_lbry_proxy'" /></label>
<br /> <br />
<input id="chkEnableLBRYProxy" v-model="proxyLBRY" class="uk-checkbox" type="checkbox" @change="onChange($event)" /> <input id="chkEnableLBRYProxy" v-model="proxyLBRY" class="uk-checkbox" type="checkbox" @change="onChange($event)" />
<h2 v-t="'actions.instances_list'" /> <h2 v-t="'actions.instances_list'" />
@ -181,7 +181,7 @@
<hr /> <hr />
<label for="ddlInstanceSelection" <label for="ddlInstanceSelection"
><b>{{ $t("actions.instance_selection") }}:</b></label ><strong>{{ $t("actions.instance_selection") }}:</strong></label
> >
<br /> <br />
<select id="ddlInstanceSelection" v-model="selectedInstance" class="select w-auto" @change="onChange($event)"> <select id="ddlInstanceSelection" v-model="selectedInstance" class="select w-auto" @change="onChange($event)">
@ -294,7 +294,14 @@ export default {
this.sponsorBlock = this.getPreferenceBoolean("sponsorblock", true); this.sponsorBlock = this.getPreferenceBoolean("sponsorblock", true);
if (localStorage.getItem("selectedSkip") !== null) { if (localStorage.getItem("selectedSkip") !== null) {
var skipList = localStorage.getItem("selectedSkip").split(","); var skipList = localStorage.getItem("selectedSkip").split(",");
this.skipSponsor = this.skipIntro = this.skipOutro = this.skipPreview = this.skipInteraction = this.skipSelfPromo = this.skipMusicOffTopic = false; this.skipSponsor =
this.skipIntro =
this.skipOutro =
this.skipPreview =
this.skipInteraction =
this.skipSelfPromo =
this.skipMusicOffTopic =
false;
skipList.forEach(skip => { skipList.forEach(skip => {
switch (skip) { switch (skip) {
case "sponsor": case "sponsor":

10
src/components/SearchResults.vue
View file

@ -4,7 +4,7 @@
</h1> </h1>
<label for="ddlSearchFilters" <label for="ddlSearchFilters"
><b>{{ $t("actions.filter") }}: </b></label ><strong>{{ $t("actions.filter") }}: </strong></label
> >
<select <select
id="ddlSearchFilters" id="ddlSearchFilters"
@ -23,11 +23,11 @@
<div v-if="results && results.corrected" style="height: 7vh"> <div v-if="results && results.corrected" style="height: 7vh">
{{ $t("search.did_you_mean") }} {{ $t("search.did_you_mean") }}
<i> <em>
<router-link :to="{ name: 'SearchResults', query: { search_query: results.suggestion } }"> <router-link :to="{ name: 'SearchResults', query: { search_query: results.suggestion } }">
{{ results.suggestion }} {{ results.suggestion }}
</router-link> </router-link>
</i> </em>
</div> </div>
<div v-if="results" class="video-grid"> <div v-if="results" class="video-grid">
@ -56,8 +56,8 @@
</router-link> </router-link>
<a v-if="result.uploaderName" class="uk-text-muted">{{ result.uploaderName }}</a> <a v-if="result.uploaderName" class="uk-text-muted">{{ result.uploaderName }}</a>
<b v-if="result.videos >= 0" <strong v-if="result.videos >= 0"
><br v-if="result.uploaderName" />{{ result.videos }} {{ $t("video.videos") }}</b ><br v-if="result.uploaderName" />{{ result.videos }} {{ $t("video.videos") }}</strong
> >
<br /> <br />

4
src/components/VideoItem.vue
View file

@ -56,7 +56,7 @@
}}<font-awesome-icon class="ml-1.5" v-if="video.uploaderVerified" icon="check"></font-awesome-icon> }}<font-awesome-icon class="ml-1.5" v-if="video.uploaderVerified" icon="check"></font-awesome-icon>
</router-link> </router-link>
<b v-if="video.views >= 0 || video.uploadedDate" class="uk-text-small"> <strong v-if="video.views >= 0 || video.uploadedDate" class="uk-text-small">
<span v-if="video.views >= 0"> <span v-if="video.views >= 0">
<font-awesome-icon icon="eye"></font-awesome-icon> <font-awesome-icon icon="eye"></font-awesome-icon>
{{ numberFormat(video.views) }} • {{ numberFormat(video.views) }} •
@ -67,7 +67,7 @@
<span v-if="video.uploaded"> <span v-if="video.uploaded">
{{ timeAgo(video.uploaded) }} {{ timeAgo(video.uploaded) }}
</span> </span>
</b> </strong>
</div> </div>
</div> </div>
</div> </div>

14
src/components/WatchVideo.vue
View file

@ -33,24 +33,24 @@
<template v-if="video.likes >= 0"> <template v-if="video.likes >= 0">
<div> <div>
<font-awesome-icon icon="thumbs-up"></font-awesome-icon> <font-awesome-icon icon="thumbs-up"></font-awesome-icon>
<b class="ml-2">{{ addCommas(video.likes) }}</b> <strong class="ml-2">{{ addCommas(video.likes) }}</strong>
</div> </div>
<div> <div>
<font-awesome-icon icon="thumbs-down"></font-awesome-icon> <font-awesome-icon icon="thumbs-down"></font-awesome-icon>
<b class="ml-2">{{ video.dislikes >= 0 ? addCommas(video.dislikes) : "?" }}</b> <strong class="ml-2">{{ video.dislikes >= 0 ? addCommas(video.dislikes) : "?" }}</strong>
</div> </div>
</template> </template>
<template v-if="video.likes < 0"> <template v-if="video.likes < 0">
<div> <div>
<b v-t="'video.ratings_disabled'" /> <strong v-t="'video.ratings_disabled'" />
</div> </div>
</template> </template>
<a :href="'https://youtu.be/' + getVideoId()" class="btn"> <a :href="'https://youtu.be/' + getVideoId()" class="btn">
<b>{{ $t("player.watch_on") }}</b> <strong>{{ $t("player.watch_on") }}</strong>
<font-awesome-icon class="ml-1.5" :icon="['fab', 'youtube']"></font-awesome-icon> <font-awesome-icon class="ml-1.5" :icon="['fab', 'youtube']"></font-awesome-icon>
</a> </a>
<a v-if="video.lbryId" :href="'https://odysee.com/' + video.lbryId" class="btn"> <a v-if="video.lbryId" :href="'https://odysee.com/' + video.lbryId" class="btn">
<b>{{ $t("player.watch_on") }} LBRY</b> <strong>{{ $t("player.watch_on") }} LBRY</strong>
</a> </a>
<router-link <router-link
:to="toggleListenUrl" :to="toggleListenUrl"
@ -90,12 +90,12 @@
<hr /> <hr />
<label for="chkAutoLoop" <label for="chkAutoLoop"
><b>{{ $t("actions.loop_this_video") }}:</b></label ><strong>{{ $t("actions.loop_this_video") }}:</strong></label
> >
<input id="chkAutoLoop" v-model="selectedAutoLoop" class="ml-1.5" type="checkbox" @change="onChange($event)" /> <input id="chkAutoLoop" v-model="selectedAutoLoop" class="ml-1.5" type="checkbox" @change="onChange($event)" />
<br /> <br />
<label for="chkAutoPlay" <label for="chkAutoPlay"
><b>{{ $t("actions.auto_play_next_video") }}:</b></label ><strong>{{ $t("actions.auto_play_next_video") }}:</strong></label
> >
<input id="chkAutoPlay" v-model="selectedAutoPlay" class="ml-1.5" type="checkbox" @change="onChange($event)" /> <input id="chkAutoPlay" v-model="selectedAutoPlay" class="ml-1.5" type="checkbox" @change="onChange($event)" />