versustunez/audio-vis
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

WIP

Browse source
This commit is contained in:
Maurice Grönwoldt 2020-08-06 23:44:37 +02:00
commit 25fcefcb50
68 changed files with 2982 additions and 307 deletions
Download patch file Download diff file Expand all files Collapse all files

4
out/tpl/audio-information.tpl Normal file
View file

@ -0,0 +1,4 @@
<div class="audio-item">
<span class="artist">$artist$</span>
<span class="title">$title$</span>
</div>

3
out/tpl/config/content.tpl Normal file
View file

@ -0,0 +1,3 @@
<div class="config-content">
$content$
</div>

5
out/tpl/config/nav.tpl Normal file
View file

@ -0,0 +1,5 @@
<nav class="config-nav">
<div class="item active" data-id="base">Base</div>
<div class="item" data-id="visuals">Visuals</div>
<div class="item" data-id="visual">Visual</div>
</nav>

8
out/tpl/config/visualitem.tpl Normal file
View file

@ -0,0 +1,8 @@
<div class="visual-item $active$" data-id="$id$">
<!-- maybe add later a image?
<div class="image">
<img src="$image$">
</div>
-->
$title$
</div>

18
out/tpl/image.tpl
View file

@ -1,27 +1,29 @@
<div id="image-upload">
<label for="image" class="button">
Image-Upload (Only Local!)
</label>
<input type="file" id="image" accept="image/*|video/*">
<form>
<label for="image" class="button spaced">
Image-Upload (Only Local!)
</label>
<input type="file" id="image" accept="image/*|video/*">
<label class="input floating-label">
<input type="url" id="url" value="$value$">
<input type="url" id="url" autocomplete="off" value="$value$">
<span class="input-label">URL</span>
<span class="focus"></span>
</label>
<p>You only want to change the color? do it!</p>
<label class="input floating-label color-picker" for="color">
<span id="colorBlob" style="background-color: $bgValue$"></span>
<span class="colorBlob" style="background-color: $bgValue$"></span>
<input type="color" id="color" value="$bgValue$">
<span class="input-label">Color</span>
<span class="focus"></span>
</label>
<label class="input">
<label class="input floating-label">
<input class="range" type="range" id="alphaValue" min="0" max="1" value="$alphaValue$" step="0.1">
<span class="input-label">Alpha</span>
<span class="min">0</span>
<span class="max">1</span>
</label>
</form>
</div>

6
out/tpl/inputs/color.tpl Normal file
View file

@ -0,0 +1,6 @@
<label class="input floating-label color-picker" for="$name$">
<span class="colorBlob" style="background-color: $value$"></span>
<input data-type="$dataType$" type="color" id="$name$" name="$name$" value="$value$">
<span class="input-label">$showName$</span>
<span class="focus"></span>
</label>

5
out/tpl/inputs/input.tpl Normal file
View file

@ -0,0 +1,5 @@
<label class="input floating-label" for="$name$">
<input data-type="$dataType$" type="$type$" id="$name$" value="$value$">
<span class="input-label">$showName$</span>
<span class="focus"></span>
</label>

3
out/tpl/inputs/option.tpl Normal file
View file

@ -0,0 +1,3 @@
<custom-option data-value="$value$">
$value$
</custom-option>

8
out/tpl/inputs/select.tpl Normal file
View file

@ -0,0 +1,8 @@
<custom-select data-event="$event$" data-conf="$conf$">
<label>$showName$</label>
<main class="label">$value$</main>
<input data-type="$dataType$" type="text" name="$name$" value="$value$" required>
<custom-options>
$options$
</custom-options>
</custom-select>

7
out/tpl/inputs/slider.tpl Normal file
View file

@ -0,0 +1,7 @@
<label class="input floating-label input-range">
<input data-type="$dataType$" class="range" type="range" name="$name$" min="$min$" max="$max$" value="$value$" step="$stepSize$">
<span class="input-label">$showName$</span>
<span class="min">$min$</span>
<span class="current">$value$</span>
<span class="max">$max$</span>
</label>

5
out/tpl/inputs/switch.tpl Normal file
View file

@ -0,0 +1,5 @@
<switch>
<input id="$name$" name="$name$" type="checkbox" $value$>
<label for="$name$"></label>
<span>$showName$</span>
</switch>

4
out/tpl/notification.tpl Normal file
View file

@ -0,0 +1,4 @@
<div class="message">
$message$
</div>
<div class="fade-bar $type$" style="animation-duration: $time$ms"></div>

3
out/tpl/playlist-footer.tpl
View file

@ -14,4 +14,7 @@
</svg>
</div>
</div>
<div class="readAll button">
Force Tagger
</div>
</playlist>