manager/templates/app/app.html

165 lines
7.2 KiB
HTML
Raw Normal View History

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>