TDvorak/swingmusic-extended
1
0
Fork 0
mirror of https://github.com/Dvorinka/swingmusic-extended.git synced 2026-06-04 04:23:01 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix watchdoge.py add_track()

Browse Source
This commit is contained in:
geoffrey45
2022-03-19 02:20:40 +03:00
parent 30140cc739
commit 1908633f9d
15 changed files with 124 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.vue
+2 -2
View File
@@ -9,7 +9,7 @@
</div>
<Navigation :collapsed="collapsed" />
<div class="l-album-art">
<AlbumArt :collapsed="collapsed" />
<nowPlaying :collapsed="collapsed" />
</div>
</div>
<NavBar />
@@ -30,7 +30,7 @@ import BottomBar from "@/components/BottomBar/BottomBar.vue";
import perks from "@/composables/perks.js";
import Main from "./components/RightSideBar/Main.vue";
import AlbumArt from "./components/LeftSidebar/AlbumArt.vue";
import nowPlaying from "./components/LeftSidebar/nowPlaying.vue";
import NavBar from "./components/nav/NavBar.vue";
import Tabs from "./components/RightSideBar/Tabs.vue";
import SearchInput from "./components/RightSideBar/SearchInput.vue";
src/assets/icons/tag.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6415 23.2344L23.2548 14.6123C23.9403 13.918 24.0106 13.5137 24.0106 12.5117V9.18066C24.0106 8.20508 23.7821 7.87109 23.0702 7.15918L21.0575 5.14648C20.3368 4.43457 20.0028 4.20605 19.036 4.20605H15.6962C14.703 4.20605 14.2987 4.27637 13.6132 4.9707L4.9823 13.584C3.66394 14.9023 3.64637 16.2998 4.99109 17.627L10.5985 23.2344C11.9345 24.5615 13.3231 24.5527 14.6415 23.2344ZM13.5077 21.8896C12.9276 22.4697 12.3212 22.4785 11.7235 21.8809L6.33582 16.502C5.73816 15.9043 5.75574 15.2891 6.32703 14.7178L14.8612 6.20117C15.037 6.02539 15.204 5.91992 15.4852 5.91992H19.0184C19.2821 5.91992 19.4667 6.0166 19.6425 6.19238L22.0243 8.57422C22.1913 8.75 22.288 8.92578 22.288 9.19824V12.7314C22.288 13.0215 22.2001 13.1885 22.0243 13.3643L13.5077 21.8896ZM17.9374 11.5361C18.6581 11.5361 19.203 10.9824 19.203 10.2705C19.203 9.56738 18.6581 9.00488 17.9374 9.00488C17.2255 9.00488 16.6805 9.56738 16.6805 10.2705C16.6805 10.9824 17.2255 11.5361 17.9374 11.5361Z" fill="#F2F2F2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

