{"version":3,"sources":["webpack:///./src/components/SubscriptionsPage.vue","webpack:///./src/components/SubscriptionsPage.vue?ddcd"],"names":["class","authenticated","exportHandler","style","type","subscriptions","subscription","key","url","backgroundColor","href","src","avatar","width","height","name","handleButton","subscribed","this","fetchJson","apiUrl","headers","Authorization","getAuthToken","then","json","forEach","$router","push","document","title","methods","method","body","JSON","stringify","channelId","split","service_id","app_version","app_version_int","file","Blob","elem","createElement","URL","createObjectURL","download","click","remove","render"],"mappings":"iJACI,gCAA0D,MAAtDA,MAAM,+BAA8B,iBAAa,G,wBAgBnCA,MAAM,oB,2GAhBxB,EAGU,EAAAC,e,iBADV,gCAQS,U,MANJ,QAAK,oBAAE,EAAAC,eAAA,EAAAA,iBAAA,IACRF,MAAM,4BACNG,MAAA,oBACAC,KAAK,UACR,qB,0CAID,gCAeM,2BAf8C,EAAAC,cAAhBC,I,iBAApC,gCAeM,OAfAC,IAAKD,EAAaE,K,CACpB,gCAaM,OAbDR,MAAM,kBAAmBG,MAAK,yCAAiB,EAAAM,oB,CAChD,gCAGI,KAHAC,KAAMJ,EAAaE,K,CACnB,gCAAuF,OAAjFG,IAAKL,EAAaM,OAAQZ,MAAM,wBAAwBa,MAAM,KAAKC,OAAO,M,UAChF,gCAA6D,OAA7D,EAA6D,eAA3BR,EAAaS,MAAI,I,KAEvD,gCAOS,UANLf,MAAM,4BACNG,MAAA,oBACAC,KAAK,SACJ,QAAK,GAAE,EAAAY,aAAaV,I,eAElBA,EAAaW,WAAU,iC,kBAO3B,OACX,OACI,MAAO,CACHZ,cAAe,KAGvB,UACQa,KAAKjB,cACLiB,KAAKC,UAAUD,KAAKE,SAAW,iBAAkB,KAAM,CACnDC,QAAS,CACLC,cAAeJ,KAAKK,kBAEzBC,KAAKC,IACJP,KAAKb,cAAgBoB,EACrBP,KAAKb,cAAcqB,QAAQpB,GAAiBA,EAAaW,YAAa,KAEzEC,KAAKS,QAAQC,KAAK,WAE3B,YACIC,SAASC,MAAQ,yBAErBC,QAAS,CACL,aAAazB,GACTY,KAAKC,UAAUD,KAAKE,UAAYd,EAAaW,WAAa,eAAiB,cAAe,KAAM,CAC5Fe,OAAQ,OACRC,KAAMC,KAAKC,UAAU,CACjBC,UAAW9B,EAAaE,IAAI6B,MAAM,KAAK,KAE3ChB,QAAS,CACLC,cAAeJ,KAAKK,eACpB,eAAgB,sBAGxBjB,EAAaW,YAAcX,EAAaW,YAE5C,gBACI,MAAMZ,EAAgB,GAEtBa,KAAKb,cAAcqB,QAAQpB,IACvBD,EAAcuB,KAAK,CACfpB,IAAK,0BAA4BF,EAAaE,IAC9CO,KAAMT,EAAaS,KACnBuB,WAAY,MAIpB,MAAMb,EAAOS,KAAKC,UAAU,CACxBI,YAAa,GACbC,gBAAiB,EACjBnC,cAAeA,IAGnB,IAAIoC,EAAO,IAAIC,KAAK,CAACjB,GAAO,CAAErB,KAAM,qBAEpC,MAAMuC,EAAOd,SAASe,cAAc,KAEpCD,EAAKjC,KAAOmC,IAAIC,gBAAgBL,GAChCE,EAAKI,SAAW,qBAChBJ,EAAKK,QACLL,EAAKM,YCxFjB,EAAOC,OAASA,EAED","file":"js/chunk-2d0b6e78.407595ec.js","sourcesContent":["<template>\n    <h1 class=\"uk-text-bold uk-text-center\">Subscriptions</h1>\n\n    <button\n        v-if=\"authenticated\"\n        @click=\"exportHandler\"\n        class=\"uk-button uk-button-small\"\n        style=\"background: #222\"\n        type=\"button\"\n    >\n        Export to JSON\n    </button>\n\n    <div :key=\"subscription.url\" v-for=\"subscription in subscriptions\">\n        <div class=\"uk-text-primary\" :style=\"[{ background: backgroundColor }]\">\n            <a :href=\"subscription.url\">\n                <img :src=\"subscription.avatar\" class=\"uk-margin-small-right\" width=\"50\" height=\"50\" />\n                <span class=\"uk-text-truncate\">{{ subscription.name }}</span>\n            </a>\n            <button\n                class=\"uk-button uk-button-small\"\n                style=\"background: #222\"\n                type=\"button\"\n                @click=\"handleButton(subscription)\"\n            >\n                {{ subscription.subscribed ? \"Unsubscribe\" : \"Subscribe\" }}\n            </button>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    data() {\n        return {\n            subscriptions: [],\n        };\n    },\n    mounted() {\n        if (this.authenticated)\n            this.fetchJson(this.apiUrl() + \"/subscriptions\", null, {\n                headers: {\n                    Authorization: this.getAuthToken(),\n                },\n            }).then(json => {\n                this.subscriptions = json;\n                this.subscriptions.forEach(subscription => (subscription.subscribed = true));\n            });\n        else this.$router.push(\"/login\");\n    },\n    activated() {\n        document.title = \"Subscriptions - Piped\";\n    },\n    methods: {\n        handleButton(subscription) {\n            this.fetchJson(this.apiUrl() + (subscription.subscribed ? \"/unsubscribe\" : \"/subscribe\"), null, {\n                method: \"POST\",\n                body: JSON.stringify({\n                    channelId: subscription.url.split(\"/\")[2],\n                }),\n                headers: {\n                    Authorization: this.getAuthToken(),\n                    \"Content-Type\": \"application/json\",\n                },\n            });\n            subscription.subscribed = !subscription.subscribed;\n        },\n        exportHandler() {\n            const subscriptions = [];\n\n            this.subscriptions.forEach(subscription => {\n                subscriptions.push({\n                    url: \"https://www.youtube.com\" + subscription.url,\n                    name: subscription.name,\n                    service_id: 0,\n                });\n            });\n\n            const json = JSON.stringify({\n                app_version: \"\",\n                app_version_int: 0,\n                subscriptions: subscriptions,\n            });\n\n            var file = new Blob([json], { type: \"application/json\" });\n\n            const elem = document.createElement(\"a\");\n\n            elem.href = URL.createObjectURL(file);\n            elem.download = \"subscriptions.json\";\n            elem.click();\n            elem.remove();\n        },\n    },\n};\n</script>\n","import { render } from \"./SubscriptionsPage.vue?vue&type=template&id=4612d7cd\"\nimport script from \"./SubscriptionsPage.vue?vue&type=script&lang=js\"\nexport * from \"./SubscriptionsPage.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}