Skip to content

D
Desktop Client
Commit fd07bda2 authored by thatanimeweirdo's avatar thatanimeweirdo
Browse files
Options

Merge branch 'vue-rewrite' into 'master' 

2.0.0 Rewrite

See merge request !39
parents 746f75b3 aee9bded
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 20283 additions and 5575 deletions
.browserslistrc 0 → 100644
View file @ fd07bda2
> 1%
last 2 versions
not dead
.gitignore
View file @ fd07bda2
# Logs
logs
*.log
.DS_Store
node_modules
/dist
# local env files
.env.local
.env.*.local
# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
lerna-debug.log*
# Diagnostic reports (https://nodejs.org/api/report.html)
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
# Runtime data
pids
*.pid
*.seed
*.pid.lock
# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov
# Coverage directory used by tools like istanbul
coverage
*.lcov
# nyc test coverage
.nyc_output
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
.grunt
# Bower dependency directory (https://bower.io/)
bower_components
# node-waf configuration
.lock-wscript
# Compiled binary addons (https://nodejs.org/api/addons.html)
build/
# Dependency directories
node_modules/
jspm_packages/
# TypeScript v1 declaration files
typings/
# TypeScript cache
*.tsbuildinfo
# Optional npm cache directory
.npm
# Optional eslint cache
.eslintcache
# Microbundle cache
.rpt2_cache/
.rts2_cache_cjs/
.rts2_cache_es/
.rts2_cache_umd/
# Optional REPL history
.node_repl_history
# Output of 'npm pack'
*.tgz
# Yarn Integrity file
.yarn-integrity
# dotenv environment variables file
.env
.env.test
# parcel-bundler cache (https://parceljs.org/)
.cache
# Next.js build output
.next
# Nuxt.js build / generate output
.nuxt
dist
# Gatsby files
.cache/
# Comment in the public line in if your project uses Gatsby and *not* Next.js
# https://nextjs.org/blog/next-9-1#public-directory-support
# public
# vuepress build output
.vuepress/dist
# Serverless directories
.serverless/
# FuseBox cache
.fusebox/
# DynamoDB Local files
.dynamodb/
# TernJS port file
.tern-port
tests/
# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
#Electron-builder output
/dist_electron
\ No newline at end of file
README.md
View file @ fd07bda2
# SpinSha.re Server
**This repo is a mirror of our internal server repository. Please do not create pull requests or issues, as we can't answer them here**
## Compilation Instructions (Windows)
1. Clone the repository.
2. Install [node.js](https://nodejs.org/)
3. Open the command prompt to install the dependencies ```npm install```
6. Run ```npm run start```
### Package Electron App
6. Run ```npm run build```
# client
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
babel.config.js 0 → 100644
View file @ fd07bda2
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
]
}
concept/Version 2.0.0/Icons/calendar-clock.svg 0 → 100644
View file @ fd07bda2
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M15,13H16.5V15.82L18.94,17.23L18.19,18.53L15,16.69V13M19,8H5V19H9.67C9.24,18.09 9,17.07 9,16A7,7 0 0,1 16,9C17.07,9 18.09,9.24 19,9.67V8M5,21C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H6V1H8V3H16V1H18V3H19A2,2 0 0,1 21,5V11.1C22.24,12.36 23,14.09 23,16A7,7 0 0,1 16,23C14.09,23 12.36,22.24 11.1,21H5M16,11.15A4.85,4.85 0 0,0 11.15,16C11.15,18.68 13.32,20.85 16,20.85A4.85,4.85 0 0,0 20.85,16C20.85,13.32 18.68,11.15 16,11.15Z" /></svg>
\ No newline at end of file
concept/Version 2.0.0/Icons/controller-classic.svg 0 → 100644
View file @ fd07bda2
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M6,7H18A5,5 0 0,1 23,12A5,5 0 0,1 18,17C16.36,17 14.91,16.21 14,15H10C9.09,16.21 7.64,17 6,17A5,5 0 0,1 1,12A5,5 0 0,1 6,7M19.75,9.5A1.25,1.25 0 0,0 18.5,10.75A1.25,1.25 0 0,0 19.75,12A1.25,1.25 0 0,0 21,10.75A1.25,1.25 0 0,0 19.75,9.5M17.25,12A1.25,1.25 0 0,0 16,13.25A1.25,1.25 0 0,0 17.25,14.5A1.25,1.25 0 0,0 18.5,13.25A1.25,1.25 0 0,0 17.25,12M5,9V11H3V13H5V15H7V13H9V11H7V9H5Z" /></svg>
\ No newline at end of file
concept/Version 2.0.0/Icons/difficultyEasy.svg 0 → 100644
View file @ fd07bda2
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<g>
<path class="st0" d="M122.89,100l-48.5-84c-4.62-8-16.17-8-20.78,0l-48.5,84c-4.62,8,1.15,18,10.39,18h96.99
C121.74,118,127.51,108,122.89,100z M77.62,59.2H58.48v9.96H75.7v7.68H58.48v9.96h19.14v7.68H50.38V51.52h27.24V59.2z"/>
</g>
</svg>
concept/Version 2.0.0/Icons/difficultyExtreme.svg 0 → 100644
View file @ fd07bda2
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<g>
<path class="st0" d="M120.95,43.09L71.05,6.84c-4.21-3.06-9.9-3.06-14.11,0L7.05,43.09c-4.21,3.06-5.97,8.47-4.36,13.42
l19.06,58.65c1.61,4.94,6.21,8.29,11.41,8.29h61.67c5.2,0,9.81-3.35,11.41-8.29l19.06-58.65
C126.91,51.56,125.15,46.15,120.95,43.09z M56.9,56.51H37.76v9.96h17.22v7.68H37.76v9.96H56.9v7.68H29.66V48.83H56.9V56.51z
M90.26,91.79L80.9,76.31h-0.48l-9.36,15.48H60.98l14.1-22.44L62.06,48.83h10.02l8.34,14.04h0.48l8.34-14.04h10.02L86.24,69.35
l14.1,22.44H90.26z"/>
</g>
</svg>
concept/Version 2.0.0/Icons/difficultyHard.svg 0 → 100644
View file @ fd07bda2
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<g>
<path class="st0" d="M120.95,43.09L71.05,6.84c-4.21-3.06-9.9-3.06-14.11,0L7.05,43.09c-4.21,3.06-5.97,8.47-4.36,13.42
l19.06,58.65c1.61,4.94,6.21,8.29,11.41,8.29h61.67c5.2,0,9.81-3.35,11.41-8.29l19.06-58.65
C126.91,51.56,125.15,46.15,120.95,43.09z M81.13,92.48h-8.1V74.36H54.97v18.12h-8.1V49.52h8.1v17.16h18.06V49.52h8.1V92.48z"/>
</g>
</svg>
concept/Version 2.0.0/Icons/difficultyNormal.svg 0 → 100644
View file @ fd07bda2
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<g>
<path class="st0" d="M119.51,55.51L72.49,8.49C67.8,3.8,60.2,3.8,55.51,8.49L8.49,55.51C3.8,60.2,3.8,67.8,8.49,72.49l47.03,47.03
c4.69,4.69,12.28,4.69,16.97,0l47.03-47.03C124.2,67.8,124.2,60.2,119.51,55.51z M81.37,85.48h-8.52L54.61,55.06h-0.48l0.48,8.28
v22.14h-7.98V42.52h9.42l17.28,28.8h0.48l-0.48-8.28V42.52h8.04V85.48z"/>
</g>
</svg>
concept/Version 2.0.0/Icons/difficultyXD.svg 0 → 100644
View file @ fd07bda2
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<g>
<g>
<path class="st0" d="M113.43,28.35L70,3.27c-3.71-2.14-8.29-2.14-12,0L14.57,28.35c-3.71,2.14-6,6.11-6,10.39v50.14
c0,4.29,2.29,8.25,6,10.39L58,124.35c3.71,2.14,8.29,2.14,12,0l43.43-25.07c3.71-2.14,6-6.11,6-10.39V38.74
C119.43,34.45,117.14,30.49,113.43,28.35z M52.66,85.29L43.3,69.81h-0.48l-9.36,15.48H23.38l14.1-22.44L24.46,42.33h10.02
l8.34,14.04h0.48l8.34-14.04h10.02L48.64,62.85l14.1,22.44H52.66z M103.09,72.57c-1.02,2.64-2.49,4.9-4.41,6.78
c-1.92,1.88-4.24,3.34-6.96,4.38s-5.78,1.56-9.18,1.56H68.02V42.33h14.52c3.4,0,6.46,0.52,9.18,1.56s5.04,2.51,6.96,4.41
s3.39,4.17,4.41,6.81c1.02,2.64,1.53,5.54,1.53,8.7C104.62,67.01,104.11,69.93,103.09,72.57z"/>
</g>
<g>
<path class="st0" d="M92.92,53.79c-1.2-1.2-2.7-2.13-4.5-2.79s-3.88-0.99-6.24-0.99h-6.06v27.6h6.06c2.36,0,4.44-0.33,6.24-0.99
s3.3-1.59,4.5-2.79s2.1-2.65,2.7-4.35s0.9-3.59,0.9-5.67s-0.3-3.97-0.9-5.67S94.12,54.99,92.92,53.79z"/>
</g>
</g>
</svg>
concept/Version 2.0.0/Icons/download-outline.svg 0 → 100644
View file @ fd07bda2
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M13,5V11H14.17L12,13.17L9.83,11H11V5H13M15,3H9V9H5L12,16L19,9H15V3M19,18H5V20H19V18Z" /></svg>
\ No newline at end of file
concept/Version 2.0.0/Icons/download.svg 0 → 100644
View file @ fd07bda2
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z" /></svg>
\ No newline at end of file
concept/Version 2.0.0/Icons/eye.svg 0 → 100644
View file @ fd07bda2
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z" /></svg>
\ No newline at end of file
concept/Version 2.0.0/Icons/flag-outline.svg 0 → 100644
View file @ fd07bda2
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M12.36,6L12.76,8H18V14H14.64L14.24,12H7V6H12.36M14,4H5V21H7V14H12.6L13,16H20V6H14.4" /></svg>
\ No newline at end of file
concept/Version 2.0.0/Icons/hand-heart.svg 0 → 100644
View file @ fd07bda2
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M20 17Q20.86 17 21.45 17.6T22.03 19L14 22L7 20V11H8.95L16.22 13.69Q17 14 17 14.81 17 15.28 16.66 15.63T15.8 16H13L11.25 15.33L10.92 16.27L13 17H20M16 3.23Q17.06 2 18.7 2 20.06 2 21 3T22 5.3Q22 6.33 21 7.76T19.03 10.15 16 13Q13.92 11.11 12.94 10.15T10.97 7.76 10 5.3Q10 3.94 10.97 3T13.31 2Q14.91 2 16 3.23M.984 11H5V22H.984V11Z" /></svg>
\ No newline at end of file
concept/Version 2.0.0/Icons/link.svg 0 → 100644
View file @ fd07bda2
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M3.9,12C3.9,10.29 5.29,8.9 7,8.9H11V7H7A5,5 0 0,0 2,12A5,5 0 0,0 7,17H11V15.1H7C5.29,15.1 3.9,13.71 3.9,12M8,13H16V11H8V13M17,7H13V8.9H17C18.71,8.9 20.1,10.29 20.1,12C20.1,13.71 18.71,15.1 17,15.1H13V17H17A5,5 0 0,0 22,12A5,5 0 0,0 17,7Z" /></svg>
\ No newline at end of file
concept/Version 2.0.0/Icons/play-outline.svg 0 → 100644
View file @ fd07bda2
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M8.5,8.64L13.77,12L8.5,15.36V8.64M6.5,5V19L17.5,12" /></svg>
\ No newline at end of file
concept/Version 2.0.0/Icons/play.svg 0 → 100644
View file @ fd07bda2
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M8,5.14V19.14L19,12.14L8,5.14Z" /></svg>
\ No newline at end of file
concept/Version 2.0.0/Icons/stop.svg 0 → 100644
View file @ fd07bda2
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M18,18H6V6H18V18Z" /></svg>
\ No newline at end of file
concept/Version 2.0.0/Icons/thumb-up.svg 0 → 100644
View file @ fd07bda2
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M23,10C23,8.89 22.1,8 21,8H14.68L15.64,3.43C15.66,3.33 15.67,3.22 15.67,3.11C15.67,2.7 15.5,2.32 15.23,2.05L14.17,1L7.59,7.58C7.22,7.95 7,8.45 7,9V19A2,2 0 0,0 9,21H18C18.83,21 19.54,20.5 19.84,19.78L22.86,12.73C22.95,12.5 23,12.26 23,12V10M1,21H5V9H1V21Z" /></svg>
\ No newline at end of file
concept/Version 2.0.0/Icons/thumbs-up-down.svg 0 → 100644
View file @ fd07bda2
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M22.5,10H15.75C15.13,10 14.6,10.38 14.37,10.91L12.11,16.2C12.04,16.37 12,16.56 12,16.75V18A1,1 0 0,0 13,19H18.18L17.5,22.18V22.42C17.5,22.73 17.63,23 17.83,23.22L18.62,24L23.56,19.06C23.83,18.79 24,18.41 24,18V11.5A1.5,1.5 0 0,0 22.5,10M12,6A1,1 0 0,0 11,5H5.82L6.5,1.82V1.59C6.5,1.28 6.37,1 6.17,0.79L5.38,0L0.44,4.94C0.17,5.21 0,5.59 0,6V12.5A1.5,1.5 0 0,0 1.5,14H8.25C8.87,14 9.4,13.62 9.63,13.09L11.89,7.8C11.96,7.63 12,7.44 12,7.25V6Z" /></svg>
\ No newline at end of file
concept/Version 2.0.0/Icons/volume-high.svg 0 → 100644
View file @ fd07bda2
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M14,3.23V5.29C16.89,6.15 19,8.83 19,12C19,15.17 16.89,17.84 14,18.7V20.77C18,19.86 21,16.28 21,12C21,7.72 18,4.14 14,3.23M16.5,12C16.5,10.23 15.5,8.71 14,7.97V16C15.5,15.29 16.5,13.76 16.5,12M3,9V15H7L12,20V4L7,9H3Z" /></svg>
\ No newline at end of file
concept/Version 2.0.0/Icons/window-close.svg 0 → 100644
View file @ fd07bda2
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M13.46,12L19,17.54V19H17.54L12,13.46L6.46,19H5V17.54L10.54,12L5,6.46V5H6.46L12,10.54L17.54,5H19V6.46L13.46,12Z" /></svg>
\ No newline at end of file
concept/Version 2.0.0/Icons/window-maximize.svg 0 → 100644
View file @ fd07bda2
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M4,4H20V20H4V4M6,8V18H18V8H6Z" /></svg>
\ No newline at end of file
concept/Version 2.0.0/Icons/window-minimize.svg 0 → 100644
View file @ fd07bda2
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M20,14H4V10H20" /></svg>
\ No newline at end of file
localeCheck.js 0 → 100644
View file @ fd07bda2
const fs = require('fs');
const glob = require('glob');
const path = require('path');
const chalk = require('chalk');
const chalkTable = require('chalk-table');
const localeBaseRaw = fs.readFileSync(path.join(__dirname, '/src/i18n/en.json'), 'utf8');
const localeBase = JSON.parse(localeBaseRaw);
console.clear();
console.log('---- LOCALE CHECK ----');
console.log('');
let results = [];
const allLocales = glob.sync(path.join(__dirname, '/src/i18n', '*.json'));
allLocales.forEach((locale) => {
if(!locale.includes("en.json")) {
let rawLocale = locale.split("/")[locale.split("/").length - 1];
let localeNewRaw = fs.readFileSync(locale, 'utf8');
let localeNew = JSON.parse(localeNewRaw);
let newKeys = 0;
let removedKeys = 0;
// Find missing keys
for (let [key, value] of Object.entries(localeBase)) {
if (!localeNew.hasOwnProperty(key)) {
newKeys++;
}
}
// Find removed keys
for (let [key, value] of Object.entries(localeNew)) {
if (!localeBase.hasOwnProperty(key)) {
removedKeys++;
}
}
results.push({
locale: rawLocale,
missing: newKeys + " keys",
removed: removedKeys + " keys",
ready: ((newKeys == 0 && removedKeys == 0) ? chalk.green("READY") : chalk.red("NOT READY"))
});
}
});
let tableOptions = {
leftPad: 2,
columns: [
{ field: "locale", name: chalk.cyan("Locale")},
{ field: "missing", name: chalk.cyan("Missing")},
{ field: "removed", name: chalk.cyan("Removed")},
{ field: "ready", name: chalk.white("Ready to ship?")},
]
}
console.log(chalkTable(tableOptions, results));
console.log('');
console.log('---------------------');
\ No newline at end of file
localeDiff.js 0 → 100644
View file @ fd07bda2
const fs = require('fs');
const path = require('path');
const chalk = require('chalk');
const languageToCompare = process.argv[2];
// Load reference (en) and target locale
const localeBaseRaw = fs.readFileSync(path.join(__dirname, '/src/i18n/en.json'), 'utf8');
const localeNewRaw = fs.readFileSync(path.join(__dirname, '/src/i18n', languageToCompare + '.json'), 'utf8');
const localeBase = JSON.parse(localeBaseRaw);
const localeNew = JSON.parse(localeNewRaw);
console.clear();
console.log('---- LOCALE DIFF ----');
console.log('');
let newKeys = 0;
let removedKeys = 0;
// Find missing keys
for (let [key, value] of Object.entries(localeBase)) {
if (!localeNew.hasOwnProperty(key)) {
console.log('[' + languageToCompare + '][' + chalk.red('MISSING') + '] "' + key + '": "' + value + '"');
newKeys++;
}
}
// Find removed keys
for (let [key, value] of Object.entries(localeNew)) {
if (!localeBase.hasOwnProperty(key)) {
console.log('[en][' + chalk.blue('REMOVED') + '] "' + key + '": "' + value + '"');
removedKeys++;
}
}
console.log('');
console.log('------ RESULTS ------');
console.log('');
if (newKeys > 0 || removedKeys > 0) {
console.log(
chalk.white('There are ') +
chalk.red(newKeys + ' keys') +
chalk.white(' missing in ') +
chalk.green(languageToCompare) +
chalk.white(' and ') +
chalk.blue(removedKeys + ' keys') +
chalk.white(' which are not present in en anymore.')
)
} else {
console.log(
chalk.green('Language ') +
chalk.white(languageToCompare) +
chalk.green(' is up to date with ') + chalk.white('en')
);
}
console.log('');
console.log('---------------------');
\ No newline at end of file
main.js deleted 100644 → 0
View file @ 746f75b3
const { app, BrowserWindow, ipcMain, protocol } = require('electron');
const { download } = require('electron-dl');
const isDev = require('electron-is-dev');
let win;
let deeplinkingUrl;
let deeplinkingType;
const gotTheLock = app.requestSingleInstanceLock();
if (!gotTheLock) {
app.quit();
} else {
app.on('second-instance', (event, commandLine, workingDirectory) => {
executeDeeplink(commandLine);
});
}
function executeDeeplink(commandLine) {
if (process.platform == 'win32') {
let commandLineString = commandLine.slice(1) + '';
let commandLineArgs = commandLineString.split(",");
let fullCommand = commandLineArgs[commandLineArgs.length - 1];
if(fullCommand.includes("spinshare-song")) {
deeplinkingType = "song";
deeplinkingUrl = fullCommand.replace("spinshare-song://", "").replace("/", "");
} else if(fullCommand.includes("spinshare-user")) {
deeplinkingType = "user";
deeplinkingUrl = fullCommand.replace("spinshare-user://", "").replace("/", "");
}
}
if (win) {
if (win.isMinimized()) win.restore();
win.focus();
if(deeplinkingType == "song") {
win.webContents.executeJavaScript(`NavigateToSongDetail("${deeplinkingUrl}")`);
} else if(deeplinkingType == "user") {
win.webContents.executeJavaScript(`NavigateToUser("${deeplinkingUrl}")`);
}
}
}
function createWindow () {
win = new BrowserWindow({
title: "SpinSha.re",
width: 1300,
height: 700,
minHeight: 700,
minWidth: 1300,
webPreferences: {
nodeIntegration: true
}
});
win.loadFile('./src/app.htm');
if(isDev) {
win.webContents.openDevTools();
}
win.setMenuBarVisibility(false);
if (process.platform == 'win32') {
deeplinkingUrl = process.argv.slice(1);
}
}
app.whenReady().then(createWindow);
app.on('window-all-closed', () => {
if (process.platform !== 'darwin') {
app.quit();
}
});
app.on('activate', () => {
if (BrowserWindow.getAllWindows().length === 0) {
createWindow();
}
});
app.on('open-url', function (event, url) {
event.preventDefault();
deeplinkingUrl = url;
});
app.setAsDefaultProtocolClient("spinshare-song");
app.setAsDefaultProtocolClient("spinshare-user");
ipcMain.on("download", (event, info) => {
console.log("Download Request Received");
download(BrowserWindow.getFocusedWindow(), info.url, info.properties)
.then(dl => win.webContents.send("download-complete", dl.getSavePath()));
});
\ No newline at end of file
package-lock.json
View file @ fd07bda2
This diff is collapsed.
package.json
View file @ fd07bda2
{
"name": "spinshare-client",
"version": "1.2.1",
"main": "./main.js",
"productName": "SpinSha.re",
"description": "SpinSha.re Client",
"scripts": {
"start": "electron .",
"build": "electron-builder"
},
"homepage": "https://spinsha.re",
"copyright": "Copyright © SpinSha.re",
"version": "2.2.4",
"author": "SpinSha.re",
"license": "MIT",
"devDependencies": {
"electron": "^8.0.1",
"electron-builder": "^22.4.1"
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"locale:check": "node localeCheck.js",
"locale:diff": "node localeDiff.js",
"electron:build": "vue-cli-service electron:build",
"electron:serve": "vue-cli-service electron:serve",
"postinstall": "electron-builder install-app-deps",
"postuninstall": "electron-builder install-app-deps"
},
"main": "background.js",
"dependencies": {
"adm-zip": "^0.4.14",
"axios": "^0.19.2",
"electron-dl": "^3.0.0",
"electron-is-dev": "^1.1.0",
"core-js": "^3.6.4",
"glob": "^7.1.6",
"moment": "^2.26.0",
"ncp": "^2.0.0",
"rimraf": "^3.0.2",
"uniqid": "^5.2.0",
"unzipper": "^0.10.10"
"vue": "^2.6.11",
"vue-axios": "^2.1.5",
"vue-i18n": "^8.17.4",
"vue-observe-visibility": "^0.4.6",
"vue-router": "^3.1.6",
"vuex": "^3.1.3"
},
"build": {
"productName": "SpinShare",
"appId": "re.spinsha.client",
"directories": {
"output": "build"
},
"protocols": {
"name": "spinshare-song-deeplink",
"schemes": [
"spinshare-song",
"spinshare-user"
]
},
"dmg": {
"contents": [
{
"x": 410,
"y": 150,
"type": "link",
"path": "/Applications"
},
{
"x": 130,
"y": 150,
"type": "file"
}
]
},
"mac": {
"icon": "icons/AppIcon.icns"
},
"win": {
"icon": "icons/AppIcon.ico"
},
"linux": {
"icon": "icons"
}
"devDependencies": {
"@vue/cli-plugin-babel": "~4.3.0",
"@vue/cli-plugin-router": "~4.3.0",
"@vue/cli-plugin-vuex": "~4.3.0",
"@vue/cli-service": "~4.3.0",
"electron": "^6.0.0",
"less": "^3.0.4",
"less-loader": "^5.0.0",
"chalk": "^4.1.0",
"chalk-table": "^1.0.2",
"vue-cli-plugin-electron-builder": "~1.4.6",
"vue-template-compiler": "^2.6.11"
}
}
public/index.html 0 → 100644
View file @ fd07bda2
<!DOCTYPE html>
<html>
<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" />
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>SpinSha.re</title>
<!-- Styles -->
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Oswald:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.materialdesignicons.com/5.3.45/css/materialdesignicons.min.css" />
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
src/App.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/app.htm deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/assets/css/connectionerror.css deleted 100644 → 0
View file @ 746f75b3
.section-connectionerror {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.section-connectionerror .connectionerror-box {
background: rgba(255, 255, 255, 0.1);
border-radius: 6px;
padding: 20px;
width: 300px;
}
.section-connectionerror .connectionerror-box .icon {
font-size: 64px;
padding: 40px 0px;
text-align: center;
}
.section-connectionerror .connectionerror-box .title {
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}
.section-connectionerror .connectionerror-box .text {
line-height: 1.5em;
text-align: center;
opacity: 0.6;
}
.section-connectionerror.active {
display: flex;
}
src/assets/css/connectionerror.less deleted 100644 → 0
View file @ 746f75b3
.section-connectionerror {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
& .connectionerror-box {
background: rgba(255,255,255,0.1);
border-radius: 6px;
padding: 20px;
width: 300px;
& .icon {
font-size: 64px;
padding: 40px 0px;
text-align: center;
}
& .title {
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}
& .text {
line-height: 1.5em;
text-align: center;
opacity: 0.6;
}
}
&.active {
display: flex;
}
}
\ No newline at end of file
src/assets/css/download.css deleted 100644 → 0
View file @ 746f75b3
.download-overlay {
position: fixed;
z-index: 100;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: rgba(0, 0, 0, 0.75);
display: none;
justify-content: center;
align-items: center;
}
.download-overlay .download-content {
width: 500px;
background: #212629;
border-radius: 6px;
position: relative;
overflow: hidden;
}
.download-overlay .download-content .download-statusbar {
position: absolute;
height: 5px;
background: rgba(0, 0, 0, 0.2);
left: 0px;
right: 0px;
}
.download-overlay .download-content .download-statusbar .download-statusbar-handle {
height: 5px;
width: 0px;
background: #74b959;
transition: 1s ease-in-out width;
}
.download-overlay .download-content .download-status {
padding: 25px;
display: none;
grid-template-rows: 1fr auto;
grid-gap: 25px;
}
.download-overlay .download-content .download-status .icon {
margin: 10px auto;
width: 150px;
height: 150px;
display: flex;
justify-content: center;
align-items: center;
}
.download-overlay .download-content .download-status .icon .mdi {
font-size: 72px;
}
.download-overlay .download-content .download-status .text {
text-align: center;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.25em;
}
.download-overlay .download-content .download-status.active {
display: grid;
}
.download-overlay .download-content .download-actions {
display: none;
justify-content: flex-end;
padding: 25px;
background: rgba(0, 0, 0, 0.4);
}
.download-overlay .download-content .download-actions.active {
display: flex;
}
.download-overlay.active {
display: flex;
}
src/assets/css/download.less deleted 100644 → 0
View file @ 746f75b3
.download-overlay {
position: fixed;
z-index: 100;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: rgba(0,0,0,0.75);
display: none;
justify-content: center;
align-items: center;
& .download-content {
width: 500px;
background: #212629;
border-radius: 6px;
position: relative;
overflow: hidden;
& .download-statusbar {
position: absolute;
height: 5px;
background: rgba(0,0,0,0.2);
left: 0px;
right: 0px;
& .download-statusbar-handle {
height: 5px;
width: 0px;
background: #74b959;
transition: 1s ease-in-out width;
}
}
& .download-status {
padding: 25px;
display: none;
grid-template-rows: 1fr auto;
grid-gap: 25px;
& .icon {
margin: 10px auto;
width: 150px;
height: 150px;
display: flex;
justify-content: center;
align-items: center;
& .mdi {
font-size: 72px;
}
}
& .text {
text-align: center;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.25em;
}
&.active {
display: grid;
}
}
& .download-actions {
display: none;
justify-content: flex-end;
padding: 25px;
background: rgba(0,0,0,0.4);
&.active {
display: flex;
}
}
}
&.active {
display: flex;
}
}
\ No newline at end of file
src/assets/css/library.css deleted 100644 → 0
View file @ 746f75b3
.song-row-library .song-item .song-icon {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
display: flex;
justify-content: center;
align-items: center;
font-size: 32px;
}
.delete-overlay {
position: fixed;
z-index: 100;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: rgba(0, 0, 0, 0.75);
display: none;
justify-content: center;
align-items: center;
}
.delete-overlay .delete-content {
width: 500px;
background: #212629;
border-radius: 6px;
position: relative;
overflow: hidden;
}
.delete-overlay .delete-content .delete-main {
padding: 25px;
}
.delete-overlay .delete-content .delete-main .delete-title {
letter-spacing: 0.25em;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.delete-overlay .delete-content .delete-main .delete-text {
padding: 15px 0px;
opacity: 0.6;
}
.delete-overlay .delete-content .delete-main .delete-files {
font-size: 12px;
}
.delete-overlay .delete-content .delete-main .delete-files span {
display: block;
padding: 5px 0px;
}
.delete-overlay .delete-content .delete-actions {
display: flex;
justify-content: flex-end;
padding: 25px;
background: rgba(0, 0, 0, 0.4);
}
.delete-overlay .delete-content .delete-actions button {
margin-left: 10px;
}
.delete-overlay.active {
display: flex;
}
src/assets/css/library.less deleted 100644 → 0
View file @ 746f75b3
.song-row-library {
& .song-item {
& .song-icon {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
display: flex;
justify-content: center;
align-items: center;
font-size: 32px;
}
}
}
.delete-overlay {
position: fixed;
z-index: 100;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: rgba(0,0,0,0.75);
display: none;
justify-content: center;
align-items: center;
& .delete-content {
width: 500px;
background: #212629;
border-radius: 6px;
position: relative;
overflow: hidden;
& .delete-main {
padding: 25px;
& .delete-title {
letter-spacing: 0.25em;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
& .delete-text {
padding: 15px 0px;
opacity: 0.6;
}
& .delete-files {
font-size: 12px;
& span {
display: block;
padding: 5px 0px;
}
}
}
& .delete-actions {
display: flex;
justify-content: flex-end;
padding: 25px;
background: rgba(0,0,0,0.4);
& button {
margin-left: 10px;
}
}
}
&.active {
display: flex;
}
}
\ No newline at end of file
src/assets/css/main.css deleted 100644 → 0
View file @ 746f75b3
html {
box-sizing: border-box;
-webkit-user-select: none;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
html {
width: 100%;
height: 100%;
}
body {
width: 100%;
height: 100%;
margin: 0;
background: #212629;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}
::-webkit-scrollbar {
background: #212529;
width: 5px;
}
::-webkit-scrollbar-thumb {
background: #fff;
}
main {
display: grid;
margin-left: 60px;
min-height: 100vh;
overflow-y: scroll;
}
main aside {
background: rgba(255, 255, 255, 0.1);
display: grid;
position: fixed;
top: 0px;
left: 0px;
bottom: 0px;
grid-template-rows: 1fr auto;
}
main aside .item,
main aside .external-item {
width: 60px;
height: 60px;
opacity: 0.4;
display: flex;
justify-content: center;
align-items: center;
background: transparent;
transition: 0.2s ease opacity, 0.2s ease background;
}
main aside .item:hover,
main aside .external-item:hover {
opacity: 1;
cursor: pointer;
}
main aside .item.active,
main aside .external-item.active {
opacity: 1;
background: linear-gradient(135deg, #fd2f85, #7a34ec);
}
main aside .item .mdi,
main aside .external-item .mdi {
font-size: 22px;
}
section {
display: none;
}
section.active {
display: block;
}
section.section-startup {
padding: 50px;
}
section.section-startup.active {
display: block;
}
section.section-library {
padding: 50px;
}
button,
.button {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #fff;
background: rgba(255, 255, 255, 0.2);
text-transform: uppercase;
font-weight: 700;
border-radius: 4px;
padding: 7px 14px;
border: 0px;
transition: 0.2s ease-in-out all;
}
button:hover,
.button:hover {
background: #fff;
color: #222;
cursor: pointer;
}
button:focus,
.button:focus {
outline: 0;
}
.song-row {
display: grid;
grid-template-rows: auto 1fr;
grid-gap: 5px;
}
.song-row .song-header {
display: grid;
grid-template-columns: 1fr auto;
}
.song-row .song-header .row-title {
letter-spacing: 0.25em;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.song-row .song-header .row-title.row-title-noactions {
margin: 10px 0px;
}
.song-row .song-header .row-controls {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 15px;
}
.song-row .song-header .row-controls .item {
width: 28px;
height: 28px;
font-size: 22px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.song-row .song-header .row-controls .item.disabled {
opacity: 0.4;
}
.song-row .song-header .row-controls .item:not(.disabled):hover {
background: rgba(255, 255, 255, 0.2);
cursor: pointer;
}
.song-row .song-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-gap: 15px;
}
.song-row .song-list .song-item {
background: rgba(255, 255, 255, 0.1);
transition: 0.2s ease-in-out transform, 0.2s ease-in-out box-shadow;
overflow: hidden;
border-radius: 6px;
}
.song-row .song-list .song-item .song-cover {
background: rgba(255, 255, 255, 0.1);
background-size: cover;
width: 100%;
padding-top: 100%;
position: relative;
background-position: center;
}
.song-row .song-list .song-item .song-cover .song-charter {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8));
opacity: 0;
padding: 15px;
overflow: hidden;
display: grid;
transition: 0.2s ease-in-out opacity;
grid-template-columns: auto 1fr;
grid-gap: 10px;
align-items: flex-end;
}
.song-row .song-list .song-item .song-cover .song-charter .song-charter-info {
display: grid;
align-items: center;
}
.song-row .song-list .song-item .song-cover .song-charter .song-charter-info .mdi {
font-size: 18px;
}
.song-row .song-list .song-item .song-cover .song-charter .song-charter-info span {
font-size: 12px;
color: transparent;
transition: 0.2s ease-in-out color;
overflow: hidden;
white-space: nowrap;
}
.song-row .song-list .song-item .song-metadata {
padding: 15px;
}
.song-row .song-list .song-item .song-metadata .song-title {
font-weight: bold;
overflow: hidden;
white-space: nowrap;
}
.song-row .song-list .song-item .song-metadata .song-artist {
margin-top: 5px;
opacity: 0.6;
overflow: hidden;
white-space: nowrap;
}
.song-row .song-list .song-item .song-metadata .song-difficulties {
margin-top: 10px;
height: 20px;
display: flex;
}
.song-row .song-list .song-item .song-metadata .song-difficulties img {
height: 18px;
margin-right: 10px;
opacity: 0.3;
}
.song-row .song-list .song-item .song-metadata .song-difficulties img.active {
opacity: 1;
}
.song-row .song-list .song-item:not(.song-item-loading):not(.song-item-local):hover {
transform: scale(1.1);
cursor: pointer;
box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.4);
}
.song-row .song-list .song-item:not(.song-item-loading):not(.song-item-local):hover .song-cover .song-charter {
opacity: 1;
}
.song-row .song-list .song-item.song-item-loading {
background: linear-gradient(to right, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
animation-name: songLoadingShimmer;
animation-fill-mode: forwards;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-duration: 2s;
}
.song-row .song-list .song-item.song-item-loading .song-cover {
opacity: 0;
}
.song-row .song-list .song-item.song-item-local {
opacity: 0.6;
}
.song-row .song-list .song-item.song-item-local:hover .song-cover .song-charter {
opacity: 1;
}
.song-row .song-list-noresults {
display: none;
background: rgba(255, 255, 255, 0.1);
border-radius: 6px;
padding: 25px;
opacity: 0.6;
text-align: center;
}
.song-row .song-list-noresults.active {
display: block;
}
.user-row {
display: grid;
grid-template-rows: auto 1fr;
grid-gap: 5px;
}
.user-row .user-header {
display: grid;
grid-template-columns: 1fr auto;
}
.user-row .user-header .row-title {
letter-spacing: 0.25em;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.user-row .user-header .row-title.row-title-noactions {
margin: 10px 0px;
}
.user-row .user-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 15px;
}
.user-item {
background: #383c3f;
transition: 0.2s ease-in-out transform, 0.2s ease-in-out box-shadow;
overflow: hidden;
border-radius: 6px;
display: grid;
padding: 10px;
grid-gap: 15px;
grid-template-columns: 32px 1fr;
}
.user-item .user-avatar {
background: rgba(255, 255, 255, 0.1);
background-size: cover;
background-position: center;
width: 32px;
height: 32px;
border-radius: 32px;
}
.user-item .user-metadata {
display: flex;
align-items: center;
}
.user-item .user-metadata .user-name {
font-weight: bold;
overflow: hidden;
white-space: nowrap;
}
.user-item .user-metadata .user-badge {
font-size: 18px;
margin-left: 10px;
}
.user-item:hover {
transform: scale(1.1);
cursor: pointer;
box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.4);
}
@keyframes songLoadingShimmer {
from {
background-position: 0px 0px;
}
to {
background-position: 173px 0px;
}
}
.contextmenu {
position: absolute;
top: 0px;
left: 0px;
width: 250px;
background: #000;
border-radius: 6px;
z-index: 90;
display: none;
overflow: hidden;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
}
.contextmenu .menu-item {
padding: 10px;
display: grid;
grid-template-columns: 24px 1fr;
grid-gap: 10px;
}
.contextmenu .menu-item .icon {
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
}
.contextmenu .menu-item .text {
display: flex;
align-items: center;
}
.contextmenu .menu-item:hover {
background: rgba(255, 255, 255, 0.2);
cursor: pointer;
}
.contextmenu.active {
display: block;
}
src/assets/css/main.less deleted 100644 → 0
View file @ 746f75b3
html {
box-sizing: border-box;
-webkit-user-select: none;
}
*, *:before, *:after {
box-sizing: inherit;
}
html {
width: 100%;
height: 100%;
}
body {
width: 100%;
height: 100%;
margin: 0;
background: #212629;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}
::-webkit-scrollbar {
background: #212529;
width: 5px;
}
::-webkit-scrollbar-thumb {
background: #fff;
}
main {
display: grid;
margin-left: 60px;
min-height: 100vh;
overflow-y: scroll;
& aside {
background: rgba(255,255,255,0.1);
display: grid;
position: fixed;
top: 0px;
left: 0px;
bottom: 0px;
grid-template-rows: 1fr auto;
& .item, & .external-item {
width: 60px;
height: 60px;
opacity: 0.4;
display: flex;
justify-content: center;
align-items: center;
background: transparent;
transition: 0.2s ease opacity, 0.2s ease background;
&:hover {
opacity: 1;
cursor: pointer;
}
&.active {
opacity: 1;
background: linear-gradient(135deg, #fd2f85, #7a34ec);
}
& .mdi {
font-size: 22px;
}
}
}
}
section {
display: none;
&.active {
display: block;
}
&.section-startup {
padding: 50px;
&.active {
display: block;
}
}
&.section-library {
padding: 50px;
}
}
button, .button {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #fff;
background: rgba(255,255,255,0.2);
text-transform: uppercase;
font-weight: 700;
border-radius: 4px;
padding: 7px 14px;
border: 0px;
transition: 0.2s ease-in-out all;
&:hover {
background: #fff;
color: #222;
cursor: pointer;
}
&:focus {
outline: 0;
}
}
.song-row {
display: grid;
grid-template-rows: auto 1fr;
grid-gap: 5px;
& .song-header {
display: grid;
grid-template-columns: 1fr auto;
& .row-title {
letter-spacing: 0.25em;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
&.row-title-noactions {
margin: 10px 0px;
}
}
& .row-controls {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 15px;
& .item {
width: 28px;
height: 28px;
font-size: 22px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
&.disabled {
opacity: 0.4;
}
&:not(.disabled):hover {
background: rgba(255,255,255,0.2);
cursor: pointer;
}
}
}
}
& .song-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-gap: 15px;
& .song-item {
background: rgba(255,255,255,0.1);
transition: 0.2s ease-in-out transform, 0.2s ease-in-out box-shadow;
overflow: hidden;
border-radius: 6px;
& .song-cover {
background: rgba(255,255,255,0.1);
background-size: cover;
width: 100%;
padding-top: 100%;
position: relative;
background-position: center;
& .song-charter {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: linear-gradient(180deg, rgba(0,0,0,0.2), rgba(0,0,0,0.8));
opacity: 0;
padding: 15px;
overflow: hidden;
display: grid;
transition: 0.2s ease-in-out opacity;
grid-template-columns: auto 1fr;
grid-gap: 10px;
align-items: flex-end;
& .song-charter-info {
display: grid;
align-items: center;
& .mdi {
font-size: 18px;
}
& span {
font-size: 12px;
color: transparent;
transition: 0.2s ease-in-out color;
overflow: hidden;
white-space: nowrap;
}
}
}
}
& .song-metadata {
padding: 15px;
& .song-title {
font-weight: bold;
overflow: hidden;
white-space: nowrap;
}
& .song-artist {
margin-top: 5px;
opacity: 0.6;
overflow: hidden;
white-space: nowrap;
}
& .song-difficulties {
margin-top: 10px;
height: 20px;
display: flex;
& img {
height: 18px;
margin-right: 10px;
opacity: 0.3;
&.active {
opacity: 1;
}
}
}
}
&:not(.song-item-loading):not(.song-item-local):hover {
transform: scale(1.1);
cursor: pointer;
box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.4);
& .song-cover {
& .song-charter {
opacity: 1;
}
}
}
&.song-item-loading {
background: linear-gradient(to right, rgba(255,255,255,0.1), rgba(255,255,255,0.2), rgba(255,255,255,0.1));
animation-name: songLoadingShimmer;
animation-fill-mode: forwards;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-duration: 2s;
& .song-cover {
opacity: 0;
}
}
&.song-item-local {
opacity: 0.6;
&:hover {
& .song-cover {
& .song-charter {
opacity: 1;
}
}
}
}
}
}
& .song-list-noresults {
display: none;
background: rgba(255,255,255,0.1);
border-radius: 6px;
padding: 25px;
opacity: 0.6;
text-align: center;
&.active {
display: block;
}
}
}
.user-row {
display: grid;
grid-template-rows: auto 1fr;
grid-gap: 5px;
& .user-header {
display: grid;
grid-template-columns: 1fr auto;
& .row-title {
letter-spacing: 0.25em;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
&.row-title-noactions {
margin: 10px 0px;
}
}
}
& .user-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 15px;
}
}
.user-item {
background: #383c3f;
transition: 0.2s ease-in-out transform, 0.2s ease-in-out box-shadow;
overflow: hidden;
border-radius: 6px;
display: grid;
padding: 10px;
grid-gap: 15px;
grid-template-columns: 32px 1fr;
& .user-avatar {
background: rgba(255,255,255,0.1);
background-size: cover;
background-position: center;
width: 32px;
height: 32px;
border-radius: 32px;
}
& .user-metadata {
display: flex;
align-items: center;
& .user-name {
font-weight: bold;
overflow: hidden;
white-space: nowrap;
}
& .user-badge {
font-size: 18px;
margin-left: 10px;
}
}
&:hover {
transform: scale(1.1);
cursor: pointer;
box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.4);
}
}
@keyframes songLoadingShimmer {
from {
background-position: 0px 0px;
}
to {
background-position: 173px 0px;
}
}
.contextmenu {
position: absolute;
top: 0px;
left: 0px;
width: 250px;
background: #000;
border-radius: 6px;
z-index: 90;
display: none;
overflow: hidden;
box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
& .menu-item {
padding: 10px;
display: grid;
grid-template-columns: 24px 1fr;
grid-gap: 10px;
& .icon {
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
}
& .text {
display: flex;
align-items: center;
}
&:hover {
background: rgba(255,255,255,0.2);
cursor: pointer;
}
}
&.active {
display: block;
}
}
\ No newline at end of file
src/assets/css/search.css deleted 100644 → 0
View file @ 746f75b3
.section-search {
grid-template-rows: auto 1fr;
grid-gap: 25px;
padding: 50px;
}
.section-search .search-bar input {
width: 100%;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #fff;
background: rgba(255, 255, 255, 0.2);
border-radius: 4px;
padding: 14px 28px;
border: 0px;
transition: 0.2s ease-in-out all;
}
.section-search .search-bar input:hover {
background: rgba(255, 255, 255, 0.4);
color: #fff;
}
.section-search .search-bar input:focus {
outline: 0;
}
.section-search .search-bar input::placeholder {
color: rgba(255, 255, 255, 0.6);
}
.section-search .search-results {
display: grid;
grid-template-rows: auto auto auto 1fr;
grid-gap: 25px;
}
.section-search .search-results .search-results-users {
display: none;
}
.section-search .search-results .search-results-users.active {
display: grid;
}
.section-search .search-results .search-results-songs {
display: none;
}
.section-search .search-results .search-results-songs.active {
display: grid;
}
.section-search .search-results .search-results-noresults {
background: rgba(255, 255, 255, 0.1);
border-radius: 6px;
padding: 25px;
display: none;
}
.section-search .search-results .search-results-noresults .noresults-title {
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
}
.section-search .search-results .search-results-noresults .noresults-text {
opacity: 0.6;
}
.section-search .search-results .search-results-noresults.active {
display: block;
}
.section-search.active {
display: grid;
}
src/assets/css/search.less deleted 100644 → 0
View file @ 746f75b3
.section-search {
grid-template-rows: auto 1fr;
grid-gap: 25px;
padding: 50px;
& .search-bar {
input {
width: 100%;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #fff;
background: rgba(255,255,255,0.2);
border-radius: 4px;
padding: 14px 28px;
border: 0px;
transition: 0.2s ease-in-out all;
&:hover {
background: rgba(255,255,255,0.4);
color: #fff;
}
&:focus {
outline: 0;
}
&::placeholder {
color: rgba(255,255,255,0.6);
}
}
}
& .search-results {
display: grid;
grid-template-rows: auto auto auto 1fr;
grid-gap: 25px;
& .search-results-users {
display: none;
&.active {
display: grid;
}
}
& .search-results-songs {
display: none;
&.active {
display: grid;
}
}
& .search-results-noresults {
background: rgba(255,255,255,0.1);
border-radius: 6px;
padding: 25px;
display: none;
& .noresults-title {
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
}
& .noresults-text {
opacity: 0.6;
}
&.active {
display: block;
}
}
}
&.active {
display: grid;
}
}
\ No newline at end of file
src/assets/css/settings.css deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/assets/css/settings.less deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/assets/css/songdetail.css deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/assets/css/songdetail.less deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/assets/css/startup.css deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/assets/css/update.css deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/assets/css/update.less deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/assets/css/userdetail.css deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/assets/css/userdetail.less deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/assets/img/defaultAvatar.jpg 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/assets/img/loading.webm 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/assets/js/contextmenu.js deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/assets/js/download.js deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/assets/js/init.js deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/assets/js/module.locale.js deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/assets/js/navigation.js deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/assets/js/protocol.js deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/assets/js/section.library.js deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/assets/js/section.search.js deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/assets/js/section.settings.js deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/assets/js/section.songdetail.js deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/assets/js/section.startup.js deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/assets/js/section.userdetail.js deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/assets/js/update.js deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/background.js 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/components/CollapsableText.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/components/ContextMenu/ContextMenu.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/components/Loading.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/components/Navigation/Navigation.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/components/Overlays/DeleteOverlay.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/components/Overlays/DownloadOverlay.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/components/Overlays/PlayOverlay.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/components/Overlays/UpdateOverlay.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/components/Song/SongItem.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/components/Song/SongItemPlaceholder.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/components/Song/SongLocalItem.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/components/Song/SongReview.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/components/Song/SongRow.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/components/Song/SongSpinPlay.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/components/Startup/StaffPromoPlaceholder.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/components/Startup/Stream.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/components/User/UserItem.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/components/User/UserRow.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/components/WindowTitleBar.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/locale/de.json → src/i18n/de.json
View file @ fd07bda2
This diff is collapsed.
src/locale/en.json → src/i18n/en.json
View file @ fd07bda2
This diff is collapsed.
src/i18n/es.json 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/i18n/fr.json 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/i18n/index.js 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/locale/kr.json → src/i18n/kr.json
View file @ fd07bda2
This diff is collapsed.
src/locale/nl.json → src/i18n/nl.json
View file @ fd07bda2
This diff is collapsed.
src/i18n/pl.json 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/locale/ru.json → src/i18n/ru.json
View file @ fd07bda2
This diff is collapsed.
src/locale/es.json deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/locale/fr.json deleted 100644 → 0
View file @ 746f75b3
This diff is collapsed.
src/main.js 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/router/index.js 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/store/index.js 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/views/Error.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/views/Library.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/views/Search.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/views/Settings.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/views/SongDetail.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/views/SongDetailReviews.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/views/SongDetailSpinPlays.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/views/Startup.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/views/StartupFrontpage.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/views/StartupHotSongs.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/views/StartupNewSongs.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/views/StartupPopularSongs.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
src/views/UserDetail.vue 0 → 100644
View file @ fd07bda2
This diff is collapsed.
vue.config.js 0 → 100644
View file @ fd07bda2
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment