{"version":3,"sources":["webpack:///./src/components/VideoItem.vue","webpack:///./src/components/VideoItem.vue?2847","webpack:///./src/components/HistoryPage.vue","webpack:///./src/components/HistoryPage.vue?0ffa"],"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","clearHistory","id","selectedSort","onChange","videos","key","components","VideoItem","window","db","tx","transaction","store","objectStore","cursorRequest","openCursor","onsuccess","e","cursor","target","result","this","push","videoId","watchedAt","sort","a","b","length","continue","document","methods","localeCompare","clear"],"mappings":"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","file":"js/chunk-cf6f862e.f57ae668.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 class=\"uk-text-bold uk-text-center\">{{ $t(\"titles.history\") }}</h1>\n\n    <div style=\"text-align: left\">\n        <button class=\"uk-button\" v-t=\"'actions.clear_history'\" @click=\"clearHistory\"></button>\n    </div>\n\n    <div style=\"text-align: right\">\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    </div>\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-2 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\n    <br />\n</template>\n\n<script>\nimport VideoItem from \"@/components/VideoItem.vue\";\n\nexport default {\n    components: {\n        VideoItem,\n    },\n    data() {\n        return {\n            videos: [],\n            selectedSort: \"descending\",\n        };\n    },\n    mounted() {\n        (async () => {\n            if (window.db) {\n                var tx = window.db.transaction(\"watch_history\", \"readonly\");\n                var store = tx.objectStore(\"watch_history\");\n                const cursorRequest = store.openCursor();\n                cursorRequest.onsuccess = e => {\n                    const cursor = e.target.result;\n                    if (cursor) {\n                        const video = cursor.value;\n                        this.videos.push({\n                            url: \"/watch?v=\" + video.videoId,\n                            title: video.title,\n                            uploaderName: video.uploaderName,\n                            uploaderUrl: video.uploaderUrl,\n                            duration: video.duration,\n                            thumbnail: video.thumbnail,\n                            watchedAt: video.watchedAt,\n                        });\n                        this.videos.sort((a, b) => b.watchedAt - a.watchedAt); // TODO: Optimize\n                        if (this.videos.length < 1000) cursor.continue();\n                    }\n                };\n            }\n        })();\n    },\n    activated() {\n        document.title = \"Watch History - Piped\";\n    },\n    methods: {\n        onChange() {\n            switch (this.selectedSort) {\n                case \"ascending\":\n                    this.videos.sort((a, b) => a.watchedAt - b.watchedAt);\n                    break;\n                case \"descending\":\n                    this.videos.sort((a, b) => b.watchedAt - a.watchedAt);\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        clearHistory() {\n            if (window.db) {\n                var tx = window.db.transaction(\"watch_history\", \"readwrite\");\n                var store = tx.objectStore(\"watch_history\");\n                store.clear();\n            }\n            this.videos = [];\n        },\n    },\n};\n</script>\n","import { render } from \"./HistoryPage.vue?vue&type=template&id=600acc25\"\nimport script from \"./HistoryPage.vue?vue&type=script&lang=js\"\nexport * from \"./HistoryPage.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}