2020-02-16 19:30:00 +01:00
|
|
|
<template>
|
|
|
|
<div
|
|
|
|
ref="search"
|
|
|
|
>
|
|
|
|
<ft-loader
|
2022-06-03 16:04:50 +02:00
|
|
|
v-if="isLoading && !errorMessage"
|
2020-02-16 19:30:00 +01:00
|
|
|
:fullscreen="true"
|
|
|
|
/>
|
|
|
|
<ft-card
|
2022-06-21 08:14:15 +02:00
|
|
|
v-else-if="(isFamilyFriendly || !showFamilyFriendlyOnly)"
|
2022-06-05 04:51:49 +02:00
|
|
|
class="card channelDetails"
|
2020-02-16 19:30:00 +01:00
|
|
|
>
|
2022-06-05 04:51:49 +02:00
|
|
|
<div
|
|
|
|
class="channelBannerContainer"
|
|
|
|
:class="{
|
|
|
|
default: !bannerUrl
|
|
|
|
}"
|
|
|
|
:style="{ '--banner-url': `url('${bannerUrl}')` }"
|
|
|
|
/>
|
|
|
|
|
2021-08-20 20:54:16 +02:00
|
|
|
<div
|
|
|
|
class="channelInfoContainer"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="channelInfo"
|
2023-03-01 01:39:33 +01:00
|
|
|
:class="{ channelInfoHasError: errorMessage }"
|
2021-08-20 20:54:16 +02:00
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="thumbnailContainer"
|
2020-02-16 19:30:00 +01:00
|
|
|
>
|
2021-08-20 20:54:16 +02:00
|
|
|
<img
|
2023-03-01 01:39:33 +01:00
|
|
|
v-if="thumbnailUrl"
|
2021-08-20 20:54:16 +02:00
|
|
|
class="channelThumbnail"
|
|
|
|
:src="thumbnailUrl"
|
2023-01-05 04:54:20 +01:00
|
|
|
alt=""
|
2021-08-20 20:54:16 +02:00
|
|
|
>
|
2023-03-01 01:39:33 +01:00
|
|
|
<font-awesome-icon
|
|
|
|
v-else
|
|
|
|
class="channelThumbnail"
|
|
|
|
:icon="['fas', 'circle-user']"
|
|
|
|
/>
|
2021-08-20 20:54:16 +02:00
|
|
|
<div
|
|
|
|
class="channelLineContainer"
|
|
|
|
>
|
2022-06-05 04:51:49 +02:00
|
|
|
<h1
|
2021-08-20 20:54:16 +02:00
|
|
|
class="channelName"
|
|
|
|
>
|
|
|
|
{{ channelName }}
|
2022-06-05 04:51:49 +02:00
|
|
|
</h1>
|
|
|
|
|
|
|
|
<p
|
2023-06-25 16:40:03 +02:00
|
|
|
v-if="subCount !== null && !hideChannelSubscriptions"
|
2021-08-20 20:54:16 +02:00
|
|
|
class="channelSubCount"
|
|
|
|
>
|
2023-09-12 19:38:36 +02:00
|
|
|
{{ $tc('Global.Counts.Subscriber Count', subCount, { count: formattedSubCount }) }}
|
2022-06-05 04:51:49 +02:00
|
|
|
</p>
|
2021-08-20 20:54:16 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2022-11-14 12:10:47 +01:00
|
|
|
<div class="channelInfoActionsContainer">
|
|
|
|
<ft-share-button
|
2023-03-01 01:39:33 +01:00
|
|
|
v-if="!hideSharingActions && showShareMenu"
|
2022-11-14 12:10:47 +01:00
|
|
|
:id="id"
|
|
|
|
share-target-type="Channel"
|
|
|
|
class="shareIcon"
|
|
|
|
/>
|
|
|
|
|
2023-05-07 14:06:23 +02:00
|
|
|
<ft-subscribe-button
|
2023-03-01 01:39:33 +01:00
|
|
|
v-if="!hideUnsubscribeButton && (!errorMessage || isSubscribed)"
|
2023-05-07 14:06:23 +02:00
|
|
|
:channel-id="id"
|
|
|
|
:channel-name="channelName"
|
|
|
|
:channel-thumbnail="thumbnailUrl"
|
2022-11-14 12:10:47 +01:00
|
|
|
/>
|
|
|
|
</div>
|
2020-02-16 19:30:00 +01:00
|
|
|
</div>
|
2021-08-20 20:54:16 +02:00
|
|
|
|
2020-02-16 19:30:00 +01:00
|
|
|
<ft-flex-box
|
2022-06-03 16:04:50 +02:00
|
|
|
v-if="!errorMessage"
|
2020-02-16 19:30:00 +01:00
|
|
|
class="channelInfoTabs"
|
|
|
|
>
|
|
|
|
<div
|
2023-01-05 04:54:20 +01:00
|
|
|
class="tabs"
|
|
|
|
role="tablist"
|
|
|
|
:aria-label="$t('Channel.Channel Tabs')"
|
2020-02-16 19:30:00 +01:00
|
|
|
>
|
2023-08-14 17:07:57 +02:00
|
|
|
<!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->
|
2023-01-05 04:54:20 +01:00
|
|
|
<div
|
2023-07-20 00:16:45 +02:00
|
|
|
v-if="tabInfoValues.includes('videos')"
|
2023-01-05 04:54:20 +01:00
|
|
|
id="videosTab"
|
|
|
|
class="tab"
|
|
|
|
:class="(currentTab==='videos')?'selectedTab':''"
|
|
|
|
role="tab"
|
2023-06-26 20:58:31 +02:00
|
|
|
:aria-selected="String(currentTab === 'videos')"
|
2023-01-05 04:54:20 +01:00
|
|
|
aria-controls="videoPanel"
|
2023-06-26 20:58:31 +02:00
|
|
|
:tabindex="(currentTab === 'videos' || currentTab === 'search') ? 0 : -1"
|
2023-01-05 04:54:20 +01:00
|
|
|
@click="changeTab('videos')"
|
|
|
|
@keydown.left.right.enter.space="changeTab('videos', $event)"
|
|
|
|
>
|
|
|
|
{{ $t("Channel.Videos.Videos").toUpperCase() }}
|
|
|
|
</div>
|
2023-08-14 17:07:57 +02:00
|
|
|
<!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->
|
2023-05-15 04:01:18 +02:00
|
|
|
<div
|
2023-07-20 00:16:45 +02:00
|
|
|
v-if="tabInfoValues.includes('shorts') && !hideChannelShorts"
|
2023-05-15 04:01:18 +02:00
|
|
|
id="shortsTab"
|
|
|
|
class="tab"
|
|
|
|
:class="(currentTab==='shorts')?'selectedTab':''"
|
|
|
|
role="tab"
|
2023-06-26 20:58:31 +02:00
|
|
|
:aria-selected="String(currentTab === 'shorts')"
|
2023-05-15 04:01:18 +02:00
|
|
|
aria-controls="shortPanel"
|
2023-06-26 20:58:31 +02:00
|
|
|
:tabindex="currentTab === 'shorts' ? 0 : -1"
|
2023-05-15 04:01:18 +02:00
|
|
|
@click="changeTab('shorts')"
|
|
|
|
@keydown.left.right.enter.space="changeTab('shorts', $event)"
|
|
|
|
>
|
2023-07-21 13:33:34 +02:00
|
|
|
{{ $t("Global.Shorts").toUpperCase() }}
|
2023-05-15 04:01:18 +02:00
|
|
|
</div>
|
2023-08-14 17:07:57 +02:00
|
|
|
<!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->
|
2023-03-15 07:37:52 +01:00
|
|
|
<div
|
2023-07-20 00:16:45 +02:00
|
|
|
v-if="tabInfoValues.includes('live') && !hideLiveStreams"
|
2023-03-15 07:37:52 +01:00
|
|
|
id="liveTab"
|
|
|
|
class="tab"
|
|
|
|
:class="(currentTab==='live')?'selectedTab':''"
|
|
|
|
role="tab"
|
2023-06-26 20:58:31 +02:00
|
|
|
:aria-selected="String(currentTab === 'live')"
|
2023-03-15 07:37:52 +01:00
|
|
|
aria-controls="livePanel"
|
2023-06-26 20:58:31 +02:00
|
|
|
:tabindex="currentTab === 'live' ? 0 : -1"
|
2023-03-15 07:37:52 +01:00
|
|
|
@click="changeTab('live')"
|
|
|
|
@keydown.left.right.enter.space="changeTab('live', $event)"
|
|
|
|
>
|
|
|
|
{{ $t("Channel.Live.Live").toUpperCase() }}
|
|
|
|
</div>
|
2023-08-14 17:07:57 +02:00
|
|
|
<!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->
|
2023-01-05 04:54:20 +01:00
|
|
|
<div
|
2023-07-20 00:16:45 +02:00
|
|
|
v-if="tabInfoValues.includes('releases') && !hideChannelReleases"
|
|
|
|
id="releasesTab"
|
|
|
|
class="tab"
|
|
|
|
role="tab"
|
|
|
|
:aria-selected="String(currentTab === 'releases')"
|
|
|
|
aria-controls="releasePanel"
|
|
|
|
:tabindex="currentTab === 'releases' ? 0 : -1"
|
|
|
|
:class="(currentTab==='releases')?'selectedTab':''"
|
|
|
|
@click="changeTab('releases')"
|
|
|
|
@keydown.left.right.enter.space="changeTab('releases', $event)"
|
|
|
|
>
|
|
|
|
{{ $t("Channel.Releases.Releases").toUpperCase() }}
|
|
|
|
</div>
|
2023-08-14 17:07:57 +02:00
|
|
|
<!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->
|
2023-07-20 00:16:45 +02:00
|
|
|
<div
|
|
|
|
v-if="tabInfoValues.includes('podcasts') && !hideChannelPodcasts"
|
|
|
|
id="podcastsTab"
|
|
|
|
class="tab"
|
|
|
|
role="tab"
|
|
|
|
:aria-selected="String(currentTab === 'podcasts')"
|
|
|
|
aria-controls="podcastPanel"
|
|
|
|
:tabindex="currentTab === 'podcasts' ? 0 : -1"
|
|
|
|
:class="(currentTab==='podcasts')?'selectedTab':''"
|
|
|
|
@click="changeTab('podcasts')"
|
|
|
|
@keydown.left.right.enter.space="changeTab('podcasts', $event)"
|
|
|
|
>
|
|
|
|
{{ $t("Channel.Podcasts.Podcasts").toUpperCase() }}
|
|
|
|
</div>
|
2023-08-14 17:07:57 +02:00
|
|
|
<!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->
|
2023-07-20 00:16:45 +02:00
|
|
|
<div
|
|
|
|
v-if="tabInfoValues.includes('playlists') && !hideChannelPlaylists"
|
2023-01-05 04:54:20 +01:00
|
|
|
id="playlistsTab"
|
|
|
|
class="tab"
|
|
|
|
role="tab"
|
2023-06-26 20:58:31 +02:00
|
|
|
:aria-selected="String(currentTab === 'playlists')"
|
2023-01-05 04:54:20 +01:00
|
|
|
aria-controls="playlistPanel"
|
2023-06-26 20:58:31 +02:00
|
|
|
:tabindex="currentTab === 'playlists' ? 0 : -1"
|
2023-01-05 04:54:20 +01:00
|
|
|
:class="(currentTab==='playlists')?'selectedTab':''"
|
|
|
|
@click="changeTab('playlists')"
|
|
|
|
@keydown.left.right.enter.space="changeTab('playlists', $event)"
|
|
|
|
>
|
|
|
|
{{ $t("Channel.Playlists.Playlists").toUpperCase() }}
|
|
|
|
</div>
|
2023-08-14 17:07:57 +02:00
|
|
|
<!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->
|
Channel community page (#1568)
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Images are now displayed in the community tab
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Images are now displayed in the community tab
* Added primitive video display
* Current changes
* Added preston's change with the ftcard and started on some layout basics
* Created Community Post Component and added fetch more button + functionality
* Fixed problem with videothumbnails not loading and adjusted their height to 100% in the ft-list sass file
* Added poll and ft-list-video to the community page
* Added author name placeholder (missing in module), the published date, the likes and dislikes as well as comment counts to posts. Additionally scaling of images was added
* Added basis for community page playlists
* Finalized a setup for playlists when wide enough
* Fix for missing key in custom list
* Added publish date translation
* Add empty alt tags
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
* fix accessibility issue
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
* change: ununique ids to classes
* add missing alt tag
* Redirect channel/id/community to the channel's community tab
* update yt-channel-info
* update to 3.0.1
* Update yarn.lock
* add basic multiImage support
* use tiny-slider for multiImage community posts
* update getChannelCommunityPostsMore
* Update yarn.lock
* fix yarn lock
* swap community and about tab
* Update yarn.lock
* Fix missing comma
* Removed trailing spaces
* Clearing all community post data when changing to another channel
* Restructuring of how the post cards are added, Empty page text,
ft-element-list props customization
1) Now the community page uses the same setup of ft-element-list as the
other pages on the channel.
2) If no posts are available, now it displays a message saying so
3) The ft-element-list component's display style can now be forced into
a certain display mode (list/grid) with the new prop. It will overwrite
the corresponding default value for list display
* Fixed display text path
* Fix lint"
* Adjusted css to fit to new layout
* Final touches community page to tidy up the console
* fix icons, fix linter
* fix hiding showmore button for community page
* fix showToast calls
* change all this.showToast to showToaast
* reinstall tinyslider
* use helpers
* small fixes
* fix: getting continuation of community posts
* remove unused code
* improve slider style import
* fix hiding 'ShowMore' button
* fix weird typo in css
* add invidous community tab support
* remove console testing code
* Apply suggestions from code review
Co-authored-by: absidue <48293849+absidue@users.noreply.github.com>
* implement suggestions, improve thumbnail replacement
* use flip horizontal
* readd invidious fallback code, remove author name workaround
* replace another google domain when using invidious
* suppport invidious multiImage posts
* Use youtube.js for community posts
* add invidious polls, remove support for fetching more
* reorder icons alpabetically
* re-allow loading more when using localapi
* fix styling of multiImage, hide NA text
* fix loading playlist
* fix spacing of items
* fix issue with direct url to community tab
* make review recommendations
Co-Authored-By: absidue <48293849+absidue@users.noreply.github.com>
* fix displaying selected tab, get best quality image
---------
Co-authored-by: Preston <freetubeapp@protonmail.com>
Co-authored-by: ChunkyProgrammer <78101139+ChunkyProgrammer@users.noreply.github.com>
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
Co-authored-by: absidue <48293849+absidue@users.noreply.github.com>
2023-03-04 09:56:04 +01:00
|
|
|
<div
|
2023-07-20 00:16:45 +02:00
|
|
|
v-if="tabInfoValues.includes('community') && !hideChannelCommunity"
|
Channel community page (#1568)
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Images are now displayed in the community tab
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Images are now displayed in the community tab
* Added primitive video display
* Current changes
* Added preston's change with the ftcard and started on some layout basics
* Created Community Post Component and added fetch more button + functionality
* Fixed problem with videothumbnails not loading and adjusted their height to 100% in the ft-list sass file
* Added poll and ft-list-video to the community page
* Added author name placeholder (missing in module), the published date, the likes and dislikes as well as comment counts to posts. Additionally scaling of images was added
* Added basis for community page playlists
* Finalized a setup for playlists when wide enough
* Fix for missing key in custom list
* Added publish date translation
* Add empty alt tags
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
* fix accessibility issue
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
* change: ununique ids to classes
* add missing alt tag
* Redirect channel/id/community to the channel's community tab
* update yt-channel-info
* update to 3.0.1
* Update yarn.lock
* add basic multiImage support
* use tiny-slider for multiImage community posts
* update getChannelCommunityPostsMore
* Update yarn.lock
* fix yarn lock
* swap community and about tab
* Update yarn.lock
* Fix missing comma
* Removed trailing spaces
* Clearing all community post data when changing to another channel
* Restructuring of how the post cards are added, Empty page text,
ft-element-list props customization
1) Now the community page uses the same setup of ft-element-list as the
other pages on the channel.
2) If no posts are available, now it displays a message saying so
3) The ft-element-list component's display style can now be forced into
a certain display mode (list/grid) with the new prop. It will overwrite
the corresponding default value for list display
* Fixed display text path
* Fix lint"
* Adjusted css to fit to new layout
* Final touches community page to tidy up the console
* fix icons, fix linter
* fix hiding showmore button for community page
* fix showToast calls
* change all this.showToast to showToaast
* reinstall tinyslider
* use helpers
* small fixes
* fix: getting continuation of community posts
* remove unused code
* improve slider style import
* fix hiding 'ShowMore' button
* fix weird typo in css
* add invidous community tab support
* remove console testing code
* Apply suggestions from code review
Co-authored-by: absidue <48293849+absidue@users.noreply.github.com>
* implement suggestions, improve thumbnail replacement
* use flip horizontal
* readd invidious fallback code, remove author name workaround
* replace another google domain when using invidious
* suppport invidious multiImage posts
* Use youtube.js for community posts
* add invidious polls, remove support for fetching more
* reorder icons alpabetically
* re-allow loading more when using localapi
* fix styling of multiImage, hide NA text
* fix loading playlist
* fix spacing of items
* fix issue with direct url to community tab
* make review recommendations
Co-Authored-By: absidue <48293849+absidue@users.noreply.github.com>
* fix displaying selected tab, get best quality image
---------
Co-authored-by: Preston <freetubeapp@protonmail.com>
Co-authored-by: ChunkyProgrammer <78101139+ChunkyProgrammer@users.noreply.github.com>
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
Co-authored-by: absidue <48293849+absidue@users.noreply.github.com>
2023-03-04 09:56:04 +01:00
|
|
|
id="communityTab"
|
|
|
|
class="tab"
|
|
|
|
role="tab"
|
2023-06-26 20:58:31 +02:00
|
|
|
:aria-selected="String(currentTab === 'community')"
|
Channel community page (#1568)
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Images are now displayed in the community tab
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Images are now displayed in the community tab
* Added primitive video display
* Current changes
* Added preston's change with the ftcard and started on some layout basics
* Created Community Post Component and added fetch more button + functionality
* Fixed problem with videothumbnails not loading and adjusted their height to 100% in the ft-list sass file
* Added poll and ft-list-video to the community page
* Added author name placeholder (missing in module), the published date, the likes and dislikes as well as comment counts to posts. Additionally scaling of images was added
* Added basis for community page playlists
* Finalized a setup for playlists when wide enough
* Fix for missing key in custom list
* Added publish date translation
* Add empty alt tags
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
* fix accessibility issue
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
* change: ununique ids to classes
* add missing alt tag
* Redirect channel/id/community to the channel's community tab
* update yt-channel-info
* update to 3.0.1
* Update yarn.lock
* add basic multiImage support
* use tiny-slider for multiImage community posts
* update getChannelCommunityPostsMore
* Update yarn.lock
* fix yarn lock
* swap community and about tab
* Update yarn.lock
* Fix missing comma
* Removed trailing spaces
* Clearing all community post data when changing to another channel
* Restructuring of how the post cards are added, Empty page text,
ft-element-list props customization
1) Now the community page uses the same setup of ft-element-list as the
other pages on the channel.
2) If no posts are available, now it displays a message saying so
3) The ft-element-list component's display style can now be forced into
a certain display mode (list/grid) with the new prop. It will overwrite
the corresponding default value for list display
* Fixed display text path
* Fix lint"
* Adjusted css to fit to new layout
* Final touches community page to tidy up the console
* fix icons, fix linter
* fix hiding showmore button for community page
* fix showToast calls
* change all this.showToast to showToaast
* reinstall tinyslider
* use helpers
* small fixes
* fix: getting continuation of community posts
* remove unused code
* improve slider style import
* fix hiding 'ShowMore' button
* fix weird typo in css
* add invidous community tab support
* remove console testing code
* Apply suggestions from code review
Co-authored-by: absidue <48293849+absidue@users.noreply.github.com>
* implement suggestions, improve thumbnail replacement
* use flip horizontal
* readd invidious fallback code, remove author name workaround
* replace another google domain when using invidious
* suppport invidious multiImage posts
* Use youtube.js for community posts
* add invidious polls, remove support for fetching more
* reorder icons alpabetically
* re-allow loading more when using localapi
* fix styling of multiImage, hide NA text
* fix loading playlist
* fix spacing of items
* fix issue with direct url to community tab
* make review recommendations
Co-Authored-By: absidue <48293849+absidue@users.noreply.github.com>
* fix displaying selected tab, get best quality image
---------
Co-authored-by: Preston <freetubeapp@protonmail.com>
Co-authored-by: ChunkyProgrammer <78101139+ChunkyProgrammer@users.noreply.github.com>
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
Co-authored-by: absidue <48293849+absidue@users.noreply.github.com>
2023-03-04 09:56:04 +01:00
|
|
|
aria-controls="communityPanel"
|
2023-06-26 20:58:31 +02:00
|
|
|
:tabindex="currentTab === 'community' ? 0 : -1"
|
Channel community page (#1568)
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Images are now displayed in the community tab
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Images are now displayed in the community tab
* Added primitive video display
* Current changes
* Added preston's change with the ftcard and started on some layout basics
* Created Community Post Component and added fetch more button + functionality
* Fixed problem with videothumbnails not loading and adjusted their height to 100% in the ft-list sass file
* Added poll and ft-list-video to the community page
* Added author name placeholder (missing in module), the published date, the likes and dislikes as well as comment counts to posts. Additionally scaling of images was added
* Added basis for community page playlists
* Finalized a setup for playlists when wide enough
* Fix for missing key in custom list
* Added publish date translation
* Add empty alt tags
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
* fix accessibility issue
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
* change: ununique ids to classes
* add missing alt tag
* Redirect channel/id/community to the channel's community tab
* update yt-channel-info
* update to 3.0.1
* Update yarn.lock
* add basic multiImage support
* use tiny-slider for multiImage community posts
* update getChannelCommunityPostsMore
* Update yarn.lock
* fix yarn lock
* swap community and about tab
* Update yarn.lock
* Fix missing comma
* Removed trailing spaces
* Clearing all community post data when changing to another channel
* Restructuring of how the post cards are added, Empty page text,
ft-element-list props customization
1) Now the community page uses the same setup of ft-element-list as the
other pages on the channel.
2) If no posts are available, now it displays a message saying so
3) The ft-element-list component's display style can now be forced into
a certain display mode (list/grid) with the new prop. It will overwrite
the corresponding default value for list display
* Fixed display text path
* Fix lint"
* Adjusted css to fit to new layout
* Final touches community page to tidy up the console
* fix icons, fix linter
* fix hiding showmore button for community page
* fix showToast calls
* change all this.showToast to showToaast
* reinstall tinyslider
* use helpers
* small fixes
* fix: getting continuation of community posts
* remove unused code
* improve slider style import
* fix hiding 'ShowMore' button
* fix weird typo in css
* add invidous community tab support
* remove console testing code
* Apply suggestions from code review
Co-authored-by: absidue <48293849+absidue@users.noreply.github.com>
* implement suggestions, improve thumbnail replacement
* use flip horizontal
* readd invidious fallback code, remove author name workaround
* replace another google domain when using invidious
* suppport invidious multiImage posts
* Use youtube.js for community posts
* add invidious polls, remove support for fetching more
* reorder icons alpabetically
* re-allow loading more when using localapi
* fix styling of multiImage, hide NA text
* fix loading playlist
* fix spacing of items
* fix issue with direct url to community tab
* make review recommendations
Co-Authored-By: absidue <48293849+absidue@users.noreply.github.com>
* fix displaying selected tab, get best quality image
---------
Co-authored-by: Preston <freetubeapp@protonmail.com>
Co-authored-by: ChunkyProgrammer <78101139+ChunkyProgrammer@users.noreply.github.com>
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
Co-authored-by: absidue <48293849+absidue@users.noreply.github.com>
2023-03-04 09:56:04 +01:00
|
|
|
:class="(currentTab==='community')?'selectedTab':''"
|
|
|
|
@click="changeTab('community')"
|
|
|
|
@keydown.left.right.enter.space="changeTab('community', $event)"
|
|
|
|
>
|
2023-09-23 02:19:50 +02:00
|
|
|
{{ $t("Global.Community").toUpperCase() }}
|
Channel community page (#1568)
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Images are now displayed in the community tab
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Images are now displayed in the community tab
* Added primitive video display
* Current changes
* Added preston's change with the ftcard and started on some layout basics
* Created Community Post Component and added fetch more button + functionality
* Fixed problem with videothumbnails not loading and adjusted their height to 100% in the ft-list sass file
* Added poll and ft-list-video to the community page
* Added author name placeholder (missing in module), the published date, the likes and dislikes as well as comment counts to posts. Additionally scaling of images was added
* Added basis for community page playlists
* Finalized a setup for playlists when wide enough
* Fix for missing key in custom list
* Added publish date translation
* Add empty alt tags
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
* fix accessibility issue
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
* change: ununique ids to classes
* add missing alt tag
* Redirect channel/id/community to the channel's community tab
* update yt-channel-info
* update to 3.0.1
* Update yarn.lock
* add basic multiImage support
* use tiny-slider for multiImage community posts
* update getChannelCommunityPostsMore
* Update yarn.lock
* fix yarn lock
* swap community and about tab
* Update yarn.lock
* Fix missing comma
* Removed trailing spaces
* Clearing all community post data when changing to another channel
* Restructuring of how the post cards are added, Empty page text,
ft-element-list props customization
1) Now the community page uses the same setup of ft-element-list as the
other pages on the channel.
2) If no posts are available, now it displays a message saying so
3) The ft-element-list component's display style can now be forced into
a certain display mode (list/grid) with the new prop. It will overwrite
the corresponding default value for list display
* Fixed display text path
* Fix lint"
* Adjusted css to fit to new layout
* Final touches community page to tidy up the console
* fix icons, fix linter
* fix hiding showmore button for community page
* fix showToast calls
* change all this.showToast to showToaast
* reinstall tinyslider
* use helpers
* small fixes
* fix: getting continuation of community posts
* remove unused code
* improve slider style import
* fix hiding 'ShowMore' button
* fix weird typo in css
* add invidous community tab support
* remove console testing code
* Apply suggestions from code review
Co-authored-by: absidue <48293849+absidue@users.noreply.github.com>
* implement suggestions, improve thumbnail replacement
* use flip horizontal
* readd invidious fallback code, remove author name workaround
* replace another google domain when using invidious
* suppport invidious multiImage posts
* Use youtube.js for community posts
* add invidious polls, remove support for fetching more
* reorder icons alpabetically
* re-allow loading more when using localapi
* fix styling of multiImage, hide NA text
* fix loading playlist
* fix spacing of items
* fix issue with direct url to community tab
* make review recommendations
Co-Authored-By: absidue <48293849+absidue@users.noreply.github.com>
* fix displaying selected tab, get best quality image
---------
Co-authored-by: Preston <freetubeapp@protonmail.com>
Co-authored-by: ChunkyProgrammer <78101139+ChunkyProgrammer@users.noreply.github.com>
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
Co-authored-by: absidue <48293849+absidue@users.noreply.github.com>
2023-03-04 09:56:04 +01:00
|
|
|
</div>
|
2023-08-14 17:07:57 +02:00
|
|
|
<!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -->
|
2023-01-05 04:54:20 +01:00
|
|
|
<div
|
|
|
|
id="aboutTab"
|
|
|
|
class="tab"
|
|
|
|
role="tab"
|
2023-06-26 20:58:31 +02:00
|
|
|
:aria-selected="String(currentTab === 'about')"
|
2023-01-05 04:54:20 +01:00
|
|
|
aria-controls="aboutPanel"
|
2023-06-26 20:58:31 +02:00
|
|
|
:tabindex="currentTab === 'about' ? 0 : -1"
|
2023-01-05 04:54:20 +01:00
|
|
|
:class="(currentTab==='about')?'selectedTab':''"
|
|
|
|
@click="changeTab('about')"
|
|
|
|
@keydown.left.right.enter.space="changeTab('about', $event)"
|
|
|
|
>
|
|
|
|
{{ $t("Channel.About.About").toUpperCase() }}
|
|
|
|
</div>
|
2020-02-16 19:30:00 +01:00
|
|
|
</div>
|
2023-01-05 04:54:20 +01:00
|
|
|
|
2020-02-16 19:30:00 +01:00
|
|
|
<ft-input
|
2023-03-01 01:39:33 +01:00
|
|
|
v-if="showSearchBar"
|
2020-08-12 05:26:49 +02:00
|
|
|
:placeholder="$t('Channel.Search Channel')"
|
2022-12-19 14:01:09 +01:00
|
|
|
:show-clear-text-button="true"
|
2020-02-16 19:30:00 +01:00
|
|
|
class="channelSearch"
|
|
|
|
@click="newSearch"
|
|
|
|
/>
|
|
|
|
</ft-flex-box>
|
|
|
|
</div>
|
|
|
|
</ft-card>
|
|
|
|
<ft-card
|
2022-06-21 08:14:15 +02:00
|
|
|
v-if="!isLoading && !errorMessage && (isFamilyFriendly || !showFamilyFriendlyOnly)"
|
2020-02-16 19:30:00 +01:00
|
|
|
class="card"
|
|
|
|
>
|
2023-05-08 03:42:06 +02:00
|
|
|
<channel-about
|
2020-02-16 19:30:00 +01:00
|
|
|
v-if="currentTab === 'about'"
|
2023-01-05 04:54:20 +01:00
|
|
|
id="aboutPanel"
|
2023-05-08 03:42:06 +02:00
|
|
|
:description="description"
|
|
|
|
:joined="joined"
|
2023-12-21 04:27:49 +01:00
|
|
|
:views="viewCount"
|
|
|
|
:videos="videoCount"
|
2023-05-08 03:42:06 +02:00
|
|
|
:location="location"
|
|
|
|
:tags="tags"
|
|
|
|
:related-channels="relatedChannels"
|
|
|
|
/>
|
2023-01-05 04:54:20 +01:00
|
|
|
<ft-select
|
2023-03-22 13:12:42 +01:00
|
|
|
v-if="showVideoSortBy"
|
2023-03-01 01:39:33 +01:00
|
|
|
v-show="currentTab === 'videos' && latestVideos.length > 0"
|
2023-01-05 04:54:20 +01:00
|
|
|
class="sortSelect"
|
2023-06-27 19:30:36 +02:00
|
|
|
:value="videoLiveSelectValues[0]"
|
|
|
|
:select-names="videoLiveSelectNames"
|
|
|
|
:select-values="videoLiveSelectValues"
|
2023-01-05 04:54:20 +01:00
|
|
|
:placeholder="$t('Search Filters.Sort By.Sort By')"
|
|
|
|
@change="videoSortBy = $event"
|
|
|
|
/>
|
2023-05-15 04:01:18 +02:00
|
|
|
<ft-select
|
2023-05-23 02:59:24 +02:00
|
|
|
v-if="!hideChannelShorts && showShortSortBy"
|
2023-05-15 04:01:18 +02:00
|
|
|
v-show="currentTab === 'shorts' && latestShorts.length > 0"
|
|
|
|
class="sortSelect"
|
2023-06-27 19:30:36 +02:00
|
|
|
:value="shortSelectValues[0]"
|
|
|
|
:select-names="shortSelectNames"
|
|
|
|
:select-values="shortSelectValues"
|
2023-05-15 04:01:18 +02:00
|
|
|
:placeholder="$t('Search Filters.Sort By.Sort By')"
|
|
|
|
@change="shortSortBy = $event"
|
|
|
|
/>
|
2023-03-15 07:37:52 +01:00
|
|
|
<ft-select
|
2023-03-22 13:12:42 +01:00
|
|
|
v-if="!hideLiveStreams && showLiveSortBy"
|
2023-03-15 07:37:52 +01:00
|
|
|
v-show="currentTab === 'live' && latestLive.length > 0"
|
|
|
|
class="sortSelect"
|
2023-06-27 19:30:36 +02:00
|
|
|
:value="videoLiveSelectValues[0]"
|
|
|
|
:select-names="videoLiveSelectNames"
|
|
|
|
:select-values="videoLiveSelectValues"
|
2023-03-15 07:37:52 +01:00
|
|
|
:placeholder="$t('Search Filters.Sort By.Sort By')"
|
|
|
|
@change="liveSortBy = $event"
|
|
|
|
/>
|
2023-01-05 04:54:20 +01:00
|
|
|
<ft-select
|
2023-05-06 16:14:51 +02:00
|
|
|
v-if="!hideChannelPlaylists && showPlaylistSortBy"
|
2023-03-01 01:39:33 +01:00
|
|
|
v-show="currentTab === 'playlists' && latestPlaylists.length > 0"
|
2023-01-05 04:54:20 +01:00
|
|
|
class="sortSelect"
|
|
|
|
:value="playlistSelectValues[0]"
|
|
|
|
:select-names="playlistSelectNames"
|
|
|
|
:select-values="playlistSelectValues"
|
|
|
|
:placeholder="$t('Search Filters.Sort By.Sort By')"
|
|
|
|
@change="playlistSortBy = $event"
|
|
|
|
/>
|
2020-02-16 19:30:00 +01:00
|
|
|
<ft-loader
|
|
|
|
v-if="isElementListLoading"
|
|
|
|
/>
|
|
|
|
<div
|
|
|
|
v-if="currentTab !== 'about' && !isElementListLoading"
|
|
|
|
class="elementList"
|
|
|
|
>
|
|
|
|
<ft-element-list
|
|
|
|
v-show="currentTab === 'videos'"
|
2023-01-05 04:54:20 +01:00
|
|
|
id="videoPanel"
|
2020-02-16 19:30:00 +01:00
|
|
|
:data="latestVideos"
|
2023-07-13 02:09:48 +02:00
|
|
|
:use-channels-hidden-preference="false"
|
2023-01-05 04:54:20 +01:00
|
|
|
role="tabpanel"
|
|
|
|
aria-labelledby="videosTab"
|
2020-02-16 19:30:00 +01:00
|
|
|
/>
|
2020-07-12 00:36:42 +02:00
|
|
|
<ft-flex-box
|
|
|
|
v-if="currentTab === 'videos' && latestVideos.length === 0"
|
|
|
|
>
|
|
|
|
<p class="message">
|
2020-08-09 05:15:00 +02:00
|
|
|
{{ $t("Channel.Videos.This channel does not currently have any videos") }}
|
2020-07-12 00:36:42 +02:00
|
|
|
</p>
|
|
|
|
</ft-flex-box>
|
2023-05-15 04:01:18 +02:00
|
|
|
<ft-element-list
|
2023-05-23 02:59:24 +02:00
|
|
|
v-if="!hideChannelShorts && currentTab === 'shorts'"
|
2023-05-15 04:01:18 +02:00
|
|
|
id="shortPanel"
|
|
|
|
:data="latestShorts"
|
2023-07-13 02:09:48 +02:00
|
|
|
:use-channels-hidden-preference="false"
|
2023-05-15 04:01:18 +02:00
|
|
|
role="tabpanel"
|
|
|
|
aria-labelledby="shortsTab"
|
|
|
|
/>
|
|
|
|
<ft-flex-box
|
2023-05-23 02:59:24 +02:00
|
|
|
v-if="!hideChannelShorts && currentTab === 'shorts' && latestShorts.length === 0"
|
2023-05-15 04:01:18 +02:00
|
|
|
>
|
|
|
|
<p class="message">
|
|
|
|
{{ $t("Channel.Shorts.This channel does not currently have any shorts") }}
|
|
|
|
</p>
|
|
|
|
</ft-flex-box>
|
2023-03-15 07:37:52 +01:00
|
|
|
<ft-element-list
|
|
|
|
v-if="!hideLiveStreams"
|
|
|
|
v-show="currentTab === 'live'"
|
|
|
|
id="livePanel"
|
|
|
|
:data="latestLive"
|
2023-07-13 02:09:48 +02:00
|
|
|
:use-channels-hidden-preference="false"
|
2023-03-15 07:37:52 +01:00
|
|
|
role="tabpanel"
|
|
|
|
aria-labelledby="liveTab"
|
|
|
|
/>
|
|
|
|
<ft-flex-box
|
|
|
|
v-if="!hideLiveStreams && currentTab === 'live' && latestLive.length === 0"
|
|
|
|
>
|
|
|
|
<p class="message">
|
|
|
|
{{ $t("Channel.Live.This channel does not currently have any live streams") }}
|
|
|
|
</p>
|
|
|
|
</ft-flex-box>
|
2023-07-20 00:16:45 +02:00
|
|
|
<ft-element-list
|
|
|
|
v-if="!hideChannelPodcasts && currentTab === 'podcasts'"
|
|
|
|
id="podcastPanel"
|
|
|
|
:data="latestPodcasts"
|
|
|
|
:use-channels-hidden-preference="false"
|
|
|
|
role="tabpanel"
|
|
|
|
aria-labelledby="podcastsTab"
|
|
|
|
/>
|
|
|
|
<ft-flex-box
|
|
|
|
v-if="!hideChannelPodcasts && currentTab === 'podcasts' && latestPodcasts.length === 0"
|
|
|
|
>
|
|
|
|
<p class="message">
|
|
|
|
{{ $t("Channel.Podcasts.This channel does not currently have any podcasts") }}
|
|
|
|
</p>
|
|
|
|
</ft-flex-box>
|
|
|
|
<ft-element-list
|
|
|
|
v-if="!hideChannelReleases && currentTab === 'releases'"
|
|
|
|
id="releasePanel"
|
|
|
|
:data="latestReleases"
|
|
|
|
:use-channels-hidden-preference="false"
|
|
|
|
role="tabpanel"
|
|
|
|
aria-labelledby="releasesTab"
|
|
|
|
/>
|
|
|
|
<ft-flex-box
|
|
|
|
v-if="!hideChannelReleases && currentTab === 'releases' && latestReleases.length === 0"
|
|
|
|
>
|
|
|
|
<p class="message">
|
|
|
|
{{ $t("Channel.Releases.This channel does not currently have any releases") }}
|
|
|
|
</p>
|
|
|
|
</ft-flex-box>
|
2020-02-16 19:30:00 +01:00
|
|
|
<ft-element-list
|
2023-05-06 16:14:51 +02:00
|
|
|
v-if="!hideChannelPlaylists && currentTab === 'playlists'"
|
2023-01-05 04:54:20 +01:00
|
|
|
id="playlistPanel"
|
2020-02-16 19:30:00 +01:00
|
|
|
:data="latestPlaylists"
|
2023-07-13 02:09:48 +02:00
|
|
|
:use-channels-hidden-preference="false"
|
2023-01-05 04:54:20 +01:00
|
|
|
role="tabpanel"
|
|
|
|
aria-labelledby="playlistsTab"
|
2020-02-16 19:30:00 +01:00
|
|
|
/>
|
2020-07-12 00:36:42 +02:00
|
|
|
<ft-flex-box
|
2023-05-06 16:14:51 +02:00
|
|
|
v-if="!hideChannelPlaylists && currentTab === 'playlists' && latestPlaylists.length === 0"
|
2020-07-12 00:36:42 +02:00
|
|
|
>
|
|
|
|
<p class="message">
|
2020-08-09 05:15:00 +02:00
|
|
|
{{ $t("Channel.Playlists.This channel does not currently have any playlists") }}
|
2020-07-12 00:36:42 +02:00
|
|
|
</p>
|
|
|
|
</ft-flex-box>
|
Channel community page (#1568)
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Images are now displayed in the community tab
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Images are now displayed in the community tab
* Added primitive video display
* Current changes
* Added preston's change with the ftcard and started on some layout basics
* Created Community Post Component and added fetch more button + functionality
* Fixed problem with videothumbnails not loading and adjusted their height to 100% in the ft-list sass file
* Added poll and ft-list-video to the community page
* Added author name placeholder (missing in module), the published date, the likes and dislikes as well as comment counts to posts. Additionally scaling of images was added
* Added basis for community page playlists
* Finalized a setup for playlists when wide enough
* Fix for missing key in custom list
* Added publish date translation
* Add empty alt tags
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
* fix accessibility issue
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
* change: ununique ids to classes
* add missing alt tag
* Redirect channel/id/community to the channel's community tab
* update yt-channel-info
* update to 3.0.1
* Update yarn.lock
* add basic multiImage support
* use tiny-slider for multiImage community posts
* update getChannelCommunityPostsMore
* Update yarn.lock
* fix yarn lock
* swap community and about tab
* Update yarn.lock
* Fix missing comma
* Removed trailing spaces
* Clearing all community post data when changing to another channel
* Restructuring of how the post cards are added, Empty page text,
ft-element-list props customization
1) Now the community page uses the same setup of ft-element-list as the
other pages on the channel.
2) If no posts are available, now it displays a message saying so
3) The ft-element-list component's display style can now be forced into
a certain display mode (list/grid) with the new prop. It will overwrite
the corresponding default value for list display
* Fixed display text path
* Fix lint"
* Adjusted css to fit to new layout
* Final touches community page to tidy up the console
* fix icons, fix linter
* fix hiding showmore button for community page
* fix showToast calls
* change all this.showToast to showToaast
* reinstall tinyslider
* use helpers
* small fixes
* fix: getting continuation of community posts
* remove unused code
* improve slider style import
* fix hiding 'ShowMore' button
* fix weird typo in css
* add invidous community tab support
* remove console testing code
* Apply suggestions from code review
Co-authored-by: absidue <48293849+absidue@users.noreply.github.com>
* implement suggestions, improve thumbnail replacement
* use flip horizontal
* readd invidious fallback code, remove author name workaround
* replace another google domain when using invidious
* suppport invidious multiImage posts
* Use youtube.js for community posts
* add invidious polls, remove support for fetching more
* reorder icons alpabetically
* re-allow loading more when using localapi
* fix styling of multiImage, hide NA text
* fix loading playlist
* fix spacing of items
* fix issue with direct url to community tab
* make review recommendations
Co-Authored-By: absidue <48293849+absidue@users.noreply.github.com>
* fix displaying selected tab, get best quality image
---------
Co-authored-by: Preston <freetubeapp@protonmail.com>
Co-authored-by: ChunkyProgrammer <78101139+ChunkyProgrammer@users.noreply.github.com>
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
Co-authored-by: absidue <48293849+absidue@users.noreply.github.com>
2023-03-04 09:56:04 +01:00
|
|
|
<ft-element-list
|
2023-05-06 16:14:51 +02:00
|
|
|
v-if="!hideChannelCommunity && currentTab === 'community'"
|
Channel community page (#1568)
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Images are now displayed in the community tab
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Images are now displayed in the community tab
* Added primitive video display
* Current changes
* Added preston's change with the ftcard and started on some layout basics
* Created Community Post Component and added fetch more button + functionality
* Fixed problem with videothumbnails not loading and adjusted their height to 100% in the ft-list sass file
* Added poll and ft-list-video to the community page
* Added author name placeholder (missing in module), the published date, the likes and dislikes as well as comment counts to posts. Additionally scaling of images was added
* Added basis for community page playlists
* Finalized a setup for playlists when wide enough
* Fix for missing key in custom list
* Added publish date translation
* Add empty alt tags
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
* fix accessibility issue
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
* change: ununique ids to classes
* add missing alt tag
* Redirect channel/id/community to the channel's community tab
* update yt-channel-info
* update to 3.0.1
* Update yarn.lock
* add basic multiImage support
* use tiny-slider for multiImage community posts
* update getChannelCommunityPostsMore
* Update yarn.lock
* fix yarn lock
* swap community and about tab
* Update yarn.lock
* Fix missing comma
* Removed trailing spaces
* Clearing all community post data when changing to another channel
* Restructuring of how the post cards are added, Empty page text,
ft-element-list props customization
1) Now the community page uses the same setup of ft-element-list as the
other pages on the channel.
2) If no posts are available, now it displays a message saying so
3) The ft-element-list component's display style can now be forced into
a certain display mode (list/grid) with the new prop. It will overwrite
the corresponding default value for list display
* Fixed display text path
* Fix lint"
* Adjusted css to fit to new layout
* Final touches community page to tidy up the console
* fix icons, fix linter
* fix hiding showmore button for community page
* fix showToast calls
* change all this.showToast to showToaast
* reinstall tinyslider
* use helpers
* small fixes
* fix: getting continuation of community posts
* remove unused code
* improve slider style import
* fix hiding 'ShowMore' button
* fix weird typo in css
* add invidous community tab support
* remove console testing code
* Apply suggestions from code review
Co-authored-by: absidue <48293849+absidue@users.noreply.github.com>
* implement suggestions, improve thumbnail replacement
* use flip horizontal
* readd invidious fallback code, remove author name workaround
* replace another google domain when using invidious
* suppport invidious multiImage posts
* Use youtube.js for community posts
* add invidious polls, remove support for fetching more
* reorder icons alpabetically
* re-allow loading more when using localapi
* fix styling of multiImage, hide NA text
* fix loading playlist
* fix spacing of items
* fix issue with direct url to community tab
* make review recommendations
Co-Authored-By: absidue <48293849+absidue@users.noreply.github.com>
* fix displaying selected tab, get best quality image
---------
Co-authored-by: Preston <freetubeapp@protonmail.com>
Co-authored-by: ChunkyProgrammer <78101139+ChunkyProgrammer@users.noreply.github.com>
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
Co-authored-by: absidue <48293849+absidue@users.noreply.github.com>
2023-03-04 09:56:04 +01:00
|
|
|
id="communityPanel"
|
|
|
|
:data="latestCommunityPosts"
|
2023-07-13 02:09:48 +02:00
|
|
|
:use-channels-hidden-preference="false"
|
Channel community page (#1568)
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Images are now displayed in the community tab
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Images are now displayed in the community tab
* Added primitive video display
* Current changes
* Added preston's change with the ftcard and started on some layout basics
* Created Community Post Component and added fetch more button + functionality
* Fixed problem with videothumbnails not loading and adjusted their height to 100% in the ft-list sass file
* Added poll and ft-list-video to the community page
* Added author name placeholder (missing in module), the published date, the likes and dislikes as well as comment counts to posts. Additionally scaling of images was added
* Added basis for community page playlists
* Finalized a setup for playlists when wide enough
* Fix for missing key in custom list
* Added publish date translation
* Add empty alt tags
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
* fix accessibility issue
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
* change: ununique ids to classes
* add missing alt tag
* Redirect channel/id/community to the channel's community tab
* update yt-channel-info
* update to 3.0.1
* Update yarn.lock
* add basic multiImage support
* use tiny-slider for multiImage community posts
* update getChannelCommunityPostsMore
* Update yarn.lock
* fix yarn lock
* swap community and about tab
* Update yarn.lock
* Fix missing comma
* Removed trailing spaces
* Clearing all community post data when changing to another channel
* Restructuring of how the post cards are added, Empty page text,
ft-element-list props customization
1) Now the community page uses the same setup of ft-element-list as the
other pages on the channel.
2) If no posts are available, now it displays a message saying so
3) The ft-element-list component's display style can now be forced into
a certain display mode (list/grid) with the new prop. It will overwrite
the corresponding default value for list display
* Fixed display text path
* Fix lint"
* Adjusted css to fit to new layout
* Final touches community page to tidy up the console
* fix icons, fix linter
* fix hiding showmore button for community page
* fix showToast calls
* change all this.showToast to showToaast
* reinstall tinyslider
* use helpers
* small fixes
* fix: getting continuation of community posts
* remove unused code
* improve slider style import
* fix hiding 'ShowMore' button
* fix weird typo in css
* add invidous community tab support
* remove console testing code
* Apply suggestions from code review
Co-authored-by: absidue <48293849+absidue@users.noreply.github.com>
* implement suggestions, improve thumbnail replacement
* use flip horizontal
* readd invidious fallback code, remove author name workaround
* replace another google domain when using invidious
* suppport invidious multiImage posts
* Use youtube.js for community posts
* add invidious polls, remove support for fetching more
* reorder icons alpabetically
* re-allow loading more when using localapi
* fix styling of multiImage, hide NA text
* fix loading playlist
* fix spacing of items
* fix issue with direct url to community tab
* make review recommendations
Co-Authored-By: absidue <48293849+absidue@users.noreply.github.com>
* fix displaying selected tab, get best quality image
---------
Co-authored-by: Preston <freetubeapp@protonmail.com>
Co-authored-by: ChunkyProgrammer <78101139+ChunkyProgrammer@users.noreply.github.com>
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
Co-authored-by: absidue <48293849+absidue@users.noreply.github.com>
2023-03-04 09:56:04 +01:00
|
|
|
role="tabpanel"
|
|
|
|
aria-labelledby="communityTab"
|
|
|
|
display="list"
|
|
|
|
/>
|
|
|
|
<ft-flex-box
|
2023-05-06 16:14:51 +02:00
|
|
|
v-if="!hideChannelCommunity && currentTab === 'community' && latestCommunityPosts.length === 0"
|
Channel community page (#1568)
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Images are now displayed in the community tab
* Comunity page strings, Communtiy tab, Community initial API call
Added:
1) Community page strings - the first few strings are now available
2) Community tab - A clickable tab is now displayed on channel pages
3) Community initial API call - on loading the page, the initial access
* Data returning added
* Images are now displayed in the community tab
* Added primitive video display
* Current changes
* Added preston's change with the ftcard and started on some layout basics
* Created Community Post Component and added fetch more button + functionality
* Fixed problem with videothumbnails not loading and adjusted their height to 100% in the ft-list sass file
* Added poll and ft-list-video to the community page
* Added author name placeholder (missing in module), the published date, the likes and dislikes as well as comment counts to posts. Additionally scaling of images was added
* Added basis for community page playlists
* Finalized a setup for playlists when wide enough
* Fix for missing key in custom list
* Added publish date translation
* Add empty alt tags
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
* fix accessibility issue
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
* change: ununique ids to classes
* add missing alt tag
* Redirect channel/id/community to the channel's community tab
* update yt-channel-info
* update to 3.0.1
* Update yarn.lock
* add basic multiImage support
* use tiny-slider for multiImage community posts
* update getChannelCommunityPostsMore
* Update yarn.lock
* fix yarn lock
* swap community and about tab
* Update yarn.lock
* Fix missing comma
* Removed trailing spaces
* Clearing all community post data when changing to another channel
* Restructuring of how the post cards are added, Empty page text,
ft-element-list props customization
1) Now the community page uses the same setup of ft-element-list as the
other pages on the channel.
2) If no posts are available, now it displays a message saying so
3) The ft-element-list component's display style can now be forced into
a certain display mode (list/grid) with the new prop. It will overwrite
the corresponding default value for list display
* Fixed display text path
* Fix lint"
* Adjusted css to fit to new layout
* Final touches community page to tidy up the console
* fix icons, fix linter
* fix hiding showmore button for community page
* fix showToast calls
* change all this.showToast to showToaast
* reinstall tinyslider
* use helpers
* small fixes
* fix: getting continuation of community posts
* remove unused code
* improve slider style import
* fix hiding 'ShowMore' button
* fix weird typo in css
* add invidous community tab support
* remove console testing code
* Apply suggestions from code review
Co-authored-by: absidue <48293849+absidue@users.noreply.github.com>
* implement suggestions, improve thumbnail replacement
* use flip horizontal
* readd invidious fallback code, remove author name workaround
* replace another google domain when using invidious
* suppport invidious multiImage posts
* Use youtube.js for community posts
* add invidious polls, remove support for fetching more
* reorder icons alpabetically
* re-allow loading more when using localapi
* fix styling of multiImage, hide NA text
* fix loading playlist
* fix spacing of items
* fix issue with direct url to community tab
* make review recommendations
Co-Authored-By: absidue <48293849+absidue@users.noreply.github.com>
* fix displaying selected tab, get best quality image
---------
Co-authored-by: Preston <freetubeapp@protonmail.com>
Co-authored-by: ChunkyProgrammer <78101139+ChunkyProgrammer@users.noreply.github.com>
Co-authored-by: Jason <84899178+jasonhenriquez@users.noreply.github.com>
Co-authored-by: absidue <48293849+absidue@users.noreply.github.com>
2023-03-04 09:56:04 +01:00
|
|
|
>
|
|
|
|
<p class="message">
|
|
|
|
{{ $t("Channel.Community.This channel currently does not have any posts") }}
|
|
|
|
</p>
|
|
|
|
</ft-flex-box>
|
2020-02-16 19:30:00 +01:00
|
|
|
<ft-element-list
|
|
|
|
v-show="currentTab === 'search'"
|
|
|
|
:data="searchResults"
|
2023-07-13 02:09:48 +02:00
|
|
|
:use-channels-hidden-preference="false"
|
2020-02-16 19:30:00 +01:00
|
|
|
/>
|
2020-07-12 00:36:42 +02:00
|
|
|
<ft-flex-box
|
|
|
|
v-if="currentTab === 'search' && searchResults.length === 0"
|
|
|
|
>
|
|
|
|
<p class="message">
|
2020-08-09 05:15:00 +02:00
|
|
|
{{ $t("Channel.Your search results have returned 0 results") }}
|
2020-07-12 00:36:42 +02:00
|
|
|
</p>
|
|
|
|
</ft-flex-box>
|
2020-02-16 19:30:00 +01:00
|
|
|
<div
|
2020-07-12 00:36:42 +02:00
|
|
|
v-if="showFetchMoreButton"
|
2020-02-16 19:30:00 +01:00
|
|
|
class="getNextPage"
|
2023-01-05 04:54:20 +01:00
|
|
|
role="button"
|
|
|
|
tabindex="0"
|
2020-02-16 19:30:00 +01:00
|
|
|
@click="handleFetchMore"
|
2023-01-05 04:54:20 +01:00
|
|
|
@keydown.space.prevent="handleFetchMore"
|
|
|
|
@keydown.enter.prevent="handleFetchMore"
|
2020-02-16 19:30:00 +01:00
|
|
|
>
|
2022-09-06 04:29:10 +02:00
|
|
|
<font-awesome-icon :icon="['fas', 'search']" /> {{ $t("Search Filters.Fetch more results") }}
|
2020-02-16 19:30:00 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</ft-card>
|
2022-06-03 16:04:50 +02:00
|
|
|
<ft-card
|
|
|
|
v-if="errorMessage"
|
|
|
|
class="card"
|
|
|
|
>
|
|
|
|
<p>
|
|
|
|
{{ errorMessage }}
|
|
|
|
</p>
|
|
|
|
</ft-card>
|
2022-06-21 08:14:15 +02:00
|
|
|
<ft-age-restricted
|
|
|
|
v-else-if="!isLoading && (!isFamilyFriendly && showFamilyFriendlyOnly)"
|
|
|
|
class="ageRestricted"
|
|
|
|
:content-type-string="'Channel'"
|
|
|
|
/>
|
2020-02-16 19:30:00 +01:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script src="./Channel.js" />
|
|
|
|
<style scoped src="./Channel.css" />
|