diff --git a/img/podcast-trans.svg b/img/podcast-trans.svg index 2c8488f5b6f850ab30c1d5b96b191e3e5de75606..dfac5ef3d4473b7a89b2df83fa9fc979db233b57 100644 --- a/img/podcast-trans.svg +++ b/img/podcast-trans.svg @@ -7,48 +7,48 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - version="1.1" - id="svg3212" - sodipodi:docname="podcast-trans.svg" - inkscape:version="1.0 (4035a4fb49, 2020-05-01)" - inkscape:export-ydpi="90" - inkscape:export-xdpi="90" - inkscape:export-filename="tasks.png" - x="0px" - y="0px" - width="32px" - height="32px" - viewBox="0 0 32 32" + xml:space="preserve" enable-background="new 0 0 32 32" - xml:space="preserve"><metadata + viewBox="0 0 32 32" + height="32px" + width="32px" + y="0px" + x="0px" + inkscape:export-filename="tasks.png" + inkscape:export-xdpi="90" + inkscape:export-ydpi="90" + inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)" + sodipodi:docname="podcast.svg" + id="svg3212" + version="1.1"><metadata id="metadata4147"><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type - rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs id="defs4145" /><sodipodi:namedview - id="namedview11" - inkscape:pageopacity="0" - inkscape:window-height="772" - inkscape:window-width="1276" - inkscape:pageshadow="2" - fit-margin-bottom="0" - fit-margin-right="0" - inkscape:current-layer="svg3212" - inkscape:window-y="0" - inkscape:window-x="0" - inkscape:zoom="11.339914" - fit-margin-left="0" - bordercolor="#666666" - inkscape:cx="25.289002" - guidetolerance="10" - showgrid="false" - objecttolerance="10" - fit-margin-top="0" - pagecolor="#ffffff" - inkscape:cy="12.053717" - borderopacity="1" - gridtolerance="10" + inkscape:document-rotation="0" inkscape:window-maximized="1" - inkscape:document-rotation="0" /><path - style="stroke-width:0.0487184" - d="m 18.538667,27.416721 c -0.250558,0.926135 -1.197058,1.141812 -2.11579,1.141812 -0.91868,0 -1.86523,-0.215677 -2.115737,-1.141812 -0.372453,-1.385013 -1.002234,-4.855513 -1.002234,-6.470428 0,-1.712741 1.517186,-2.131426 3.117971,-2.131426 1.600789,0 3.117976,0.418685 3.117976,2.131426 0,1.605222 -0.627055,5.075427 -1.002186,6.470428 z m -5.386396,-9.744106 c -0.910692,-0.891935 -1.459504,-2.152035 -1.40231,-3.536901 0.100069,-2.422472 2.065415,-4.3825066 4.488129,-4.4762896 2.662699,-0.103088 4.861748,2.0331626 4.861748,4.6733546 0,1.306968 -0.539018,2.490286 -1.406303,3.33974 -0.130321,0.127642 -0.116972,0.340346 0.0306,0.447574 0.453665,0.329581 0.801903,0.747486 1.034484,1.235643 0.08482,0.178017 0.316523,0.227028 0.46034,0.09213 1.404356,-1.31749 2.267985,-3.204838 2.217221,-5.289106 -0.09037,-3.712629 -3.098242,-6.7332646 -6.810482,-6.8385456 -3.960507,-0.112343 -7.2182537,3.0768566 -7.2182537,7.0125666 0,2.015039 0.8541297,3.834133 2.2191187,5.11489 0.143866,0.134998 0.375668,0.08623 0.460535,-0.09193 0.232582,-0.488206 0.58087,-0.906062 1.034536,-1.235643 0.147566,-0.107178 0.160964,-0.319883 0.03065,-0.447478 z M 16.422877,3.6147454 c -6.031134,0 -10.9129052,4.880846 -10.9129052,10.9129056 0,4.384262 2.562682,8.070048 6.1257932,9.812264 0.211098,0.103185 0.451473,-0.07522 0.415811,-0.307413 -0.116047,-0.755719 -0.211535,-1.507637 -0.263371,-2.160123 -0.0072,-0.08944 -0.05598,-0.169832 -0.130467,-0.219816 -2.3092507,-1.549537 -3.8275072,-4.190558 -3.8091402,-7.1785 0.02884,-4.6885066 3.8628762,-8.5085606 8.5514792,-8.5207886 4.738395,-0.01238 8.597229,3.83881 8.597229,8.5743766 0,3.017224 -1.566685,5.675202 -3.929134,7.203836 -0.04867,0.68386 -0.149516,1.490195 -0.273992,2.300966 -0.03566,0.232241 0.204763,0.410647 0.415811,0.307412 3.554781,-1.738269 6.125795,-5.418453 6.125795,-9.812214 0,-6.0310856 -4.880847,-10.9129056 -10.912909,-10.9129056 z m 0,7.7949336 c -1.721997,0 -3.117971,1.395974 -3.117971,3.117972 0,1.721999 1.395974,3.117976 3.117971,3.117976 1.721999,0 3.117976,-1.395977 3.117976,-3.117976 0,-1.721998 -1.395977,-3.117972 -3.117976,-3.117972 z" - id="path143" /></svg> + gridtolerance="10" + borderopacity="1" + inkscape:cy="8.4045986" + pagecolor="#ffffff" + fit-margin-top="0" + objecttolerance="10" + showgrid="false" + guidetolerance="10" + inkscape:cx="23.739744" + bordercolor="#666666" + fit-margin-left="0" + inkscape:zoom="9.4816592" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:current-layer="svg3212" + fit-margin-right="0" + fit-margin-bottom="0" + inkscape:pageshadow="2" + inkscape:window-width="1276" + inkscape:window-height="755" + inkscape:pageopacity="0" + id="namedview11" /><path + id="path143" + d="m 18.323686,28.611628 c -0.27352,1.0004 -1.30676,1.233372 -2.309688,1.233372 -1.002869,0 -2.036165,-0.232972 -2.309628,-1.233372 -0.406586,-1.496076 -1.094083,-5.244872 -1.094083,-6.989285 0,-1.850083 1.656226,-2.302342 3.403711,-2.302342 1.74749,0 3.403717,0.452259 3.403717,2.302342 0,1.733943 -0.684521,5.48242 -1.094029,6.989285 z M 12.443665,18.086153 c -0.994151,-0.963458 -1.593258,-2.324603 -1.530822,-3.82052 0.109238,-2.616727 2.254695,-4.7339355 4.899433,-4.8352388 2.906717,-0.1113544 5.307295,2.1962008 5.307295,5.0481048 0,1.411773 -0.588416,2.689979 -1.535181,3.60755 -0.142265,0.137877 -0.127693,0.367639 0.0334,0.483464 0.495239,0.35601 0.875392,0.807427 1.129287,1.334729 0.0926,0.192291 0.34553,0.245232 0.502526,0.09951 1.533056,-1.423137 2.475831,-3.461831 2.420414,-5.713233 C 23.571369,10.280182 20.287847,7.0173249 16.235406,6.9036016 11.911947,6.78225 8.3556496,10.227188 8.3556496,14.478497 c 0,2.176623 0.9324051,4.141588 2.4224864,5.525047 0.15705,0.145824 0.410095,0.09315 0.502739,-0.09931 0.253898,-0.527354 0.634103,-0.978718 1.129345,-1.334727 0.161089,-0.115772 0.175715,-0.345534 0.03345,-0.483361 z M 16.013998,2.901 C 9.4301528,2.901 4.101,8.1732349 4.101,14.688999 c 0,4.73583 2.7975342,8.717174 6.687181,10.599097 0.230443,0.11146 0.492848,-0.08126 0.453917,-0.332064 -0.126681,-0.816319 -0.23092,-1.628533 -0.287507,-2.333341 -0.0078,-0.09662 -0.06111,-0.18345 -0.142423,-0.237442 -2.5208783,-1.673794 -4.1782732,-4.526594 -4.158223,-7.754135 0.031483,-5.0644734 4.216883,-9.190853 9.335163,-9.2040616 5.172637,-0.013372 9.385106,4.1466396 9.385106,9.2619466 0,3.259171 -1.71026,6.130289 -4.289212,7.781502 -0.05313,0.738698 -0.163218,1.609692 -0.299102,2.485478 -0.03892,0.250864 0.223529,0.443577 0.453918,0.332063 C 25.12037,23.410384 27.927,19.435089 27.927,14.688998 27.927,8.1742869 22.598857,2.901 16.013998,2.901 Z m 0,8.420001 c -1.879805,0 -3.403711,1.507915 -3.403711,3.367998 0,1.860083 1.523906,3.368002 3.403711,3.368002 1.879808,0 3.403717,-1.507918 3.403717,-3.368002 0,-1.860083 -1.523909,-3.367998 -3.403717,-3.367998 z" + style="fill:#000000;stroke-width:0.0529034" /></svg> diff --git a/img/podcast.svg b/img/podcast.svg index 06da819403bae4beb87bfce44abd7bfcb5b1cf73..b508b2bedf3ac293085bd6b5931087a5276e9a54 100644 --- a/img/podcast.svg +++ b/img/podcast.svg @@ -17,7 +17,7 @@ inkscape:export-filename="tasks.png" inkscape:export-xdpi="90" inkscape:export-ydpi="90" - inkscape:version="1.0 (4035a4fb49, 2020-05-01)" + inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)" sodipodi:docname="podcast.svg" id="svg3212" version="1.1"><metadata @@ -46,9 +46,9 @@ fit-margin-bottom="0" inkscape:pageshadow="2" inkscape:window-width="1276" - inkscape:window-height="772" + inkscape:window-height="755" inkscape:pageopacity="0" id="namedview11" /><path id="path143" - d="m 18.129434,27.703386 c -0.250558,0.926135 -1.197058,1.141812 -2.11579,1.141812 -0.918679,0 -1.865229,-0.215677 -2.115736,-1.141812 -0.372453,-1.385013 -1.002234,-4.855513 -1.002234,-6.470428 0,-1.712741 1.517186,-2.131426 3.11797,-2.131426 1.600789,0 3.117976,0.418685 3.117976,2.131426 0,1.605222 -0.627055,5.075427 -1.002186,6.470428 z M 12.743039,17.95928 c -0.910692,-0.891935 -1.459504,-2.152035 -1.40231,-3.536901 0.100069,-2.422472 2.065415,-4.382507 4.488128,-4.4762899 2.662699,-0.103088 4.861748,2.0331629 4.861748,4.6733549 0,1.306968 -0.539018,2.490286 -1.406303,3.33974 -0.130321,0.127642 -0.116972,0.340346 0.0306,0.447574 0.453665,0.329581 0.801903,0.747486 1.034484,1.235643 0.08482,0.178017 0.316523,0.227028 0.46034,0.09213 1.404356,-1.31749 2.267985,-3.204838 2.217221,-5.289106 -0.09037,-3.712629 -3.098242,-6.7332649 -6.810482,-6.8385459 -3.960506,-0.112343 -7.218253,3.0768569 -7.218253,7.0125669 0,2.015039 0.85413,3.834133 2.219119,5.11489 0.143866,0.134998 0.375668,0.08623 0.460535,-0.09193 0.232582,-0.488206 0.58087,-0.906062 1.034536,-1.235643 0.147566,-0.107178 0.160964,-0.319883 0.03065,-0.447478 z M 16.013644,3.9014105 c -6.031133,0 -10.912905,4.8808456 -10.912905,10.9129055 0,4.384262 2.562682,8.070048 6.125794,9.812264 0.211098,0.103185 0.451473,-0.07522 0.415811,-0.307413 -0.116047,-0.755719 -0.211535,-1.507637 -0.263371,-2.160123 -0.0072,-0.08944 -0.05598,-0.169832 -0.130467,-0.219816 -2.309251,-1.549537 -3.827508,-4.190558 -3.809141,-7.1785 0.02884,-4.688507 3.862877,-8.5085609 8.551479,-8.5207889 4.738395,-0.01238 8.597229,3.8388099 8.597229,8.5743769 0,3.017224 -1.566685,5.675202 -3.929134,7.203836 -0.04867,0.68386 -0.149516,1.490195 -0.273992,2.300966 -0.03566,0.232241 0.204763,0.410647 0.415811,0.307412 3.554781,-1.738269 6.125795,-5.418453 6.125795,-9.812214 0,-6.0310859 -4.880847,-10.9129055 -10.912909,-10.9129055 z m 0,7.7949335 c -1.721996,0 -3.11797,1.395974 -3.11797,3.117972 0,1.721999 1.395974,3.117976 3.11797,3.117976 1.721999,0 3.117976,-1.395977 3.117976,-3.117976 0,-1.721998 -1.395977,-3.117972 -3.117976,-3.117972 z" - style="stroke-width:0.0487184;fill:#ffffff" /></svg> + d="m 18.323686,28.611628 c -0.27352,1.0004 -1.30676,1.233372 -2.309688,1.233372 -1.002869,0 -2.036165,-0.232972 -2.309628,-1.233372 -0.406586,-1.496076 -1.094083,-5.244872 -1.094083,-6.989285 0,-1.850083 1.656226,-2.302342 3.403711,-2.302342 1.74749,0 3.403717,0.452259 3.403717,2.302342 0,1.733943 -0.684521,5.48242 -1.094029,6.989285 z M 12.443665,18.086153 c -0.994151,-0.963458 -1.593258,-2.324603 -1.530822,-3.82052 0.109238,-2.616727 2.254695,-4.7339355 4.899433,-4.8352388 2.906717,-0.1113544 5.307295,2.1962008 5.307295,5.0481048 0,1.411773 -0.588416,2.689979 -1.535181,3.60755 -0.142265,0.137877 -0.127693,0.367639 0.0334,0.483464 0.495239,0.35601 0.875392,0.807427 1.129287,1.334729 0.0926,0.192291 0.34553,0.245232 0.502526,0.09951 1.533056,-1.423137 2.475831,-3.461831 2.420414,-5.713233 C 23.571369,10.280182 20.287847,7.0173249 16.235406,6.9036016 11.911947,6.78225 8.3556496,10.227188 8.3556496,14.478497 c 0,2.176623 0.9324051,4.141588 2.4224864,5.525047 0.15705,0.145824 0.410095,0.09315 0.502739,-0.09931 0.253898,-0.527354 0.634103,-0.978718 1.129345,-1.334727 0.161089,-0.115772 0.175715,-0.345534 0.03345,-0.483361 z M 16.013998,2.901 C 9.4301528,2.901 4.101,8.1732349 4.101,14.688999 c 0,4.73583 2.7975342,8.717174 6.687181,10.599097 0.230443,0.11146 0.492848,-0.08126 0.453917,-0.332064 -0.126681,-0.816319 -0.23092,-1.628533 -0.287507,-2.333341 -0.0078,-0.09662 -0.06111,-0.18345 -0.142423,-0.237442 -2.5208783,-1.673794 -4.1782732,-4.526594 -4.158223,-7.754135 0.031483,-5.0644734 4.216883,-9.190853 9.335163,-9.2040616 5.172637,-0.013372 9.385106,4.1466396 9.385106,9.2619466 0,3.259171 -1.71026,6.130289 -4.289212,7.781502 -0.05313,0.738698 -0.163218,1.609692 -0.299102,2.485478 -0.03892,0.250864 0.223529,0.443577 0.453918,0.332063 C 25.12037,23.410384 27.927,19.435089 27.927,14.688998 27.927,8.1742869 22.598857,2.901 16.013998,2.901 Z m 0,8.420001 c -1.879805,0 -3.403711,1.507915 -3.403711,3.367998 0,1.860083 1.523906,3.368002 3.403711,3.368002 1.879808,0 3.403717,-1.507918 3.403717,-3.368002 0,-1.860083 -1.523909,-3.367998 -3.403717,-3.367998 z" + style="fill:#ffffff;stroke-width:0.0529034" /></svg> diff --git a/src/components/MediaHeader.vue b/src/components/MediaHeader.vue index cd2795a7c5bea949bd9c77ad1894a733d9e77788..62d6250a266899cba64640f00bb10b4fc03fb655 100644 --- a/src/components/MediaHeader.vue +++ b/src/components/MediaHeader.vue @@ -110,7 +110,7 @@ export default { .podcastHeader { width: 100%; - min-height: 300px; + min-height: 280px; display: flex; color: white; justify-content: center; diff --git a/src/router.js b/src/router.js index 93942ffb42cc35d187c48f79fd7a02b4553dc916..d0e03fb63c61ff3ce8565a8cb0b5a22e0de9ec37 100644 --- a/src/router.js +++ b/src/router.js @@ -27,8 +27,9 @@ import axios from '@nextcloud/axios' import Main from './components/Main' import Show from './views/Show' -import ShowEmpty from './views/ShowEmpty' import Episode from './views/Episode' +import Browse from './views/Browse' +import NotImplemented from './views/NotImplemented' import store from './store.js' Vue.use(Router) @@ -40,17 +41,17 @@ const router = new Router({ routes: [ { path: '/listening', - component: ShowEmpty, + component: NotImplemented, name: 'LISTENING', }, { path: '/library', - component: Main, + component: NotImplemented, name: 'LIBRARY', }, { path: '/browse', - component: Main, + component: Browse, name: 'BROWSE', }, { diff --git a/src/views/Show.vue b/src/views/Show.vue index 9e8980e1979a5b7d738e051197bef7b3c381d9b7..e0db53a6ca2446cb3be8656b54f68d6b19ec06d5 100644 --- a/src/views/Show.vue +++ b/src/views/Show.vue @@ -37,7 +37,8 @@ @doPlay="doPlay" /> <EmptyContent v-show="!episodesLoaded" - icon="icon-loading" /> + icon="icon-loading" + class="tableLoading" /> </div> </transition> </div> @@ -176,7 +177,7 @@ export default { <style lang="scss"> -.empty-content { +.empty-content.tableLoading { margin-top: 10px !important; .empty-content__icon {