From 611e08340d1c62664bc449cb65d3c88987a9c2cb Mon Sep 17 00:00:00 2001 From: "Leon Etienne (ubuntu wsl)" Date: Fri, 2 Oct 2020 20:28:08 +0200 Subject: [PATCH] Fixed styling f --- Tubio/frontend/200.html | 6 ++--- .../frontend/_nuxt/{4f6cc7a.js => 2416c2e.js} | 2 +- .../frontend/_nuxt/{10ae25b.js => 6fb3b02.js} | 2 +- .../{1601659471 => 1601663277}/payload.js | 0 .../settings/payload.js | 0 .../settings/state.js | 2 +- .../{1601659471 => 1601663277}/state.js | 2 +- Tubio/frontend/index.html | 4 +-- Tubio/frontend/settings/index.html | 4 +-- .../components/PleaseWaitBlocker.vue | 25 +++++++++++++------ 10 files changed, 29 insertions(+), 18 deletions(-) rename Tubio/frontend/_nuxt/{4f6cc7a.js => 2416c2e.js} (97%) rename Tubio/frontend/_nuxt/{10ae25b.js => 6fb3b02.js} (63%) rename Tubio/frontend/_nuxt/static/{1601659471 => 1601663277}/payload.js (100%) rename Tubio/frontend/_nuxt/static/{1601659471 => 1601663277}/settings/payload.js (100%) rename Tubio/frontend/_nuxt/static/{1601659471 => 1601663277}/settings/state.js (76%) rename Tubio/frontend/_nuxt/static/{1601659471 => 1601663277}/state.js (75%) diff --git a/Tubio/frontend/200.html b/Tubio/frontend/200.html index 9af0d00..206e5f1 100644 --- a/Tubio/frontend/200.html +++ b/Tubio/frontend/200.html @@ -1,9 +1,9 @@ - Tubio - Video downloader + Tubio - Video downloader -
Loading...
- +
Loading...
+ diff --git a/Tubio/frontend/_nuxt/4f6cc7a.js b/Tubio/frontend/_nuxt/2416c2e.js similarity index 97% rename from Tubio/frontend/_nuxt/4f6cc7a.js rename to Tubio/frontend/_nuxt/2416c2e.js index 7debdd8..276ec58 100644 --- a/Tubio/frontend/_nuxt/4f6cc7a.js +++ b/Tubio/frontend/_nuxt/2416c2e.js @@ -1 +1 @@ -!function(e){function r(data){for(var r,n,l=data[0],f=data[1],d=data[2],i=0,h=[];i")},removeDownload:function(){var t=this;h.a.post("/api",{request:"remove_download_entry",id:this.downloadEntry.tubio_id}).then((function(e){"OK"===e.data.status&&t.$store.dispatch("dlcache/update",t)}))}}},m=(o(272),Object(r.a)(v,(function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"frame mb-6 pt-2 pb-4"},[o("div",{staticClass:"flex flex-col"},[o("div",{staticClass:"flex items-end justify-between w-full md:w-auto"},[o("div",{staticClass:"flex flex-col"},[o("div",{staticClass:"icon--mode"},["video"===t.downloadEntry.mode?o("IconFilm"):o("IconMusic")],1),t._v(" "),o("div",{staticClass:"timestamp"},[t._v("\n "+t._s(t.getQueuedDateString(t.downloadEntry.queued_timestamp))+"\n ")])]),t._v(" "),o("div",{staticClass:"button-remove",on:{click:t.removeDownload}},[o("IconX")],1)]),t._v(" "),o("div",{staticClass:"flex flex-col-reverse md:flex-row w-full mt-2"},[o("div",{staticClass:"flex flex-col"},[o("a",{attrs:{href:t.downloadEntry.webpage_url,target:"_blank",title:"To the original source"}},[o("div",{staticClass:"thumbnail flex-shrink-0",style:"--thumbnail: url('"+t.downloadEntry.thumbnail_url+"')"},[o("div",{staticClass:"thumbnail__vignette"}),t._v(" "),o("div",{staticClass:"thumbnail__duration"},[t._v(t._s(t.getDurationString(t.downloadEntry.duration)))])])]),t._v(" "),"downloading"===t.downloadEntry.status?o("div",[o("div",{staticClass:"status--progressbar flex w-full mt-3"},[o("div",{staticClass:"status--progressbar__good items-stretch",style:"--download-progress: "+t.downloadEntry.download_progress+"%;"})]),t._v(" "),o("div",{staticClass:"status--progressbar__text"},[t._v("\n "+t._s(t.downloadEntry.download_progress)+"%\n ")])]):"finished"===t.downloadEntry.status?o("a",{attrs:{href:t.downloadEntry.download_url,title:"download"}},[o("div",{staticClass:"status--ready mt-3 button flex justify-center w-full"},[o("div",[o("IconDownload")],1)])]):"queued"===t.downloadEntry.status?o("div",[o("div",{staticClass:"status--queued mt-3"},[t._v("\n Queued\n ")])]):"failed"===t.downloadEntry.status?o("div",[o("div",{staticClass:"status--failed mt-3"},[t._v("\n Failed!\n ")])]):t._e()]),t._v(" "),o("div",{staticClass:"flex flex-col md:ml-4 w-full overflow-x-hidden overflow-y-visible"},[o("h1",{staticClass:"title"},[t._v(t._s(t.downloadEntry.title))]),t._v(" "),o("div",{staticClass:"relative my-4"},[""!=t.downloadEntry.description?o("div",[o("p",{staticClass:"description p-2"},[o("span",{domProps:{innerHTML:t._s(t.linebreaksToBrTags(t.downloadEntry.description))}})]),t._v(" "),o("div",{staticClass:"description__decobox description__decobox--left"}),t._v(" "),o("div",{staticClass:"description__decobox description__decobox--right"})]):t._e()])])])])])}),[],!1,null,"980790fa",null));e.default=m.exports},260:function(t,e,o){"use strict";o.r(e);var r={},n=(o(276),o(10)),component=Object(n.a)(r,(function(){var t=this.$createElement;this._self._c;return this._m(0)}),[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"click-blocker flex justify-center md:items-center"},[e("div",{staticClass:"box"},[e("h2",{staticClass:"mt-2"},[this._v("Please wait...")]),this._v(" "),e("div",{staticClass:"dots flex w-full justify-center items-center"},[e("div",{staticClass:"dot"}),this._v(" "),e("div",{staticClass:"dot"}),this._v(" "),e("div",{staticClass:"dot"})])])])}],!1,null,"0290555a",null);e.default=component.exports},263:function(t,e,o){"use strict";o.r(e);o(49);var r=o(258),n=(o(7),{components:{DownloadEntry:r.default},computed:{dlcache:function(){return this.$store.state.dlcache.cache}},data:function(){return{downloads:{type:Array}}},mounted:function(){var t=this;this.$store.dispatch("dlcache/update"),setInterval((function(){t.$store.dispatch("dlcache/update")}),1e3)}}),l=(o(274),o(10)),component=Object(l.a)(n,(function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"download-box"},[this._e(),this._v(" "),this._l(this.dlcache,(function(t,o){return e("DownloadEntry",{key:o,attrs:{downloadEntry:t}})}))],2)}),[],!1,null,"8061dfc4",null);e.default=component.exports;installComponents(component,{DownloadEntry:o(258).default})},272:function(t,e,o){"use strict";var r=o(254);o.n(r).a},273:function(t,e,o){(e=o(19)(!1)).push([t.i,".frame[data-v-980790fa]{width:100%;border-bottom:2px solid #888}.frame .timestamp[data-v-980790fa]{font-family:ZillaSlab,serif;font-size:12pt;color:#bbb}.frame .thumbnail[data-v-980790fa]{background-image:var(--thumbnail);background-size:cover;background-position:50%;background-repeat:no-repeat;width:150px;height:84.375px;position:relative;cursor:pointer;scrollbar-width:none}@media(max-width:768px){.frame .thumbnail[data-v-980790fa]{width:100%;height:130px}}.frame .thumbnail__vignette[data-v-980790fa]{position:absolute;top:0;bottom:0;right:0;left:0;box-shadow:0 0 15px 2px #000}.frame .thumbnail__duration[data-v-980790fa]{position:absolute;bottom:0;right:0;padding:0 3px 3px 0;text-align:right;font-size:12pt;color:#bbb;background-color:rgba(0,0,0,.66667)}.frame .title[data-v-980790fa]{color:#bbb;font-size:22pt;max-height:1.3em;overflow-y:hidden;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.frame .description[data-v-980790fa]{color:#bbb;font-size:14pt;height:100px;overflow-x:hidden;overflow-y:scroll;position:relative;background-color:rgba(0,0,0,.2)}@media(max-width:768px){.frame .description[data-v-980790fa]{overflow:scroll}}.frame .description__decobox[data-v-980790fa]{position:absolute}.frame .description__decobox--left[data-v-980790fa]{top:0;left:0;width:40px;height:40px;border-top:2px solid #888;border-left:2px solid #888;pointer-events:none}.frame .description__decobox--right[data-v-980790fa]{bottom:0;right:0;width:40px;height:40px;border-bottom:2px solid #888;border-right:2px solid #888;pointer-events:none}.frame .status--progressbar[data-v-980790fa]{background-color:#900;height:5px}.frame .status--progressbar__good[data-v-980790fa]{background-color:#0b0;width:var(--download-progress);transition:width 1s}.frame .status--progressbar__text[data-v-980790fa]{font-size:24pt;color:#bbb}.frame .status--ready[data-v-980790fa]{height:45px;background-color:#bbb;transition:background-color .2s,border .2s}.frame .status--ready[data-v-980790fa]:hover{background-color:#5954a4;color:#fff}.frame .status--ready svg[data-v-980790fa]{height:35px}.frame .status--queued[data-v-980790fa]{font-family:ZillaSlab,serif;font-size:24pt;color:#bbb}.frame .status--failed[data-v-980790fa]{font-family:ZillaSlab,serif;font-size:24pt;color:#d40}.frame .button-remove[data-v-980790fa]{width:35px;height:35px;fill:#333;stroke:#333;cursor:pointer;transition:background-color .2s,border-radius .2s}.frame .button-remove[data-v-980790fa]:hover{background-color:#d40;border-radius:50%}.frame[data-v-980790fa]::-webkit-scrollbar,.frame[data-v-980790fa] ::-webkit-scrollbar{display:none}.frame .icon--mode[data-v-980790fa]{width:20px}",""]),t.exports=e},274:function(t,e,o){"use strict";var r=o(255);o.n(r).a},275:function(t,e,o){(e=o(19)(!1)).push([t.i,".download-box[data-v-8061dfc4]{width:100%;min-height:600px;border-radius:5px;padding:20px;background-color:hsla(0,0%,100%,.33333)}.no-dls-yet[data-v-8061dfc4]{color:#bbb;font-size:34pt;text-align:center}",""]),t.exports=e},276:function(t,e,o){"use strict";var r=o(256);o.n(r).a},277:function(t,e,o){(e=o(19)(!1)).push([t.i,".click-blocker[data-v-0290555a]{position:absolute;left:0;right:0;top:0;bottom:0}.box[data-v-0290555a]{margin-top:160px;width:1200px;height:800px;max-height:70vh;background-color:#586679;opacity:.95;border-radius:5px;border:2px solid #888;overflow:hidden}@media(max-width:768px){.box[data-v-0290555a]{margin-left:15px;margin-right:15px;height:300px;margin-top:80px}}.box h2[data-v-0290555a]{text-align:center;font-size:56pt;color:#bbb}@media(max-width:768px){.box h2[data-v-0290555a]{margin-top:36px;max-height:unset}}.box .dots[data-v-0290555a]{margin-top:250px}@media(max-width:768px){.box .dots[data-v-0290555a]{margin-top:50px}}.box .dots .dot[data-v-0290555a]{width:50px;height:50px;background-color:#888;border-radius:50px;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.box .dots .dot[data-v-0290555a]:first-child{-webkit-animation:dot-hover-data-v-0290555a 1.5s infinite;animation:dot-hover-data-v-0290555a 1.5s infinite;-webkit-animation-delay:0;animation-delay:0}.box .dots .dot[data-v-0290555a]:nth-child(2){-webkit-animation:dot-hover-data-v-0290555a 1.5s infinite;animation:dot-hover-data-v-0290555a 1.5s infinite;-webkit-animation-delay:.3s;animation-delay:.3s}.box .dots .dot[data-v-0290555a]:nth-child(3){-webkit-animation:dot-hover-data-v-0290555a 1.5s infinite;animation:dot-hover-data-v-0290555a 1.5s infinite;-webkit-animation-delay:.6s;animation-delay:.6s}@media(max-width:768px){.box .dots .dot[data-v-0290555a]{width:10px;height:10px}.box .dots .dot[data-v-0290555a]:not(:first-child){margin-left:5px}.box .dots .dot[data-v-0290555a]:not(:last-child){margin-right:5px}}@media(min-width:768px){.box .dots .dot[data-v-0290555a]{font-size:36pt}.box .dots .dot[data-v-0290555a]:not(:first-child){margin-left:25px}.box .dots .dot[data-v-0290555a]:not(:last-child){margin-right:25px}}@-webkit-keyframes dot-hover-data-v-0290555a{0%{transform:translateY(0)}50%{transform:translateY(1em)}to{transform:translateY(0)}}@keyframes dot-hover-data-v-0290555a{0%{transform:translateY(0)}50%{transform:translateY(1em)}to{transform:translateY(0)}}",""]),t.exports=e},278:function(t,e,o){"use strict";var r=o(257);o.n(r).a},279:function(t,e,o){(e=o(19)(!1)).push([t.i,".logo[data-v-70fafaea]{--logo-color:#8ad5eb;width:300px;fill:var(--logo-color);stroke:var(--logo-color);filter:drop-shadow(0 0 3px #8ad5eb);transition:fill .2s,stroke .2s,filter .2s}@media(max-width:768px){.logo[data-v-70fafaea]{width:80px;align-self:flex-start}}@media(min-width:768px){.logo[data-v-70fafaea]:hover{--logo-color:#bee7f4;filter:drop-shadow(0 0 5px #bee7f4)}}.input-flex[data-v-70fafaea]{width:100%}input[data-v-70fafaea]{height:50px;font-family:ZillaSlab,serif;font-weight:700;font-size:18pt;border-radius:5px;padding:.1em .5em;box-shadow:0 0 20px 5px hsla(0,0%,100%,.2);border:none;color:#04254e;transition:transform .2s;min-width:0}input[data-v-70fafaea]:focus{transform:scale(1.015)}.icon-button[data-v-70fafaea]{height:2em;stroke:#04254e;overflow:hidden;transition:stroke .2s,fill .2s,color .2s}.icon-button svg[data-v-70fafaea]{height:100%}.button[data-v-70fafaea]{transition:transform .2s,background-color .2s,border .2s}.button[data-v-70fafaea]:hover{transform:scale(1.05);background-color:#5954a4;color:#fff}.button:hover svg[data-v-70fafaea]{fill:#fff;stroke:#fff}.dropdown[data-v-70fafaea]{min-width:100px;height:100%;border-radius:5px;cursor:pointer;font-family:ZillaSlab,serif;font-size:16pt}",""]),t.exports=e},280:function(t,e,o){"use strict";o.r(e);o(34),o(166);var r=o(86),n=o(247),l=o(263),d=o(260),c=o(10),f=Object(c.a)({},(function(){var t=this.$createElement,e=this._self._c||t;return e("svg",{staticClass:"bi bi-arrow-right-square",attrs:{viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"}},[e("path",{attrs:{"fill-rule":"evenodd",d:"M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"}}),this._v(" "),e("path",{attrs:{"fill-rule":"evenodd",d:"M4 8a.5.5 0 0 0 .5.5h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5A.5.5 0 0 0 4 8z"}})])}),[],!1,null,null,null).exports,h=o(7),v=o.n(h),m={components:{Logo:r.default,Spacer:n.default,DownloadBox:l.default,PleaseWaitBlocker:d.default,IconArrowRightSquare:f},data:function(){return{isWaitingForResponse:{type:Boolean,default:!1}}},methods:{downloadButtonClicked:function(){var t=this;if(this.$refs.video_url.value.match(/(https?:\/\/)?[a-zA-Z0-9-_.]+\.[a-zA-Z-_.]+/)){var e=this.$refs.video_url.value;this.$refs.video_url.value="",this.isWaitingForResponse=!0,v.a.post("/api",{request:"queue_download",video_url:e,mode:this.$refs.mode.options[this.$refs.mode.selectedIndex].value}).then((function(e){"OK"===e.data.status&&(t.isWaitingForResponse=!1,t.$store.dispatch("dlcache/update",t))}))}},keyMonitor:function(t){"Enter"==t.key&&this.downloadButtonClicked()}},mounted:function(){this.isWaitingForResponse=!1}},x=(o(278),Object(c.a)(m,(function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",[o("div",{staticClass:"hidden md:block"},[o("Spacer",{attrs:{height:"0",m_height:"1em"}}),t._v(" "),o("Logo",{staticClass:"logo mt-4"}),t._v(" "),o("Spacer",{attrs:{height:"2em",m_height:"2em"}})],1),t._v(" "),o("div",{staticClass:"flex flex-row flex-wrap md:flex-no-wrap input-flex justify-between md:justify-center"},[o("input",{ref:"video_url",staticClass:"flex-grow md:mr-4 mb-2 md:mb-0 w-full",attrs:{type:"url",name:"video_url",id:"video_url",placeholder:"video-url"},on:{keydown:t.keyMonitor}}),t._v(" "),o("div",{staticClass:"w-full md:hidden"}),t._v(" "),o("div",{staticClass:"flex-shrink button-submit flex-grow-0"},[o("select",{ref:"mode",staticClass:"dropdown",attrs:{name:"mode",id:"mode"}},[o("option",{attrs:{value:"video"}},[t._v("Video")]),t._v(" "),o("option",{attrs:{value:"audio"}},[t._v("Audio")])])]),t._v(" "),o("div",{staticClass:"button flex-shrink button-submit flex-grow-0 ml-3",on:{click:t.downloadButtonClicked}},[o("IconArrowRightSquare",{staticClass:"icon-button"})],1)]),t._v(" "),o("Spacer",{attrs:{height:"2em",m_height:"2em"}}),t._v(" "),o("DownloadBox"),t._v(" "),t.isWaitingForResponse?o("PleaseWaitBlocker"):t._e()],1)}),[],!1,null,"70fafaea",null));e.default=x.exports;installComponents(x,{Spacer:o(247).default,Logo:o(86).default,DownloadBox:o(263).default,PleaseWaitBlocker:o(260).default})}}]); \ No newline at end of file +(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{246:function(t,e,o){var content=o(252);"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,o(20).default)("ac8f1938",content,!0,{sourceMap:!1})},247:function(t,e,o){"use strict";o.r(e);var r={props:{height:{type:String,default:"0"},m_height:{type:String,default:"0"}},computed:{mobile_height:function(){return"0"===this.m_height?this.height:this.m_height}}},n=(o(251),o(10)),component=Object(n.a)(r,(function(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"spacer",style:"--height: "+this.height+"; --m_height: "+this.mobile_height+";"})}),[],!1,null,"70a5daf0",null);e.default=component.exports},251:function(t,e,o){"use strict";var r=o(246);o.n(r).a},252:function(t,e,o){(e=o(19)(!1)).push([t.i,".spacer[data-v-70a5daf0]{width:1px;height:var(--height)}@media(max-width:660px){.spacer[data-v-70a5daf0]{height:var(--m_height)}}",""]),t.exports=e},254:function(t,e,o){var content=o(273);"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,o(20).default)("7bd584fa",content,!0,{sourceMap:!1})},255:function(t,e,o){var content=o(275);"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,o(20).default)("2feed4f0",content,!0,{sourceMap:!1})},256:function(t,e,o){var content=o(277);"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,o(20).default)("f1d91a14",content,!0,{sourceMap:!1})},257:function(t,e,o){var content=o(279);"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,o(20).default)("1bf10963",content,!0,{sourceMap:!1})},258:function(t,e,o){"use strict";o.r(e);o(35),o(34),o(63);var r=o(10),n=Object(r.a)({},(function(){var t=this.$createElement,e=this._self._c||t;return e("svg",{staticClass:"bi bi-download",attrs:{viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"}},[e("path",{attrs:{"fill-rule":"evenodd",d:"M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"}}),this._v(" "),e("path",{attrs:{"fill-rule":"evenodd",d:"M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"}})])}),[],!1,null,null,null).exports,l=Object(r.a)({},(function(){var t=this.$createElement,e=this._self._c||t;return e("svg",{staticClass:"bi bi-x",attrs:{viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"}},[e("path",{attrs:{"fill-rule":"evenodd",d:"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"}})])}),[],!1,null,null,null).exports,d=Object(r.a)({},(function(){var t=this.$createElement,e=this._self._c||t;return e("svg",{staticClass:"bi bi-film",attrs:{viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"}},[e("path",{attrs:{"fill-rule":"evenodd",d:"M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1zm4 0h8v6H4V1zm8 8H4v6h8V9zM1 1h2v2H1V1zm2 3H1v2h2V4zM1 7h2v2H1V7zm2 3H1v2h2v-2zm-2 3h2v2H1v-2zM15 1h-2v2h2V1zm-2 3h2v2h-2V4zm2 3h-2v2h2V7zm-2 3h2v2h-2v-2zm2 3h-2v2h2v-2z"}})])}),[],!1,null,null,null).exports,c=Object(r.a)({},(function(){var t=this.$createElement,e=this._self._c||t;return e("svg",{staticClass:"bi bi-music-note-beamed",attrs:{viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"}},[e("path",{attrs:{d:"M6 13c0 1.105-1.12 2-2.5 2S1 14.105 1 13c0-1.104 1.12-2 2.5-2s2.5.896 2.5 2zm9-2c0 1.105-1.12 2-2.5 2s-2.5-.895-2.5-2 1.12-2 2.5-2 2.5.895 2.5 2z"}}),this._v(" "),e("path",{attrs:{"fill-rule":"evenodd",d:"M14 11V2h1v9h-1zM6 3v10H5V3h1z"}}),this._v(" "),e("path",{attrs:{d:"M5 2.905a1 1 0 0 1 .9-.995l8-.8a1 1 0 0 1 1.1.995V3L5 4V2.905z"}})])}),[],!1,null,null,null).exports,f=o(7),h=o.n(f),v={components:{IconDownload:n,IconX:l,IconFilm:d,IconMusic:c},props:{downloadEntry:{type:Object}},methods:{getQueuedDateString:function(t){var e=new Date(1e3*t);return("0"+e.getDay()).slice(-2)+"."+("0"+e.getMonth()).slice(-2)+"."+e.getFullYear()},getDurationString:function(t){var time=new Date(1e3*t),e=String(time.getHours()-1);return("0"!==e?e+":":"")+("0"+time.getMinutes()).slice(-2)+":"+("0"+time.getSeconds()).slice(-2)},linebreaksToBrTags:function(t){return t.replace("\n","
")},removeDownload:function(){var t=this;h.a.post("/api",{request:"remove_download_entry",id:this.downloadEntry.tubio_id}).then((function(e){"OK"===e.data.status&&t.$store.dispatch("dlcache/update",t)}))}}},m=(o(272),Object(r.a)(v,(function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"frame mb-6 pt-2 pb-4"},[o("div",{staticClass:"flex flex-col"},[o("div",{staticClass:"flex items-end justify-between w-full md:w-auto"},[o("div",{staticClass:"flex flex-col"},[o("div",{staticClass:"icon--mode"},["video"===t.downloadEntry.mode?o("IconFilm"):o("IconMusic")],1),t._v(" "),o("div",{staticClass:"timestamp"},[t._v("\n "+t._s(t.getQueuedDateString(t.downloadEntry.queued_timestamp))+"\n ")])]),t._v(" "),o("div",{staticClass:"button-remove",on:{click:t.removeDownload}},[o("IconX")],1)]),t._v(" "),o("div",{staticClass:"flex flex-col-reverse md:flex-row w-full mt-2"},[o("div",{staticClass:"flex flex-col"},[o("a",{attrs:{href:t.downloadEntry.webpage_url,target:"_blank",title:"To the original source"}},[o("div",{staticClass:"thumbnail flex-shrink-0",style:"--thumbnail: url('"+t.downloadEntry.thumbnail_url+"')"},[o("div",{staticClass:"thumbnail__vignette"}),t._v(" "),o("div",{staticClass:"thumbnail__duration"},[t._v(t._s(t.getDurationString(t.downloadEntry.duration)))])])]),t._v(" "),"downloading"===t.downloadEntry.status?o("div",[o("div",{staticClass:"status--progressbar flex w-full mt-3"},[o("div",{staticClass:"status--progressbar__good items-stretch",style:"--download-progress: "+t.downloadEntry.download_progress+"%;"})]),t._v(" "),o("div",{staticClass:"status--progressbar__text"},[t._v("\n "+t._s(t.downloadEntry.download_progress)+"%\n ")])]):"finished"===t.downloadEntry.status?o("a",{attrs:{href:t.downloadEntry.download_url,title:"download"}},[o("div",{staticClass:"status--ready mt-3 button flex justify-center w-full"},[o("div",[o("IconDownload")],1)])]):"queued"===t.downloadEntry.status?o("div",[o("div",{staticClass:"status--queued mt-3"},[t._v("\n Queued\n ")])]):"failed"===t.downloadEntry.status?o("div",[o("div",{staticClass:"status--failed mt-3"},[t._v("\n Failed!\n ")])]):t._e()]),t._v(" "),o("div",{staticClass:"flex flex-col md:ml-4 w-full overflow-x-hidden overflow-y-visible"},[o("h1",{staticClass:"title"},[t._v(t._s(t.downloadEntry.title))]),t._v(" "),o("div",{staticClass:"relative my-4"},[""!=t.downloadEntry.description?o("div",[o("p",{staticClass:"description p-2"},[o("span",{domProps:{innerHTML:t._s(t.linebreaksToBrTags(t.downloadEntry.description))}})]),t._v(" "),o("div",{staticClass:"description__decobox description__decobox--left"}),t._v(" "),o("div",{staticClass:"description__decobox description__decobox--right"})]):t._e()])])])])])}),[],!1,null,"980790fa",null));e.default=m.exports},260:function(t,e,o){"use strict";o.r(e);var r={},n=(o(276),o(10)),component=Object(n.a)(r,(function(){var t=this.$createElement;this._self._c;return this._m(0)}),[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"click-blocker flex justify-center md:items-center"},[e("div",{staticClass:"box"},[e("h2",{staticClass:"mt-2"},[this._v("Please wait...")]),this._v(" "),e("div",{staticClass:"dots flex w-full justify-center items-center"},[e("div",{staticClass:"dot"}),this._v(" "),e("div",{staticClass:"dot"}),this._v(" "),e("div",{staticClass:"dot"})])])])}],!1,null,"00614096",null);e.default=component.exports},263:function(t,e,o){"use strict";o.r(e);o(49);var r=o(258),n=(o(7),{components:{DownloadEntry:r.default},computed:{dlcache:function(){return this.$store.state.dlcache.cache}},data:function(){return{downloads:{type:Array}}},mounted:function(){var t=this;this.$store.dispatch("dlcache/update"),setInterval((function(){t.$store.dispatch("dlcache/update")}),1e3)}}),l=(o(274),o(10)),component=Object(l.a)(n,(function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"download-box"},[this._e(),this._v(" "),this._l(this.dlcache,(function(t,o){return e("DownloadEntry",{key:o,attrs:{downloadEntry:t}})}))],2)}),[],!1,null,"8061dfc4",null);e.default=component.exports;installComponents(component,{DownloadEntry:o(258).default})},272:function(t,e,o){"use strict";var r=o(254);o.n(r).a},273:function(t,e,o){(e=o(19)(!1)).push([t.i,".frame[data-v-980790fa]{width:100%;border-bottom:2px solid #888}.frame .timestamp[data-v-980790fa]{font-family:ZillaSlab,serif;font-size:12pt;color:#bbb}.frame .thumbnail[data-v-980790fa]{background-image:var(--thumbnail);background-size:cover;background-position:50%;background-repeat:no-repeat;width:150px;height:84.375px;position:relative;cursor:pointer;scrollbar-width:none}@media(max-width:768px){.frame .thumbnail[data-v-980790fa]{width:100%;height:130px}}.frame .thumbnail__vignette[data-v-980790fa]{position:absolute;top:0;bottom:0;right:0;left:0;box-shadow:0 0 15px 2px #000}.frame .thumbnail__duration[data-v-980790fa]{position:absolute;bottom:0;right:0;padding:0 3px 3px 0;text-align:right;font-size:12pt;color:#bbb;background-color:rgba(0,0,0,.66667)}.frame .title[data-v-980790fa]{color:#bbb;font-size:22pt;max-height:1.3em;overflow-y:hidden;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.frame .description[data-v-980790fa]{color:#bbb;font-size:14pt;height:100px;overflow-x:hidden;overflow-y:scroll;position:relative;background-color:rgba(0,0,0,.2)}@media(max-width:768px){.frame .description[data-v-980790fa]{overflow:scroll}}.frame .description__decobox[data-v-980790fa]{position:absolute}.frame .description__decobox--left[data-v-980790fa]{top:0;left:0;width:40px;height:40px;border-top:2px solid #888;border-left:2px solid #888;pointer-events:none}.frame .description__decobox--right[data-v-980790fa]{bottom:0;right:0;width:40px;height:40px;border-bottom:2px solid #888;border-right:2px solid #888;pointer-events:none}.frame .status--progressbar[data-v-980790fa]{background-color:#900;height:5px}.frame .status--progressbar__good[data-v-980790fa]{background-color:#0b0;width:var(--download-progress);transition:width 1s}.frame .status--progressbar__text[data-v-980790fa]{font-size:24pt;color:#bbb}.frame .status--ready[data-v-980790fa]{height:45px;background-color:#bbb;transition:background-color .2s,border .2s}.frame .status--ready[data-v-980790fa]:hover{background-color:#5954a4;color:#fff}.frame .status--ready svg[data-v-980790fa]{height:35px}.frame .status--queued[data-v-980790fa]{font-family:ZillaSlab,serif;font-size:24pt;color:#bbb}.frame .status--failed[data-v-980790fa]{font-family:ZillaSlab,serif;font-size:24pt;color:#d40}.frame .button-remove[data-v-980790fa]{width:35px;height:35px;fill:#333;stroke:#333;cursor:pointer;transition:background-color .2s,border-radius .2s}.frame .button-remove[data-v-980790fa]:hover{background-color:#d40;border-radius:50%}.frame[data-v-980790fa]::-webkit-scrollbar,.frame[data-v-980790fa] ::-webkit-scrollbar{display:none}.frame .icon--mode[data-v-980790fa]{width:20px}",""]),t.exports=e},274:function(t,e,o){"use strict";var r=o(255);o.n(r).a},275:function(t,e,o){(e=o(19)(!1)).push([t.i,".download-box[data-v-8061dfc4]{width:100%;min-height:600px;border-radius:5px;padding:20px;background-color:hsla(0,0%,100%,.33333)}.no-dls-yet[data-v-8061dfc4]{color:#bbb;font-size:34pt;text-align:center}",""]),t.exports=e},276:function(t,e,o){"use strict";var r=o(256);o.n(r).a},277:function(t,e,o){(e=o(19)(!1)).push([t.i,".click-blocker[data-v-00614096]{position:absolute;left:0;right:0;top:0;bottom:0}.box[data-v-00614096]{position:absolute;top:200px;bottom:200px;left:200px;right:200px;max-height:70vh;background-color:#586679;opacity:.95;border-radius:5px;border:2px solid #888;overflow:hidden}@media(max-width:1280px){.box[data-v-00614096]{position:absolute;top:100px;bottom:100px;left:100px;right:100px}}@media(max-width:768px){.box[data-v-00614096]{position:absolute;top:0;bottom:0;left:0;right:0}}.box h2[data-v-00614096]{text-align:center;font-size:56pt;color:#bbb}@media(max-width:768px){.box h2[data-v-00614096]{margin-top:36px;max-height:unset}}.box .dots[data-v-00614096]{margin-top:250px}@media(max-width:768px){.box .dots[data-v-00614096]{margin-top:50px}}.box .dots .dot[data-v-00614096]{width:50px;height:50px;background-color:#888;border-radius:50px;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.box .dots .dot[data-v-00614096]:first-child{-webkit-animation:dot-hover-data-v-00614096 1.5s infinite;animation:dot-hover-data-v-00614096 1.5s infinite;-webkit-animation-delay:0;animation-delay:0}.box .dots .dot[data-v-00614096]:nth-child(2){-webkit-animation:dot-hover-data-v-00614096 1.5s infinite;animation:dot-hover-data-v-00614096 1.5s infinite;-webkit-animation-delay:.3s;animation-delay:.3s}.box .dots .dot[data-v-00614096]:nth-child(3){-webkit-animation:dot-hover-data-v-00614096 1.5s infinite;animation:dot-hover-data-v-00614096 1.5s infinite;-webkit-animation-delay:.6s;animation-delay:.6s}@media(max-width:768px){.box .dots .dot[data-v-00614096]{width:10px;height:10px}.box .dots .dot[data-v-00614096]:not(:first-child){margin-left:5px}.box .dots .dot[data-v-00614096]:not(:last-child){margin-right:5px}}@media(min-width:768px){.box .dots .dot[data-v-00614096]{font-size:36pt}.box .dots .dot[data-v-00614096]:not(:first-child){margin-left:25px}.box .dots .dot[data-v-00614096]:not(:last-child){margin-right:25px}}@-webkit-keyframes dot-hover-data-v-00614096{0%{transform:translateY(0)}50%{transform:translateY(1em)}to{transform:translateY(0)}}@keyframes dot-hover-data-v-00614096{0%{transform:translateY(0)}50%{transform:translateY(1em)}to{transform:translateY(0)}}",""]),t.exports=e},278:function(t,e,o){"use strict";var r=o(257);o.n(r).a},279:function(t,e,o){(e=o(19)(!1)).push([t.i,".logo[data-v-70fafaea]{--logo-color:#8ad5eb;width:300px;fill:var(--logo-color);stroke:var(--logo-color);filter:drop-shadow(0 0 3px #8ad5eb);transition:fill .2s,stroke .2s,filter .2s}@media(max-width:768px){.logo[data-v-70fafaea]{width:80px;align-self:flex-start}}@media(min-width:768px){.logo[data-v-70fafaea]:hover{--logo-color:#bee7f4;filter:drop-shadow(0 0 5px #bee7f4)}}.input-flex[data-v-70fafaea]{width:100%}input[data-v-70fafaea]{height:50px;font-family:ZillaSlab,serif;font-weight:700;font-size:18pt;border-radius:5px;padding:.1em .5em;box-shadow:0 0 20px 5px hsla(0,0%,100%,.2);border:none;color:#04254e;transition:transform .2s;min-width:0}input[data-v-70fafaea]:focus{transform:scale(1.015)}.icon-button[data-v-70fafaea]{height:2em;stroke:#04254e;overflow:hidden;transition:stroke .2s,fill .2s,color .2s}.icon-button svg[data-v-70fafaea]{height:100%}.button[data-v-70fafaea]{transition:transform .2s,background-color .2s,border .2s}.button[data-v-70fafaea]:hover{transform:scale(1.05);background-color:#5954a4;color:#fff}.button:hover svg[data-v-70fafaea]{fill:#fff;stroke:#fff}.dropdown[data-v-70fafaea]{min-width:100px;height:100%;border-radius:5px;cursor:pointer;font-family:ZillaSlab,serif;font-size:16pt}",""]),t.exports=e},280:function(t,e,o){"use strict";o.r(e);o(34),o(166);var r=o(86),n=o(247),l=o(263),d=o(260),c=o(10),f=Object(c.a)({},(function(){var t=this.$createElement,e=this._self._c||t;return e("svg",{staticClass:"bi bi-arrow-right-square",attrs:{viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"}},[e("path",{attrs:{"fill-rule":"evenodd",d:"M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"}}),this._v(" "),e("path",{attrs:{"fill-rule":"evenodd",d:"M4 8a.5.5 0 0 0 .5.5h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5A.5.5 0 0 0 4 8z"}})])}),[],!1,null,null,null).exports,h=o(7),v=o.n(h),m={components:{Logo:r.default,Spacer:n.default,DownloadBox:l.default,PleaseWaitBlocker:d.default,IconArrowRightSquare:f},data:function(){return{isWaitingForResponse:{type:Boolean,default:!1}}},methods:{downloadButtonClicked:function(){var t=this;if(this.$refs.video_url.value.match(/(https?:\/\/)?[a-zA-Z0-9-_.]+\.[a-zA-Z-_.]+/)){var e=this.$refs.video_url.value;this.$refs.video_url.value="",this.isWaitingForResponse=!0,v.a.post("/api",{request:"queue_download",video_url:e,mode:this.$refs.mode.options[this.$refs.mode.selectedIndex].value}).then((function(e){"OK"===e.data.status&&(t.isWaitingForResponse=!1,t.$store.dispatch("dlcache/update",t))}))}},keyMonitor:function(t){"Enter"==t.key&&this.downloadButtonClicked()}},mounted:function(){this.isWaitingForResponse=!1}},x=(o(278),Object(c.a)(m,(function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",[o("div",{staticClass:"hidden md:block"},[o("Spacer",{attrs:{height:"0",m_height:"1em"}}),t._v(" "),o("Logo",{staticClass:"logo mt-4"}),t._v(" "),o("Spacer",{attrs:{height:"2em",m_height:"2em"}})],1),t._v(" "),o("div",{staticClass:"flex flex-row flex-wrap md:flex-no-wrap input-flex justify-between md:justify-center"},[o("input",{ref:"video_url",staticClass:"flex-grow md:mr-4 mb-2 md:mb-0 w-full",attrs:{type:"url",name:"video_url",id:"video_url",placeholder:"video-url"},on:{keydown:t.keyMonitor}}),t._v(" "),o("div",{staticClass:"w-full md:hidden"}),t._v(" "),o("div",{staticClass:"flex-shrink button-submit flex-grow-0"},[o("select",{ref:"mode",staticClass:"dropdown",attrs:{name:"mode",id:"mode"}},[o("option",{attrs:{value:"video"}},[t._v("Video")]),t._v(" "),o("option",{attrs:{value:"audio"}},[t._v("Audio")])])]),t._v(" "),o("div",{staticClass:"button flex-shrink button-submit flex-grow-0 ml-3",on:{click:t.downloadButtonClicked}},[o("IconArrowRightSquare",{staticClass:"icon-button"})],1)]),t._v(" "),o("Spacer",{attrs:{height:"2em",m_height:"2em"}}),t._v(" "),o("DownloadBox"),t._v(" "),t.isWaitingForResponse?o("PleaseWaitBlocker"):t._e()],1)}),[],!1,null,"70fafaea",null));e.default=x.exports;installComponents(x,{Spacer:o(247).default,Logo:o(86).default,DownloadBox:o(263).default,PleaseWaitBlocker:o(260).default})}}]); \ No newline at end of file diff --git a/Tubio/frontend/_nuxt/static/1601659471/payload.js b/Tubio/frontend/_nuxt/static/1601663277/payload.js similarity index 100% rename from Tubio/frontend/_nuxt/static/1601659471/payload.js rename to Tubio/frontend/_nuxt/static/1601663277/payload.js diff --git a/Tubio/frontend/_nuxt/static/1601659471/settings/payload.js b/Tubio/frontend/_nuxt/static/1601663277/settings/payload.js similarity index 100% rename from Tubio/frontend/_nuxt/static/1601659471/settings/payload.js rename to Tubio/frontend/_nuxt/static/1601663277/settings/payload.js diff --git a/Tubio/frontend/_nuxt/static/1601659471/settings/state.js b/Tubio/frontend/_nuxt/static/1601663277/settings/state.js similarity index 76% rename from Tubio/frontend/_nuxt/static/1601659471/settings/state.js rename to Tubio/frontend/_nuxt/static/1601663277/settings/state.js index 5a87b11..b3e9fb8 100644 --- a/Tubio/frontend/_nuxt/static/1601659471/settings/state.js +++ b/Tubio/frontend/_nuxt/static/1601663277/settings/state.js @@ -1 +1 @@ -window.__NUXT__={staticAssetsBase:"\u002F_nuxt\u002Fstatic\u002F1601659471",layout:"default",error:null,state:{diskUsage:{usage:{}},dlcache:{cache:[]},logs:{logs:[]},serverOs:{os_name:""},settings:{config:{}}},serverRendered:true,routePath:"\u002Fsettings",config:{}}; \ No newline at end of file +window.__NUXT__={staticAssetsBase:"\u002F_nuxt\u002Fstatic\u002F1601663277",layout:"default",error:null,state:{diskUsage:{usage:{}},dlcache:{cache:[]},logs:{logs:[]},serverOs:{os_name:""},settings:{config:{}}},serverRendered:true,routePath:"\u002Fsettings",config:{}}; \ No newline at end of file diff --git a/Tubio/frontend/_nuxt/static/1601659471/state.js b/Tubio/frontend/_nuxt/static/1601663277/state.js similarity index 75% rename from Tubio/frontend/_nuxt/static/1601659471/state.js rename to Tubio/frontend/_nuxt/static/1601663277/state.js index f748a5e..87cced2 100644 --- a/Tubio/frontend/_nuxt/static/1601659471/state.js +++ b/Tubio/frontend/_nuxt/static/1601663277/state.js @@ -1 +1 @@ -window.__NUXT__={staticAssetsBase:"\u002F_nuxt\u002Fstatic\u002F1601659471",layout:"default",error:null,state:{diskUsage:{usage:{}},dlcache:{cache:[]},logs:{logs:[]},serverOs:{os_name:""},settings:{config:{}}},serverRendered:true,routePath:"\u002F",config:{}}; \ No newline at end of file +window.__NUXT__={staticAssetsBase:"\u002F_nuxt\u002Fstatic\u002F1601663277",layout:"default",error:null,state:{diskUsage:{usage:{}},dlcache:{cache:[]},logs:{logs:[]},serverOs:{os_name:""},settings:{config:{}}},serverRendered:true,routePath:"\u002F",config:{}}; \ No newline at end of file diff --git a/Tubio/frontend/index.html b/Tubio/frontend/index.html index 78bd235..734c36d 100644 --- a/Tubio/frontend/index.html +++ b/Tubio/frontend/index.html @@ -1,9 +1,9 @@ - Tubio - Video downloader + Tubio - Video downloader -

Please wait...

+

Please wait...

diff --git a/Tubio/frontend/settings/index.html b/Tubio/frontend/settings/index.html index 8168474..dac03b5 100644 --- a/Tubio/frontend/settings/index.html +++ b/Tubio/frontend/settings/index.html @@ -1,11 +1,11 @@ - Tubio - Video downloader + Tubio - Video downloader

Settings

Disk usage

Downloads:

NaN mb

Logs:

NaN mb

Dependencies:

NaN mb

Misc:

NaN mb

Total:

NaN mb

Clear downloads
Clear logs
Kill server
Reset to defaults

Logs

+ diff --git a/tubio-frontend-nuxt-app/components/PleaseWaitBlocker.vue b/tubio-frontend-nuxt-app/components/PleaseWaitBlocker.vue index 992be05..6ab19ec 100644 --- a/tubio-frontend-nuxt-app/components/PleaseWaitBlocker.vue +++ b/tubio-frontend-nuxt-app/components/PleaseWaitBlocker.vue @@ -29,9 +29,11 @@ export default { } .box { - margin-top: 160px; - width: 1200px; - height: 800px; + position: absolute; + top: 200px; + bottom: 200px; + left: 200px; + right: 200px; max-height: 70vh; background-color: #586679; opacity: 0.95; @@ -39,11 +41,20 @@ export default { border: 2px solid theme("colors.gray-1"); overflow: hidden; + @media (max-width: theme('screens.xl')) { + position: absolute; + top: 100px; + bottom: 100px; + left: 100px; + right: 100px; + } + @media (max-width: theme('screens.md')) { - margin-left: 15px; - margin-right: 15px; - height: 300px; - margin-top: 80px; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; } & h2 {