2020-12-05 21:08:32 +01:00
<!DOCTYPE html>
2020-12-08 23:19:42 +01:00
< html lang = "fr" >
2020-12-05 21:08:32 +01:00
< head >
< meta charset = "UTF-8" >
2021-08-29 14:11:34 +02:00
< title > Altarik Launcher< / title >
2021-09-19 17:31:08 +02:00
< meta http-equiv = "Content-Security-Policy" content = "script-src 'self' 'unsafe-inline' 'unsafe-eval';" / >
2021-12-13 16:46:30 +01:00
< link rel = "stylesheet" href = "../../node_modules/izitoast/dist/css/iziToast.min.css" >
2021-04-09 17:47:48 +02:00
< link href = "assets/css/fonts.css" rel = "stylesheet" / >
2021-02-01 21:54:34 +01:00
< link href = "assets/css/index.css" rel = "stylesheet" / >
< link href = "assets/css/menubar.css" rel = "stylesheet" / >
2021-09-25 18:52:31 +02:00
<!-- <link rel="shortcut icon" type="image/png" href="assets/images/icon.png"/> -->
2020-12-05 21:08:32 +01:00
< / head >
2020-12-07 23:57:48 +01:00
< body >
2021-09-19 17:31:08 +02:00
< div id = "vue" >
< div id = "menubar" >
< ul class = "left" >
< img src = "../../icon.ico" >
< / ul >
< ul class = "right" >
<!-- Mettre ce code en ligne pour éviter que chrome ne met un espace automatiquement entre les éléments -->
< li id = "minimize-btn" > < i class = "material-icons" > minimize< / i > < / li > <!-- <li id="max - unmax - btn"><i class="material - icons">crop_square</i></li> --> < li id = "close-btn" > < i class = "material-icons" > close< / i > < / li >
< / ul >
2021-03-22 21:17:43 +01:00
< / div >
2021-09-19 17:31:08 +02:00
< div id = "fullscreen" :style = "{ display: displayFullscreen }" >
< div @ click = "closeFullscreen" id = "close" > < i class = "material-icons" > close< / i > < / div >
< div id = "settings" >
2021-09-25 19:05:27 +02:00
< h2 > Paramètres< / h2 >
2021-09-19 17:31:08 +02:00
< span href = "" id = "disconnect-btn" @ click = "disconnectBtn" > Se déconnecter< / span >
< h4 > Allocation mémoire< / h4 >
< label for = "minMem" > mémoire minimale : < span id = "outputMinMem" > {{ minMemValue }}< / span > < / label > < br / >
< input type = "number" min = "1024" :max = "memMax" :step = "memStep" v-model = "minMemValue" class = "slider" id = "minMem" > < br / >
< label for = "maxMem" > mémoire maximale : < span id = "outputMaxMem" > {{ maxMemValue }}< / span > < / label > < br / >
< input type = "number" min = "1024" :max = "memMax" :step = "memStep" v-model = "maxMemValue" class = "slider" id = "maxMem" > < br / >
< h4 > Au secours, mon jeu ne démarre pas< / h4 >
< button @ click = "invalidateData" :disabled = "invalidateButtonDisabled" > {{ invalidateButtonText }}< / button >
2021-04-11 19:54:31 +02:00
< / div >
2021-03-22 21:17:43 +01:00
< / div >
2021-09-19 17:31:08 +02:00
< div id = "content" >
< div id = "sidebar" >
< h2 > Chapitres< / h2 >
2022-02-11 08:48:40 +01:00
< div id = "sidebar-content" @ change = "modsInformations" >
< div v-if = "modsInformationsLoaded === false" > Une erreur est survenue lors de la récupération des informations, vérifiez votre connexion internet puis cliquez sur réessayez< / div >
2022-02-18 21:10:54 +01:00
< div v-for = "(item, index) in modsInformations" v-else-if = "modsInformations.length !== 0" v-on:click = "changeSelectedChapter(index)" :class = "{ selected: isSelected(index) }" >
2022-02-11 08:48:40 +01:00
< h3 > {{ item.title }}< / h3 >
< p > {{ item.description}}< / p >
< / div >
< div v-else > Chargement en cours< / div >
< / div >
2021-03-22 21:17:43 +01:00
< / div >
2021-09-19 17:31:08 +02:00
< div id = "media" >
2021-09-25 19:05:27 +02:00
< div @ click = "options" title = "Paramètres" >
2021-09-19 17:31:08 +02:00
< img src = "assets/images/settings.png" >
< / div >
2021-09-25 19:05:27 +02:00
< div @ click = "discord" title = "Rejoingnez notre Discord" >
2021-09-19 17:31:08 +02:00
< img src = "assets/images/discord.png" >
< / div >
2021-09-25 19:05:27 +02:00
< div @ click = "web" title = "Visitez notre site web" >
2021-09-19 17:31:08 +02:00
< img src = "assets/images/web.png" >
< / div >
2021-03-22 21:17:43 +01:00
< / div >
2021-09-19 17:31:08 +02:00
< div id = "main" >
< div id = "account" >
< div id = "nick" > {{ nick }}< / div > <!-- <img src=""> Head du joueur -->
< / div >
< button @ click = "launchBtnClick" id = "launch-btn" :disabled = "launchBtnDisable" >
< div id = "launch-text" :class = "[{hidden: launchBtnHidden}]" > {{ launchBtnText }}< / div >
< div id = "loading-message" :class = "[{hidden: loadingMessageHidden}]" > {{ loadingMessageText }}< / div >
< div id = "fullprogressbar" :class = "[{hidden: fullprogressbarHidden}]" > < div id = "progressbar" :style = "{ width: progressbarWidth + '%' }" > < / div > < / div >
< / button >
2021-03-22 21:17:43 +01:00
< / div >
2020-12-07 23:57:48 +01:00
< / div >
2020-12-05 21:08:32 +01:00
< / div >
2021-12-13 16:46:30 +01:00
< script src = "../../node_modules/izitoast/dist/js/iziToast.js" type = "text/javascript" > < / script >
< script src = "assets/js/preload.js" > < / script >
2021-02-01 21:54:34 +01:00
< script src = "assets/js/index.js" > < / script >
2020-12-05 21:08:32 +01:00
< / body >
< / html >
