2023-04-26 21:26:20 +00:00
<!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" >
< title > Submanager - Login< / title >
< link rel = "stylesheet" href = "../common/common.css" >
< link rel = "stylesheet" href = "app.css" >
< / head >
< body >
< header >
< div class = "top-title" >
< h1 > < img class = "top-logo rounded" src = "../../src/logo.png" alt = "Logo" > Subsonics< / h1 >
< / div >
< button id = "minimizeBtn" class = "buttonReduce" > < i class = "fas fa-window-minimize" > < / i > < / button >
< button id = "closeBtn" class = "buttonClose" > < i class = "fas fa-times" > < / i > < / button >
< / header >
< div class = "content" >
< div class = "box" >
< span id = "music_img" > < img class = "thumbnail" src = "../common/Mediamodifier-Design.svg" > < / span >
< span id = "music_title" class = "title" > Aucun titre joué< / span >
< div class = "online-light" > < i style = "margin-right: 2px;" class = "fas fa-user-friends" > < / i > < span id = "online" > 0< / span > < / div >
< / div >
< div class = "controller-box" >
< div class = "playbar" >
< button id = "backward" class = "secondary" > < i class = "fas fa-step-backward" > < / i > < / button >
< button id = "play" class = "primary" > < i class = "fas fa-play" > < / i > < / button >
< button id = "forward" class = "secondary" > < i class = "fas fa-step-forward" > < / i > < / button >
< / div >
< div class = "bbar" >
< button id = "search" class = "third" > < i class = "fa fa-search" > < / i > < / button >
2023-04-28 15:29:41 +00:00
< button id = "loop" class = "third" > < i class = "fa fa-retweet" > < / i > < / button >
2023-05-01 21:39:49 +00:00
< button id = "fav" class = "third" > < i class = "fa fa-star" > < / i > < / button >
2023-04-26 21:26:20 +00:00
< span id = "exitSpan" class = "exit" > < / span >
2023-04-28 15:29:41 +00:00
< button id = "list" class = "list third" > < i class = "fa fa-list-ol" > < p class = "number" id = "listNumber" > < / p > < / i > < / button >
< / div >
< div class = "sbar" >
< input id = "duration" type = "range" value = "0" max = "100" >
< p id = "durationText" class = "durationText" > 0:00/0:00< / p >
2023-04-26 21:26:20 +00:00
< / div >
< / div >
< div class = "box" >
< div >
< span id = "logo" > < img class = "logo" src = "../../src/logo.png" > < / span >
< span id = "username" > < / span >
< / div >
2023-04-28 15:29:41 +00:00
< div class = "act" >
2023-04-29 21:23:37 +00:00
< button id = "patchnote" class = "settings" > < i class = "fas fa-sticky-note" > < / i > < / button >
2023-04-28 15:29:41 +00:00
< button id = "settings" class = "settings" > < i class = "fas fa-gear" > < / i > < / button >
< button id = "signout" class = "signout" > < i class = "fas fa-sign-out" > < / i > < / button >
< / div >
2023-04-26 21:26:20 +00:00
< / div >
< / div >
2023-05-01 21:39:49 +00:00
< dialog id = "favDialog" class = "menu" >
< div class = "menuheader" >
< p class = "listHeader" > < i style = "margin-right: 3px" class = "fa fa-star" > < / i > Favoris< / p >
< div >
< button class = "buttonClose" id = "favClear" > < i class = "fas fa-trash" > < / i > < / button >
< button class = "buttonClose" id = "favClose" > < i class = "fas fa-times" > < / i > < / button >
< / div >
< / div >
< div id = "favContent" >
< / div >
< / dialog >
2023-04-26 21:26:20 +00:00
< dialog id = "listDialog" class = "menu" >
< div class = "menuheader" >
< p class = "listHeader" > < i style = "margin-right: 3px" class = "fa fa-list-ol" > < / i > Liste de lecture< / p >
< div >
< button class = "buttonClose" id = "listClear" > < i class = "fas fa-trash" > < / i > < / button >
< button class = "buttonClose" id = "listClose" > < i class = "fas fa-times" > < / i > < / button >
< / div >
< / div >
< div id = "listContent" >
< / div >
< / dialog >
< dialog id = "searchDialog" class = "menu" >
< div class = "menuheader" >
< p class = "listHeader" > < i style = "margin-right: 3px" class = "fa fa-search" > < / i > Rechercher< / p >
< button class = "buttonClose" id = "searchClose" > < i class = "fas fa-times" > < / i > < / button >
< / div >
< input id = "searchBar" class = "finder" type = "text" placeholder = "Nom ou lien" >
2023-04-30 17:00:04 +00:00
< div class = "searchContent" id = "searchContent" >
2023-04-26 21:26:20 +00:00
< / div >
2023-04-28 15:29:41 +00:00
< / dialog >
< dialog id = "stDialog" class = "menu" >
< div class = "menuheader" >
< p class = "listHeader" > < i style = "margin-right: 3px" class = "fa fa-gear" > < / i > Paramètres< / p >
< button class = "buttonClose" id = "stClose" > < i class = "fas fa-times" > < / i > < / button >
< / div >
< div class = "stLine" >
< p > Volume :< / p >
< input type = "range" id = "volCursor" >
< p class = "stPct" id = "volPct" > 0%< / p >
< / div >
< div class = "stLine" >
< p > Actions :< / p >
2023-04-30 17:00:04 +00:00
< button id = "restart" class = "bug" > < i class = "fas fa-power-off" > < / i > Redémarrer< / button >
< / div >
< div class = "stLine" >
< p > Bug ou suggestion :< / p >
< button id = "bug" class = "restart" > < i class = "fas fa-paper-plane" > < / i > Envoyer< / button >
2023-04-28 15:29:41 +00:00
< / div >
2023-04-30 21:42:49 +00:00
< div class = "stLine" >
< p > Forcer la mise à jour :< / p >
< button id = "upd" class = "restart" > < i class = "fas fa-download" > < / i > Mettre à jour< / button >
< / div >
2023-04-28 15:29:41 +00:00
2023-04-29 21:23:37 +00:00
< / dialog >
2023-04-30 21:42:49 +00:00
< dialog id = "updDialog" class = "menu" >
< div class = "menuheader" >
< p class = "listHeader" > < i style = "margin-right: 3px" class = "fas fa-download" > < / i > Forcer la mise à jour< / p >
< button class = "buttonClose" id = "updClose" > < i class = "fas fa-times" > < / i > < / button >
< / div >
< div class = "updContent" >
< p style = "color: yellow;" > < i class = "fas fa-warning" > < / i > Attention, forcer une mise à jour peut aider à réinstaller l'application. Avant de faire cela, demander à Raphix.< / p >
< span id = "updSpan" > < / span >
< / div >
< / dialog >
2023-04-29 21:23:37 +00:00
< dialog id = "patchDialog" class = "menu" >
< div class = "menuheader" >
< p class = "listHeader" > < i style = "margin-right: 3px" class = "fas fa-sticky-note" > < / i > Patch Note< / p >
< button class = "buttonClose" id = "patchClose" > < i class = "fas fa-times" > < / i > < / button >
< / div >
< span class = "patchInfo" id = "patchInfo" >
< / span >
2023-04-26 21:26:20 +00:00
< / dialog >
2023-04-30 17:00:04 +00:00
< dialog id = "sendDialog" class = "menu" >
< div class = "menuheader" >
< p class = "listHeader" > < i style = "margin-right: 3px" class = "fas fa-paper-plane" > < / i > Bug / Suggestion< / p >
< button class = "buttonClose" id = "sendClose" > < i class = "fas fa-times" > < / i > < / button >
< / div >
< span class = "send" id = "sendContent" >
< select class = "sendChos" id = "sendChos" >
< option > Bug< / option >
< option > Suggestion< / option >
< / select >
< textarea class = "sendText" id = "sendText" placeholder = "Descrpition" > < / textarea >
< span id = "sendInfo" class = "sendInfo" > < / span >
< button id = "sendSend" class = "restart" > < i class = "fas fa-paper-plane" > < / i > Envoyez< / button >
< / span >
< / dialog >
2023-04-26 21:26:20 +00:00
< div class = "infoVersion" >
2023-04-28 15:29:41 +00:00
< p class = "cp" > Submanager - Version < span id = "version" > < / span > < / p >
< p style = "margin: 0;" > Fait avec 💖 par Raphix< / p >
2023-04-26 21:26:20 +00:00
< / div >
2023-04-29 21:23:37 +00:00
< span class = "devversion" id = "devversion" > < / span >
2023-04-26 21:26:20 +00:00
< script src = "../common/bundle.js" > < / script >
< script src = "app.js" > < / script >
< / body >
< / html >
