FreeTube/src/renderer/components/ft-element-list/ft-element-list.js

42 lines
866 B
JavaScript
Raw Normal View History

import { defineComponent } from 'vue'
2020-06-23 17:47:19 +02:00
import FtAutoGrid from '../ft-auto-grid/ft-auto-grid.vue'
import FtListLazyWrapper from '../ft-list-lazy-wrapper/ft-list-lazy-wrapper.vue'
2020-02-16 19:30:00 +01:00
export default defineComponent({
2020-02-16 19:30:00 +01:00
name: 'FtElementList',
components: {
2020-06-23 17:47:19 +02:00
'ft-auto-grid': FtAutoGrid,
'ft-list-lazy-wrapper': FtListLazyWrapper
2020-02-16 19:30:00 +01:00
},
props: {
data: {
type: Array,
required: true
},
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
display: {
type: String,
required: false,
default: ''
},
showVideoWithLastViewedPlaylist: {
type: Boolean,
default: 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
}
},
data: function () {
return {
displayValue: this.display
}
2020-02-16 19:30:00 +01:00
},
computed: {
listType: function () {
return this.$store.getters.getListType
}
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
},
mounted: function () {
if (this.display === '') {
this.displayValue = this.listType
}
2020-02-16 19:30:00 +01:00
}
})