{"version":3,"sources":["webpack:///./src/components/VideoItem.vue","webpack:///./src/components/VideoItem.vue?5c02","webpack:///./src/components/FeedPage.vue","webpack:///./src/components/FeedPage.vue?4a7f"],"names":["class","style","backgroundColor","to","video","url","height","width","src","thumbnail","alt","loading","duration","timeFormat","title","views","uploadedDate","uploaderUrl","uploaderName","hideChannel","icon","numberFormat","uploaded","timeAgo","props","Object","String","Boolean","render","value","uk-grid","selectedSort","onChange","href","getRssUrl","videos","key","this","fetchFeed","then","document","methods","fetchJson","apiUrl","authToken","getAuthToken","sort","a","b","localeCompare","computed","_this","components","VideoItem"],"mappings":"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","file":"js/chunk-4118048e.32269bae.js","sourcesContent":["<template>\n    <div class=\"uk-text-secondary\" :style=\"[{ background: backgroundColor }]\">\n        <router-link class=\"uk-text-emphasis\" v-bind:to=\"video.url\">\n            <div class=\"uk-position-relative\">\n                <img\n                    :height=\"height\"\n                    :width=\"width\"\n                    style=\"width: 100%\"\n                    v-bind:src=\"video.thumbnail\"\n                    alt=\"thumbnail\"\n                    loading=\"lazy\"\n                />\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, .75); color: white; padding: 0 5px;\"\n                    >{{ timeFormat(video.duration) }}</span\n                >\n            </div>\n            <p class=\"uk-text-break\">{{ video.title }}</p>\n        </router-link>\n\n        <div :class=\"{ 'uk-align-left': !(video.views >= 0 || video.uploadedDate) }\">\n            <div v-if=\"video.uploaderUrl && video.uploaderName && !hideChannel\">\n                <router-link class=\"uk-link-muted\" :to=\"video.uploaderUrl\">\n                    <a>{{ video.uploaderName }}</a>\n                </router-link>\n                <br />\n            </div>\n        </div>\n\n        <b v-if=\"video.views >= 0 || video.uploadedDate\" class=\"uk-text-small uk-align-left\">\n            <div v-if=\"video.views >= 0\">\n                <font-awesome-icon icon=\"eye\"></font-awesome-icon>\n                {{ numberFormat(video.views) }} views\n                <br />\n            </div>\n            <div v-if=\"video.uploadedDate\">\n                {{ video.uploadedDate }}\n            </div>\n            <div v-if=\"video.uploaded\">\n                {{ timeAgo(video.uploaded) }}\n            </div>\n        </b>\n        <div class=\"uk-align-right\">\n            <router-link :to=\"video.url + '&listen=1'\">\n                <font-awesome-icon icon=\"headphones\"></font-awesome-icon>\n            </router-link>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    props: {\n        video: Object,\n        height: String,\n        width: String,\n        hideChannel: Boolean,\n    },\n};\n</script>\n","import { render } from \"./VideoItem.vue?vue&type=template&id=791e1b02\"\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 class=\"uk-text-bold uk-text-center\">Feed</h1>\n\n    <small>You can import subscriptions from <router-link to=\"/import\">here</router-link>.</small>\n\n    <br />\n    <router-link to=\"/subscriptions\" class=\"uk-text-center\">View Subscriptions</router-link>\n\n    <br />\n    Sort by:\n    <select class=\"uk-select uk-width-auto\" v-model=\"selectedSort\" @change=\"onChange()\">\n        <option value=\"descending\">Most Recent</option>\n        <option value=\"ascending\">Least Recent</option>\n        <option value=\"channel_ascending\">Channel Name (A-Z)</option>\n        <option value=\"channel_descending\">Channel Name (Z-A)</option>\n    </select>\n\n    <div class=\"uk-align-right\">\n        <a :href=\"getRssUrl\"><font-awesome-icon icon=\"rss\"></font-awesome-icon></a>\n    </div>\n\n    <hr />\n\n    <div class=\"uk-grid-xl\" uk-grid=\"parallax: 0\">\n        <div\n            :style=\"[{ background: backgroundColor }]\"\n            class=\"uk-width-1-2 uk-width-1-3@s uk-width-1-4@m uk-width-1-5@l uk-width-1-6@xl\"\n            v-bind:key=\"video.url\"\n            v-for=\"video in videos\"\n        >\n            <VideoItem :video=\"video\" />\n        </div>\n    </div>\n</template>\n\n<script>\nimport VideoItem from \"@/components/VideoItem.vue\";\n\nexport default {\n    data() {\n        return {\n            videos: [],\n            selectedSort: \"descending\",\n        };\n    },\n    mounted() {\n        this.fetchFeed().then(videos => (this.videos = videos));\n    },\n    activated() {\n        document.title = \"Feed - Piped\";\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    },\n    computed: {\n        getRssUrl(_this) {\n            return _this.apiUrl() + \"/feed/rss?authToken=\" + _this.getAuthToken();\n        },\n    },\n    components: {\n        VideoItem,\n    },\n};\n</script>\n","import { render } from \"./FeedPage.vue?vue&type=template&id=35db7c82\"\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":""}