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-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" />
|
|
|
|
|
<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">
|
|
|
|
|
<h2>Modifier la configuration</h2>
|
|
|
|
|
<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>
|
|
|
|
|
<div id="sidebar-content" v-html="sidebarContent"></div>
|
2021-03-22 21:17:43 +01:00
|
|
|
</div>
|
2021-09-19 17:31:08 +02:00
|
|
|
<div id="media">
|
|
|
|
|
<div @click="options">
|
|
|
|
|
<img src="assets/images/settings.png">
|
|
|
|
|
</div>
|
|
|
|
|
<div @click="discord">
|
|
|
|
|
<img src="assets/images/discord.png">
|
|
|
|
|
</div>
|
|
|
|
|
<div @click="web">
|
|
|
|
|
<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-02-01 21:54:34 +01:00
|
|
|
<script src="assets/js/script.js"></script>
|
|
|
|
|
<script src="assets/js/index.js"></script>
|
2020-12-05 21:08:32 +01:00
|
|
|
</body>
|
|
|
|
|
</html>
|