src/components/BottomBar/BottomBar.vue
+2 -2
View File
@@ -1,4 +1,4 @@
<template>
<!-- <template>
<div class="b-bar">
<div class="grid rounded">
<div class="controlsx rounded">
@@ -34,4 +34,4 @@ import playAudio from "../../composables/playAudio";
const current_pos = playAudio.current_time;
const formatSeconds = perks.formatSeconds;
</script>
</script> -->
src/components/FolderView/Header.vue
+1 -1
View File
@@ -117,7 +117,7 @@ export default {
align-items: center;
border-radius: $small;
background-color: rgb(24, 22, 22);
background-color: $primary;
padding: $small $small $small 2.25rem;
.icon {
src/components/shared/HotKeys.vue → src/components/LeftSidebar/NP/HotKeys.vue
+5 -5
View File
@@ -11,7 +11,7 @@
</template>
<script setup>
import playAudio from "../../composables/playAudio";
import playAudio from '../../../composables/playAudio';
const playPause = playAudio.playPause;
const playNext = playAudio.playNext;
@@ -43,19 +43,19 @@ const isPlaying = playAudio.playing;
}
#previous {
background-image: url(../../assets/icons/previous.svg);
background-image: url(../../../assets/icons/previous.svg);
}
.play-pause {
background-image: url(../../assets/icons/play.svg);
background-image: url(../../../assets/icons/play.svg);
}
.isPlaying {
background-image: url(../../assets/icons/pause.svg);
background-image: url(../../../assets/icons/pause.svg);
}
#next {
background-image: url(../../assets/icons/next.svg);
background-image: url(../../../assets/icons/next.svg);
}
}
</style>
src/components/shared/Progress.vue → src/components/LeftSidebar/NP/Progress.vue
+1 -1
View File
@@ -12,7 +12,7 @@
<script setup>
import { ref } from "vue";
import playAudio from "../../composables/playAudio";
import playAudio from "../../../composables/playAudio";
const pos = ref(playAudio.pos);
const seek = () => {
src/components/LeftSidebar/NP/otherKeys.vue
+31
View File
@@ -0,0 +1,31 @@
<template>
<div class="other-keys">
<div class="keys rounded playlist image"></div>
<div class="keys rounded heart"></div>
<div class="keys rounded folder"></div>
</div>
</template>
<style lang="scss">
.l_ .other-keys {
// border: solid;
height: 2.5rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
.keys {
height: 2rem;
width: 100%;
background-size: 1.5rem;
background-repeat: no-repeat;
background-position: center;
&:hover {
background-color: $red;
}
}
.playlist {
background-image: url("../../../assets/icons/plus.svg");
}
}
</style>
src/components/LeftSidebar/Navigation.vue
+10 -42
View File
@@ -12,7 +12,6 @@
</div>
</div>
</router-link>
<hr />
</div>
</template>
@@ -38,10 +37,13 @@ const menus = [
name: "folders",
route_name: "FolderView",
},
{
name: "tags",
},
{
name: "settings",
route_name: "SettingsView",
},
}
];
const props = defineProps({
@@ -85,34 +87,6 @@ const props = defineProps({
&:hover {
background-color: $gray;
#home-icon {
background-color: rgba(145, 58, 58, 0.555);
}
#albums-icon {
background-color: rgba(113, 58, 145, 0.555);
}
#artists-icon {
background-color: rgba(13, 72, 139, 0.555);
}
#playlists-icon {
background-color: rgba(206, 13, 132, 0.555);
}
#mixes-icon {
background-color: rgba(0, 85, 81, 0.555);
}
#folders-icon {
background-color: rgba(90, 89, 3, 0.596);
}
#settings-icon {
background-color: rgba(129, 106, 106, 0.596);
}
}
.nav-icon {
@@ -126,16 +100,10 @@ const props = defineProps({
.in {
display: flex;
align-items: center;
}
#home-icon,
#albums-icon,
#artists-icon,
#playlists-icon,
#mixes-icon,
#folders-icon,
#settings-icon {
background-size: 1.5rem;
& > * {
background-size: 1.5rem;
}
}
#home-icon {
@@ -164,10 +132,10 @@ const props = defineProps({
#settings-icon {
background-image: url(../../assets/icons/settings.svg);
}
#tags-icon {
background-image: url(../../assets/icons/tag.svg);
}
}
}
.side-nav-container hr {
display: none;
}
</style>
src/components/LeftSidebar/AlbumArt.vue → src/components/LeftSidebar/nowPlaying.vue
+11 -8
View File
@@ -1,7 +1,7 @@
<template>
<div class="l_ rounded" v-if="!props.collapsed">
<div class="headin">Now Playing</div>
<div class="menu image rounded"></div>
<div class="button menu image rounded"></div>
<div class="separator no-border"></div>
<div>
<div class="art">
@@ -24,8 +24,8 @@
import { ref } from "vue";
import state from "../../composables/state";
import SongCard from "./SongCard.vue";
import HotKeys from "../shared/HotKeys.vue";
import Progress from "../shared/Progress.vue";
import HotKeys from "./NP/HotKeys.vue";
import Progress from "./NP/Progress.vue";
const current = ref(state.current);
const props = defineProps({
@@ -51,21 +51,24 @@ const props = defineProps({
font-size: 0.9rem;
}
.menu {
.button {
height: 2rem;
width: 2rem;
right: $small;
top: $small;
position: absolute;
background-image: url("../../assets/icons/right-arrow.svg");
background-size: 1.5rem;
transform: rotate(90deg);
top: $small;
&:hover {
background-color: $gray2;
}
}
.menu {
right: $small;
background-image: url("../../assets/icons/right-arrow.svg");
transform: rotate(90deg);
}
br {
height: 0rem;
}