{"version":3,"sources":["webpack:///./src/components/SubscriptionsPage.vue","webpack:///./src/components/SubscriptionsPage.vue?d333"],"names":["class","style","type","$t","authenticated","to","exportHandler","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":"kJACQA,MAAM,+B,GAELC,MAAA,yB,SAC4BD,MAAM,4BAA4BC,MAAA,0BAA8BC,KAAK,U,EAgBtG,eAAM,mB,wBAOUF,MAAM,gBACNC,MAAA,mF,gBAaZ,eAAM,mB,EAEV,eAAM,mB,kHA1CN,eAA6E,KAA7E,EAA6E,eAAlC,EAAAE,GAAE,4BAE7C,eAgBM,MAhBN,EAgBM,CAfY,EAAAC,e,iBAAd,eAIS,SAJT,EAIS,CAHL,eAEc,GAFDC,GAAG,WAAS,C,uBACrB,IAAoC,C,8BAAjC,EAAAF,GAAE,kC,+BAKH,EAAAC,e,iBADV,eAQS,U,MANLJ,MAAM,4BACNC,MAAA,gBACAC,KAAK,SACJ,QAAK,oBAAE,EAAAI,eAAA,EAAAA,iBAAA,K,eAEL,EAAAH,GAAE,+B,wBAGb,G,mBAEA,eAoBM,2BApBsB,EAAAI,cAAhBC,I,iBAAZ,eAoBM,OApBsCC,IAAKD,EAAaE,IAAKT,MAAA,yB,CAC/D,eAiBM,OAjBDD,MAAM,kBAAmBC,MAAK,4BAAiB,EAAAU,oB,CAChD,eAOI,KAPAC,KAAMJ,EAAaE,K,CACnB,eAAwG,OAAlGG,IAAKL,EAAaM,OAAQd,MAAM,yCAAyCe,MAAM,KAAKC,OAAO,M,UACjG,eAIC,OAJD,EAIC,eADOR,EAAaS,MAAI,I,KAG7B,eAOS,UANLjB,MAAM,4BACNC,MAAA,yDACAC,KAAK,SACJ,QAAK,GAAE,EAAAgB,aAAaV,I,eAElBA,EAAaW,WAAa,EAAAhB,GAAE,uBAA0B,EAAAA,GAAE,4B,GAGnE,M,MAEJ,G,IAIW,OACX,OACI,MAAO,CACHI,cAAe,KAGvB,UACQa,KAAKhB,cACLgB,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,CAAEzB,KAAM,qBAEpC,MAAM2C,EAAOd,SAASe,cAAc,KAEpCD,EAAKjC,KAAOmC,IAAIC,gBAAgBL,GAChCE,EAAKI,SAAW,qBAChBJ,EAAKK,QACLL,EAAKM,YCvGjB,EAAOC,OAASA,EAED","file":"js/chunk-2d0b6e78.b0227f9e.js","sourcesContent":["<template>\n    <h1 class=\"uk-text-bold uk-text-center\">{{ $t(\"titles.subscriptions\") }}</h1>\n\n    <div style=\"text-align: center\">\n        <button v-if=\"authenticated\" class=\"uk-button uk-button-small\" style=\" margin-right: 0.5rem\" type=\"button\">\n            <router-link to=\"/import\">\n                {{ $t(\"actions.import_from_json\") }}\n            </router-link>\n        </button>\n\n        <button\n            v-if=\"authenticated\"\n            class=\"uk-button uk-button-small\"\n            style=\"color: white\"\n            type=\"button\"\n            @click=\"exportHandler\"\n        >\n            {{ $t(\"actions.export_to_json\") }}\n        </button>\n    </div>\n    <hr />\n\n    <div v-for=\"subscription in subscriptions\" :key=\"subscription.url\" style=\"text-align: center\">\n        <div class=\"uk-text-primary\" :style=\"[{ background: backgroundColor }]\">\n            <a :href=\"subscription.url\">\n                <img :src=\"subscription.avatar\" class=\"uk-margin-small-right uk-border-circle\" width=\"96\" height=\"96\" />\n                <span\n                    class=\"uk-text-large\"\n                    style=\"width: 30rem; display: inline-block; text-align: center; margin-left: 6rem\"\n                    >{{ subscription.name }}</span\n                >\n            </a>\n            <button\n                class=\"uk-button uk-button-large\"\n                style=\"background: #222; margin-left: 0.5rem; width: 185px\"\n                type=\"button\"\n                @click=\"handleButton(subscription)\"\n            >\n                {{ subscription.subscribed ? $t(\"actions.unsubscribe\") : $t(\"actions.subscribe\") }}\n            </button>\n        </div>\n        <br />\n    </div>\n    <br />\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=59b7a106\"\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":""}