{"version":3,"sources":["webpack:///./src/components/VideoItem.vue","webpack:///./src/components/VideoItem.vue?2847","webpack:///./src/components/FeedPage.vue","webpack:///./src/components/FeedPage.vue?a6c5"],"names":["class","style","backgroundColor","to","video","url","height","width","src","thumbnail","alt","loading","duration","timeFormat","watched","$t","title","aria-label","icon","uploaderUrl","uploaderAvatar","uploaderName","hideChannel","uploaderVerified","views","uploadedDate","numberFormat","uploaded","timeAgo","props","type","Object","default","String","Boolean","render","for","value","authenticated","exportHandler","href","getRssUrl","id","selectedSort","onChange","videos","key","components","VideoItem","currentVideoCount","videoStep","videosStore","computed","_this","apiUrl","getAuthToken","this","fetchFeed","then","loadMoreVideos","updateWatched","document","length","window","addEventListener","handleScroll","removeEventListener","methods","fetchJson","authToken","sort","a","b","localeCompare","Math","min","slice","innerHeight","scrollY","body","offsetHeight"],"mappings":"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","file":"js/chunk-4118048e.5829955d.js","sourcesContent":["<template>\n    <div class=\"uk-text-secondary\" :style=\"[{ background: backgroundColor }]\">\n        <router-link class=\"uk-text-emphasis\" :to=\"video.url\">\n            <img :height=\"height\" :width=\"width\" style=\"width: 100%\" :src=\"video.thumbnail\" alt=\"\" loading=\"lazy\" />\n            <div class=\"uk-position-relative\">\n                <span\n                    v-if=\"video.duration\"\n                    class=\"uk-label uk-border-rounded uk-position-absolute video-duration\"\n                    style=\"bottom: 5px; right: 5px; background: rgba(0, 0, 0, 0.75); color: white; padding: 0 5px\"\n                    >{{ timeFormat(video.duration) }}</span\n                >\n                <span\n                    v-if=\"video.watched\"\n                    class=\"uk-label uk-border-rounded uk-position-absolute video-duration\"\n                    style=\"bottom: 5px; left: 5px; background: rgba(0, 0, 0, 0.75); color: white; padding: 0 5px\"\n                    >{{ $t(\"video.watched\") }}</span\n                >\n            </div>\n\n            <div>\n                <p\n                    style=\"\n                        padding-top: 0.5rem;\n                        margin-bottom: 0.5rem;\n                        display: -webkit-box;\n                        -webkit-line-clamp: 2;\n                        -webkit-box-orient: vertical;\n                        overflow: hidden;\n                    \"\n                    :title=\"video.title\"\n                >\n                    {{ video.title }}\n                </p>\n            </div>\n        </router-link>\n\n        <div class=\"uk-align-right\" style=\"margin-left: 0; margin-bottom: 0; display: inline-block; width: 10%\">\n            <router-link\n                :to=\"video.url + '&listen=1'\"\n                :aria-label=\"'Listen to ' + video.title\"\n                :title=\"'Listen to ' + video.title\"\n            >\n                <font-awesome-icon icon=\"headphones\"></font-awesome-icon>\n            </router-link>\n        </div>\n\n        <div style=\"display: flex; flex-flow: row; height: 15%\">\n            <router-link class=\"uk-link-muted\" :to=\"video.uploaderUrl\">\n                <img\n                    v-if=\"video.uploaderAvatar\"\n                    :src=\"video.uploaderAvatar\"\n                    loading=\"lazy\"\n                    :alt=\"video.uploaderName\"\n                    class=\"uk-border-circle\"\n                    style=\"margin-right: 0.5rem; margin-top: 0.5rem; width: 32px; height: 32px\"\n                />\n            </router-link>\n\n            <div style=\"width: calc(100% - 32px - 8px)\">\n                <router-link\n                    v-if=\"video.uploaderUrl && video.uploaderName && !hideChannel\"\n                    class=\"uk-link-muted uk-overflow-hidden\"\n                    :to=\"video.uploaderUrl\"\n                    :title=\"video.uploaderName\"\n                    style=\"display: block; width: 90%\"\n                >\n                    {{ video.uploaderName }}&thinsp;<font-awesome-icon\n                        v-if=\"video.uploaderVerified\"\n                        icon=\"check\"\n                    ></font-awesome-icon>\n                </router-link>\n\n                <b v-if=\"video.views >= 0 || video.uploadedDate\" class=\"uk-text-small\">\n                    <span v-if=\"video.views >= 0\">\n                        <font-awesome-icon icon=\"eye\"></font-awesome-icon>\n                        {{ numberFormat(video.views) }} •\n                    </span>\n                    <span v-if=\"video.uploadedDate\">\n                        {{ video.uploadedDate }}\n                    </span>\n                    <span v-if=\"video.uploaded\">\n                        {{ timeAgo(video.uploaded) }}\n                    </span>\n                </b>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    props: {\n        video: {\n            type: Object,\n            default: () => {\n                return {};\n            },\n        },\n        height: { type: String, default: \"118\" },\n        width: { type: String, default: \"210\" },\n        hideChannel: { type: Boolean, default: false },\n    },\n};\n</script>\n","import { render } from \"./VideoItem.vue?vue&type=template&id=5524002a\"\nimport script from \"./VideoItem.vue?vue&type=script&lang=js\"\nexport * from \"./VideoItem.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","<template>\n    <h1 v-t=\"'titles.feed'\" class=\"uk-text-bold uk-text-center\" />\n\n    <button\n        v-if=\"authenticated\"\n        class=\"uk-button uk-button-small\"\n        style=\"margin-right: 0.5rem\"\n        type=\"button\"\n        @click=\"exportHandler\"\n    >\n        <router-link to=\"/subscriptions\"> Subscriptions </router-link>\n    </button>\n\n    <span>\n        <a :href=\"getRssUrl\"><font-awesome-icon icon=\"rss\" style=\"padding-top: 0.2rem\"></font-awesome-icon></a>\n    </span>\n\n    <span class=\"uk-align-right@m\">\n        <label for=\"ddlSortBy\">{{ $t(\"actions.sort_by\") }}</label>\n        <select id=\"ddlSortBy\" v-model=\"selectedSort\" class=\"uk-select uk-width-auto\" @change=\"onChange()\">\n            <option v-t=\"'actions.most_recent'\" value=\"descending\" />\n            <option v-t=\"'actions.least_recent'\" value=\"ascending\" />\n            <option v-t=\"'actions.channel_name_asc'\" value=\"channel_ascending\" />\n            <option v-t=\"'actions.channel_name_desc'\" value=\"channel_descending\" />\n        </select>\n    </span>\n\n    <hr />\n\n    <div class=\"uk-grid uk-grid-xl\">\n        <div\n            v-for=\"video in videos\"\n            :key=\"video.url\"\n            :style=\"[{ background: backgroundColor }]\"\n            class=\"uk-width-1-1 uk-width-1-3@s uk-width-1-4@m uk-width-1-5@l uk-width-1-6@xl\"\n        >\n            <VideoItem :video=\"video\" />\n        </div>\n    </div>\n</template>\n\n<script>\nimport VideoItem from \"@/components/VideoItem.vue\";\n\nexport default {\n    components: {\n        VideoItem,\n    },\n    data() {\n        return {\n            currentVideoCount: 0,\n            videoStep: 100,\n            videosStore: [],\n            videos: [],\n            selectedSort: \"descending\",\n        };\n    },\n    computed: {\n        getRssUrl(_this) {\n            return _this.apiUrl() + \"/feed/rss?authToken=\" + _this.getAuthToken();\n        },\n    },\n    mounted() {\n        this.fetchFeed().then(videos => {\n            this.videosStore = videos;\n            this.loadMoreVideos();\n            this.updateWatched(this.videos);\n        });\n    },\n    activated() {\n        document.title = this.$t(\"titles.feed\") + \" - Piped\";\n        if (this.videos.length > 0) this.updateWatched(this.videos);\n        window.addEventListener(\"scroll\", this.handleScroll);\n    },\n    deactivated() {\n        window.removeEventListener(\"scroll\", this.handleScroll);\n    },\n    unmounted() {\n        window.removeEventListener(\"scroll\", this.handleScroll);\n    },\n    methods: {\n        async fetchFeed() {\n            return await this.fetchJson(this.apiUrl() + \"/feed\", {\n                authToken: this.getAuthToken(),\n            });\n        },\n        onChange() {\n            switch (this.selectedSort) {\n                case \"ascending\":\n                    this.videos.sort((a, b) => a.uploaded - b.uploaded);\n                    break;\n                case \"descending\":\n                    this.videos.sort((a, b) => b.uploaded - a.uploaded);\n                    break;\n                case \"channel_ascending\":\n                    this.videos.sort((a, b) => a.uploaderName.localeCompare(b.uploaderName));\n                    break;\n                case \"channel_descending\":\n                    this.videos.sort((a, b) => b.uploaderName.localeCompare(a.uploaderName));\n                    break;\n            }\n        },\n        loadMoreVideos() {\n            this.currentVideoCount = Math.min(this.currentVideoCount + this.videoStep, this.videosStore.length);\n            if (this.videos.length != this.videosStore.length)\n                this.videos = this.videosStore.slice(0, this.currentVideoCount);\n        },\n        handleScroll() {\n            if (window.innerHeight + window.scrollY >= document.body.offsetHeight - window.innerHeight) {\n                this.loadMoreVideos();\n            }\n        },\n    },\n};\n</script>\n","import { render } from \"./FeedPage.vue?vue&type=template&id=f1afe0f0\"\nimport script from \"./FeedPage.vue?vue&type=script&lang=js\"\nexport * from \"./FeedPage.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}