mirror of https://github.com/FreeTubeApp/FreeTube
Compare commits
14 Commits
85f15916e9
...
3857a3e3db
Author | SHA1 | Date |
---|---|---|
ChunkyProgrammer | 3857a3e3db | |
NEXI | 43a7fbdcb1 | |
absidue | 88bed9eaf6 | |
Sergio Marques | 7f3925d0c5 | |
ChunkyProgrammer | 07b338b433 | |
ChunkyProgrammer | f3d8c12bbf | |
ChunkyProgrammer | cc33e38f80 | |
ChunkyProgrammer | e1aa567337 | |
ChunkyProgrammer | 38af621a77 | |
ChunkyProgrammer | aff13bac01 | |
ChunkyProgrammer | a754fc29a6 | |
ChunkyProgrammer | 07d8ae09db | |
ChunkyProgrammer | bcebc5f218 | |
ChunkyProgrammer | ea0579257c |
|
@ -1,6 +1,7 @@
|
|||
import { defineComponent } from 'vue'
|
||||
import { sanitizeForHtmlId } from '../../helpers/accessibility'
|
||||
import { MAIN_PROFILE_ID } from '../../../constants'
|
||||
import { getFirstCharacter } from '../../helpers/strings'
|
||||
|
||||
export default defineComponent({
|
||||
name: 'FtProfileBubble',
|
||||
|
@ -24,6 +25,9 @@ export default defineComponent({
|
|||
},
|
||||
emits: ['click'],
|
||||
computed: {
|
||||
locale: function () {
|
||||
return this.$i18n.locale.replace('_', '-')
|
||||
},
|
||||
isMainProfile: function () {
|
||||
return this.profileId === MAIN_PROFILE_ID
|
||||
},
|
||||
|
@ -31,7 +35,9 @@ export default defineComponent({
|
|||
return 'profileBubble' + sanitizeForHtmlId(this.profileId)
|
||||
},
|
||||
profileInitial: function () {
|
||||
return this?.profileName?.length > 0 ? Array.from(this.translatedProfileName)[0].toUpperCase() : ''
|
||||
return this.profileName
|
||||
? getFirstCharacter(this.translatedProfileName, this.locale).toUpperCase()
|
||||
: ''
|
||||
},
|
||||
translatedProfileName: function () {
|
||||
return this.isMainProfile ? this.$t('Profile.All Channels') : this.profileName
|
||||
|
|
|
@ -8,6 +8,7 @@ import FtButton from '../../components/ft-button/ft-button.vue'
|
|||
import { MAIN_PROFILE_ID } from '../../../constants'
|
||||
import { calculateColorLuminance, colors } from '../../helpers/colors'
|
||||
import { showToast } from '../../helpers/utils'
|
||||
import { getFirstCharacter } from '../../helpers/strings'
|
||||
|
||||
export default defineComponent({
|
||||
name: 'FtProfileEdit',
|
||||
|
@ -47,11 +48,16 @@ export default defineComponent({
|
|||
}
|
||||
},
|
||||
computed: {
|
||||
locale: function () {
|
||||
return this.$i18n.locale.replace('_', '-')
|
||||
},
|
||||
colorValues: function () {
|
||||
return colors.map(color => color.value)
|
||||
},
|
||||
profileInitial: function () {
|
||||
return this?.profileName?.length > 0 ? Array.from(this.translatedProfileName)[0].toUpperCase() : ''
|
||||
return this.profileName
|
||||
? getFirstCharacter(this.translatedProfileName, this.locale).toUpperCase()
|
||||
: ''
|
||||
},
|
||||
activeProfile: function () {
|
||||
return this.$store.getters.getActiveProfile
|
||||
|
|
|
@ -5,6 +5,7 @@ import FtCard from '../../components/ft-card/ft-card.vue'
|
|||
import FtIconButton from '../../components/ft-icon-button/ft-icon-button.vue'
|
||||
import { showToast } from '../../helpers/utils'
|
||||
import { MAIN_PROFILE_ID } from '../../../constants'
|
||||
import { getFirstCharacter } from '../../helpers/strings'
|
||||
|
||||
export default defineComponent({
|
||||
name: 'FtProfileSelector',
|
||||
|
@ -19,6 +20,9 @@ export default defineComponent({
|
|||
}
|
||||
},
|
||||
computed: {
|
||||
locale: function () {
|
||||
return this.$i18n.locale.replace('_', '-')
|
||||
},
|
||||
profileList: function () {
|
||||
return this.$store.getters.getProfileList
|
||||
},
|
||||
|
@ -26,12 +30,15 @@ export default defineComponent({
|
|||
return this.$store.getters.getActiveProfile
|
||||
},
|
||||
activeProfileInitial: function () {
|
||||
// use Array.from, so that emojis don't get split up into individual character codes
|
||||
return this.activeProfile?.name?.length > 0 ? Array.from(this.translatedProfileName(this.activeProfile))[0].toUpperCase() : ''
|
||||
return this.activeProfile?.name
|
||||
? getFirstCharacter(this.translatedProfileName(this.activeProfile), this.locale).toUpperCase()
|
||||
: ''
|
||||
},
|
||||
profileInitials: function () {
|
||||
return this.profileList.map((profile) => {
|
||||
return profile?.name?.length > 0 ? Array.from(this.translatedProfileName(profile))[0].toUpperCase() : ''
|
||||
return profile?.name
|
||||
? getFirstCharacter(this.translatedProfileName(profile), this.locale).toUpperCase()
|
||||
: ''
|
||||
})
|
||||
}
|
||||
},
|
||||
|
|
|
@ -6,6 +6,7 @@ import FtButton from '../../components/ft-button/ft-button.vue'
|
|||
|
||||
import { MAIN_PROFILE_ID } from '../../../constants'
|
||||
import { deepCopy, showToast } from '../../helpers/utils'
|
||||
import { getFirstCharacter } from '../../helpers/strings'
|
||||
|
||||
export default defineComponent({
|
||||
name: 'FtSubscribeButton',
|
||||
|
@ -45,9 +46,14 @@ export default defineComponent({
|
|||
}
|
||||
},
|
||||
computed: {
|
||||
locale: function () {
|
||||
return this.$i18n.locale.replace('_', '-')
|
||||
},
|
||||
profileInitials: function () {
|
||||
return this.profileDisplayList.map((profile) => {
|
||||
return profile?.name?.length > 0 ? Array.from(profile.name)[0].toUpperCase() : ''
|
||||
return profile.name
|
||||
? getFirstCharacter(profile.name, this.locale).toUpperCase()
|
||||
: ''
|
||||
})
|
||||
},
|
||||
|
||||
|
|
|
@ -359,7 +359,18 @@ export default defineComponent({
|
|||
try {
|
||||
const response = await fetch(feedUrl)
|
||||
|
||||
if (response.status === 500 || response.status === 404) {
|
||||
if (response.status === 404) {
|
||||
// playlists don't exist if the channel was terminated but also if it doesn't have the tab,
|
||||
// so we need to check the channel feed too before deciding it errored, as that only 404s if the channel was terminated
|
||||
|
||||
const response2 = await fetch(`${this.currentInvidiousInstance}/feed/channel/${channel.id}`, {
|
||||
method: 'GET'
|
||||
})
|
||||
|
||||
if (response2.status === 404) {
|
||||
this.errorChannels.push(channel)
|
||||
}
|
||||
|
||||
return {
|
||||
videos: []
|
||||
}
|
||||
|
|
|
@ -236,7 +236,18 @@ export default defineComponent({
|
|||
try {
|
||||
const response = await fetch(feedUrl)
|
||||
|
||||
if (response.status === 500 || response.status === 404) {
|
||||
if (response.status === 404) {
|
||||
// playlists don't exist if the channel was terminated but also if it doesn't have the tab,
|
||||
// so we need to check the channel feed too before deciding it errored, as that only 404s if the channel was terminated
|
||||
|
||||
const response2 = await fetch(`${this.currentInvidiousInstance}/feed/channel/${channel.id}`, {
|
||||
method: 'GET'
|
||||
})
|
||||
|
||||
if (response2.status === 404) {
|
||||
this.errorChannels.push(channel)
|
||||
}
|
||||
|
||||
return {
|
||||
videos: []
|
||||
}
|
||||
|
|
|
@ -360,8 +360,18 @@ export default defineComponent({
|
|||
try {
|
||||
const response = await fetch(feedUrl)
|
||||
|
||||
if (response.status === 500 || response.status === 404) {
|
||||
this.errorChannels.push(channel)
|
||||
if (response.status === 404) {
|
||||
// playlists don't exist if the channel was terminated but also if it doesn't have the tab,
|
||||
// so we need to check the channel feed too before deciding it errored, as that only 404s if the channel was terminated
|
||||
|
||||
const response2 = await fetch(`${this.currentInvidiousInstance}/feed/channel/${channel.id}`, {
|
||||
method: 'GET'
|
||||
})
|
||||
|
||||
if (response2.status === 404) {
|
||||
this.errorChannels.push(channel)
|
||||
}
|
||||
|
||||
return {
|
||||
videos: []
|
||||
}
|
||||
|
|
|
@ -52,3 +52,31 @@ export function translateWindowTitle(title, i18n) {
|
|||
return null
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns the first user-perceived character,
|
||||
* respecting language specific rules and
|
||||
* emojis made up of multiple codepoints
|
||||
* like flags, families and skin tone modifiers.
|
||||
* @param {string} text
|
||||
* @param {string} locale
|
||||
* @returns {string}
|
||||
*/
|
||||
export function getFirstCharacter(text, locale) {
|
||||
if (text.length === 0) {
|
||||
return ''
|
||||
}
|
||||
|
||||
// Firefox only received support for Intl.Segmenter support in version 125 (2024-04-16)
|
||||
// so fallback to Array.from just in case.
|
||||
// TODO: Remove fallback in the future
|
||||
if (Intl.Segmenter) {
|
||||
const segmenter = new Intl.Segmenter([locale, 'en'], { granularity: 'grapheme' })
|
||||
|
||||
// Use iterator directly as we only need the first segment
|
||||
const firstSegment = segmenter.segment(text)[Symbol.iterator]().next().value
|
||||
return firstSegment.segment
|
||||
} else {
|
||||
return Array.from(text)[0]
|
||||
}
|
||||
}
|
||||
|
|
|
@ -276,6 +276,9 @@ Settings:
|
|||
Open Link: Abrir ligação
|
||||
Ask Before Opening Link: Perguntar antes de abrir a ligação
|
||||
No Action: Nenhuma ação
|
||||
Auto Load Next Page:
|
||||
Label: Carregar seguinte automaticamente
|
||||
Tooltip: Carrega as páginas e comentários automaticamente.
|
||||
Theme Settings:
|
||||
Theme Settings: 'Configurações de tema'
|
||||
Match Top Bar with Main Color: 'Utilizar cor principal na barra superior'
|
||||
|
@ -633,6 +636,7 @@ Settings:
|
|||
Set Password: Definir palavra-passe
|
||||
Remove Password: Remover palavra-passe
|
||||
Expand All Settings Sections: Expandir todas as secções de configurações
|
||||
Sort Settings Sections (A-Z): Ordenar definições (A-Z)
|
||||
About:
|
||||
#On About page
|
||||
About: 'Acerca'
|
||||
|
@ -974,6 +978,13 @@ Playlist:
|
|||
Playlist: Lista de reprodução
|
||||
Sort By:
|
||||
Sort By: Ordenar por
|
||||
AuthorAscending: Autor (A-Z)
|
||||
DateAddedNewest: Últimas adições primeiro
|
||||
DateAddedOldest: Primeiras adições primeiro
|
||||
AuthorDescending: Autor (Z-A)
|
||||
VideoTitleAscending: Título (A-Z)
|
||||
VideoTitleDescending: Título (Z-A)
|
||||
Custom: Personalizado
|
||||
Toggle Theatre Mode: 'Alternar modo cinema'
|
||||
Change Format:
|
||||
Change Media Formats: 'Alterar formatos multimédia'
|
||||
|
@ -1192,3 +1203,6 @@ Age Restricted:
|
|||
Feed:
|
||||
Feed Last Updated: 'Última atualização de {feedName}: {date}'
|
||||
Refresh Feed: Recarregar {subscriptionName}
|
||||
Display Label: '{label}: {value}'
|
||||
Moments Ago: há momentos
|
||||
checkmark: ✓
|
||||
|
|
|
@ -608,6 +608,7 @@ Settings:
|
|||
Enter Password To Unlock: Унесите лозинку да бисте откључали подешавања
|
||||
Unlock: Откључај
|
||||
Expand All Settings Sections: Прошири све одељке подешавања
|
||||
Sort Settings Sections (A-Z): Сортирање одељка подешавања (A-Z)
|
||||
About:
|
||||
#On About page
|
||||
About: 'О апликацији'
|
||||
|
|
Loading…
Reference in New Issue