chore(front): fmt:html
This commit is contained in:
jon r
parent
60f38a3117
commit
d616017718
|
|
@ -1,22 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<meta name="generator" content="Funkwhale">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||
<meta name="generator" content="Funkwhale" />
|
||||
<title>Funkwhale</title>
|
||||
<meta name="description" content="Your free and federated audio platform">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=1">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=1">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=1">
|
||||
<link rel="mask-icon" href="/safari-pinned-tab.svg?v=1" color="#009fe3">
|
||||
<link rel="shortcut icon" href="/favicon.ico?v=1">
|
||||
<meta name="apple-mobile-web-app-title" content="Funkwhale">
|
||||
<meta name="application-name" content="Funkwhale">
|
||||
<meta name="msapplication-TileColor" content="#009fe3">
|
||||
<meta name="theme-color" content="#f2711c">
|
||||
<meta name="description" content="Your free and federated audio platform" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=1" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=1" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=1" />
|
||||
<link rel="mask-icon" href="/safari-pinned-tab.svg?v=1" color="#009fe3" />
|
||||
<link rel="shortcut icon" href="/favicon.ico?v=1" />
|
||||
<meta name="apple-mobile-web-app-title" content="Funkwhale" />
|
||||
<meta name="application-name" content="Funkwhale" />
|
||||
<meta name="msapplication-TileColor" content="#009fe3" />
|
||||
<meta name="theme-color" content="#f2711c" />
|
||||
<style>
|
||||
#fake-app {
|
||||
width: 100vw;
|
||||
|
|
@ -66,9 +65,9 @@
|
|||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
</head>
|
||||
|
||||
<body id="body" style="margin:0">
|
||||
<body id="body" style="margin:0">
|
||||
<div id="fake-app">
|
||||
<div id="fake-sidebar">
|
||||
<div id="orange-square"></div>
|
||||
|
|
@ -96,5 +95,5 @@
|
|||
</div>
|
||||
<div id="app"></div>
|
||||
<script type="module" src="/src/main.ts"></script>
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,17 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||
<meta name="generator" content="Funkwhale" />
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<meta name="generator" content="Funkwhale">
|
||||
|
||||
<link rel="icon" href="/favicon.ico">
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
|
||||
<title>Funkwhale Widget</title>
|
||||
|
||||
<link rel="stylesheet" href="/embed.css">
|
||||
<link rel="stylesheet" href="/embed.css" />
|
||||
|
||||
<script type="module">
|
||||
import { createApp, reactive, nextTick } from 'https://unpkg.com/petite-vue@0.4.1?module'
|
||||
|
|
@ -385,37 +384,51 @@
|
|||
|
||||
app.mount()
|
||||
</script>
|
||||
</head>
|
||||
</head>
|
||||
|
||||
<template id="logo-template">
|
||||
<a
|
||||
title="Funkwhale"
|
||||
href="https://funkwhale.audio"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="logo-link"
|
||||
tabindex="-1"
|
||||
>
|
||||
<template id="logo-template">
|
||||
<a title="Funkwhale" href="https://funkwhale.audio" target="_blank" rel="noopener noreferrer" class="logo-link" tabindex="-1">
|
||||
<img src="/logo-white.svg" />
|
||||
</a>
|
||||
</template>
|
||||
</template>
|
||||
|
||||
<template id="icon-template">
|
||||
<template id="icon-template">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="icon" fill="currentColor" viewBox="0 0 16 16">
|
||||
<path v-if="icon === 'pause'" d="M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z" />
|
||||
<path v-else-if="icon === 'play'" d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z" />
|
||||
<path v-else-if="icon === 'prev'" d="M4 4a.5.5 0 0 1 1 0v3.248l6.267-3.636c.54-.313 1.232.066 1.232.696v7.384c0 .63-.692 1.01-1.232.697L5 8.753V12a.5.5 0 0 1-1 0V4z" />
|
||||
<path v-else-if="icon === 'next'" d="M12.5 4a.5.5 0 0 0-1 0v3.248L5.233 3.612C4.693 3.3 4 3.678 4 4.308v7.384c0 .63.692 1.01 1.233.697L11.5 8.753V12a.5.5 0 0 0 1 0V4z" />
|
||||
<path v-else-if="icon === 'mute'" d="M6.717 3.55A.5.5 0 0 1 7 4v8a.5.5 0 0 1-.812.39L3.825 10.5H1.5A.5.5 0 0 1 1 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06zm7.137 2.096a.5.5 0 0 1 0 .708L12.207 8l1.647 1.646a.5.5 0 0 1-.708.708L11.5 8.707l-1.646 1.647a.5.5 0 0 1-.708-.708L10.793 8 9.146 6.354a.5.5 0 1 1 .708-.708L11.5 7.293l1.646-1.647a.5.5 0 0 1 .708 0z" />
|
||||
<path
|
||||
v-if="icon === 'pause'"
|
||||
d="M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z"
|
||||
/>
|
||||
<path
|
||||
v-else-if="icon === 'play'"
|
||||
d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"
|
||||
/>
|
||||
<path
|
||||
v-else-if="icon === 'prev'"
|
||||
d="M4 4a.5.5 0 0 1 1 0v3.248l6.267-3.636c.54-.313 1.232.066 1.232.696v7.384c0 .63-.692 1.01-1.232.697L5 8.753V12a.5.5 0 0 1-1 0V4z"
|
||||
/>
|
||||
<path
|
||||
v-else-if="icon === 'next'"
|
||||
d="M12.5 4a.5.5 0 0 0-1 0v3.248L5.233 3.612C4.693 3.3 4 3.678 4 4.308v7.384c0 .63.692 1.01 1.233.697L11.5 8.753V12a.5.5 0 0 0 1 0V4z"
|
||||
/>
|
||||
<path
|
||||
v-else-if="icon === 'mute'"
|
||||
d="M6.717 3.55A.5.5 0 0 1 7 4v8a.5.5 0 0 1-.812.39L3.825 10.5H1.5A.5.5 0 0 1 1 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06zm7.137 2.096a.5.5 0 0 1 0 .708L12.207 8l1.647 1.646a.5.5 0 0 1-.708.708L11.5 8.707l-1.646 1.647a.5.5 0 0 1-.708-.708L10.793 8 9.146 6.354a.5.5 0 1 1 .708-.708L11.5 7.293l1.646-1.647a.5.5 0 0 1 .708 0z"
|
||||
/>
|
||||
<g v-else-if="icon === 'volume'">
|
||||
<path d="M11.536 14.01A8.473 8.473 0 0 0 14.026 8a8.473 8.473 0 0 0-2.49-6.01l-.708.707A7.476 7.476 0 0 1 13.025 8c0 2.071-.84 3.946-2.197 5.303l.708.707z" />
|
||||
<path d="M10.121 12.596A6.48 6.48 0 0 0 12.025 8a6.48 6.48 0 0 0-1.904-4.596l-.707.707A5.483 5.483 0 0 1 11.025 8a5.483 5.483 0 0 1-1.61 3.89l.706.706z" />
|
||||
<path d="M8.707 11.182A4.486 4.486 0 0 0 10.025 8a4.486 4.486 0 0 0-1.318-3.182L8 5.525A3.489 3.489 0 0 1 9.025 8 3.49 3.49 0 0 1 8 10.475l.707.707zM6.717 3.55A.5.5 0 0 1 7 4v8a.5.5 0 0 1-.812.39L3.825 10.5H1.5A.5.5 0 0 1 1 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06z" />
|
||||
<path
|
||||
d="M11.536 14.01A8.473 8.473 0 0 0 14.026 8a8.473 8.473 0 0 0-2.49-6.01l-.708.707A7.476 7.476 0 0 1 13.025 8c0 2.071-.84 3.946-2.197 5.303l.708.707z"
|
||||
/>
|
||||
<path
|
||||
d="M10.121 12.596A6.48 6.48 0 0 0 12.025 8a6.48 6.48 0 0 0-1.904-4.596l-.707.707A5.483 5.483 0 0 1 11.025 8a5.483 5.483 0 0 1-1.61 3.89l.706.706z"
|
||||
/>
|
||||
<path
|
||||
d="M8.707 11.182A4.486 4.486 0 0 0 10.025 8a4.486 4.486 0 0 0-1.318-3.182L8 5.525A3.489 3.489 0 0 1 9.025 8 3.49 3.49 0 0 1 8 10.475l.707.707zM6.717 3.55A.5.5 0 0 1 7 4v8a.5.5 0 0 1-.812.39L3.825 10.5H1.5A.5.5 0 0 1 1 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06z"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
</template>
|
||||
</template>
|
||||
|
||||
<body>
|
||||
<body>
|
||||
<noscript>
|
||||
<strong>You need to enable Javascript to use the embed widget.</strong>
|
||||
</noscript>
|
||||
|
|
@ -447,25 +460,14 @@
|
|||
<span v-scope="Icon({ icon: 'next' })"></span>
|
||||
</button>
|
||||
|
||||
<input
|
||||
v-model.number="player.seek"
|
||||
v-range="player.seek"
|
||||
@input="player.seekTime"
|
||||
type="range"
|
||||
step="0.1"
|
||||
/>
|
||||
<input v-model.number="player.seek" v-range="player.seek" @input="player.seekTime" type="range" step="0.1" />
|
||||
|
||||
<button @click="volume.mute">
|
||||
<span v-if="volume.level === 0" v-scope="Icon({ icon: 'mute' })"></span>
|
||||
<span v-else v-scope="Icon({ icon: 'volume' })"></span>
|
||||
</button>
|
||||
|
||||
<input
|
||||
v-model.number="volume.level"
|
||||
v-range="volume.level"
|
||||
type="range"
|
||||
step="0.1"
|
||||
/>
|
||||
<input v-model.number="volume.level" v-range="volume.level" type="range" step="0.1" />
|
||||
</div>
|
||||
|
||||
<span v-scope="Logo()" class="logo-wrapper"></span>
|
||||
|
|
@ -483,21 +485,11 @@
|
|||
@keyup.enter="player.play(index)"
|
||||
tabindex="0"
|
||||
>
|
||||
<td>
|
||||
{{ index + 1 }}
|
||||
</td>
|
||||
<td :title="track.title">
|
||||
{{ track.title }}
|
||||
</td>
|
||||
<td :title="track.artist.name">
|
||||
{{ track.artist.name }}
|
||||
</td>
|
||||
<td :title="track.album?.title">
|
||||
{{ track.album?.title }}
|
||||
</td>
|
||||
<td>
|
||||
{{ formatDuration(track.sources?.[0].duration ?? 0) }}
|
||||
</td>
|
||||
<td> {{ index + 1 }} </td>
|
||||
<td :title="track.title"> {{ track.title }} </td>
|
||||
<td :title="track.artist.name"> {{ track.artist.name }} </td>
|
||||
<td :title="track.album?.title"> {{ track.album?.title }} </td>
|
||||
<td> {{ formatDuration(track.sources?.[0].duration ?? 0) }} </td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
|
@ -508,10 +500,9 @@
|
|||
:key="source.mimetype + source.listen_url"
|
||||
:type="source.mimetype"
|
||||
:src="source.listen_url"
|
||||
>
|
||||
/>
|
||||
</audio>
|
||||
</template>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in New Issue