Altarik/Launcher
4
0
Fork 0
mirror of https://github.com/AltarikMC/Launcher synced 2024-11-22 06:19:50 +01:00
Code

Add update page (not done!)

Browse Source
This commit is contained in:
Quentin Legot 2022-08-19 22:09:26 +02:00
parent 6d10030944
commit 8e6b490c07
4 changed files with 129 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
src/client/assets/css/checkingUpdate.css Normal file
View File

@ -0,0 +1,68 @@
* {
box-sizing: border-box;
}
html{
height: 100%;
}
body{
background-color: black;
background-image: url("../images/background.jpg");
background-size: cover;
background-repeat: no-repeat;
margin:0;
height:100%;
font-family: "Roboto", sans-serif;
color: black;
}
.dots-3 {
width: 60px;
aspect-ratio: 2;
--_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);
background:
var(--_g) 0% 50%,
var(--_g) 50% 50%,
var(--_g) 100% 50%;
background-size: calc(100%/3) 50%;
animation: d3 1s infinite linear;
position: relative;
left: 50%;
transform: translateX(-50%);
}
@keyframes d3 {
20%{background-position:0% 0%, 50% 50%,100% 50%}
40%{background-position:0% 100%, 50% 0%,100% 50%}
60%{background-position:0% 50%, 50% 100%,100% 0%}
80%{background-position:0% 50%, 50% 50%,100% 100%}
}
#fullscreen {
position: absolute;
top: 28px;
width: 100%;
height: calc(100% - 28px);
background-color: rgba(0, 0, 0, 0.6);
z-index: 10;
}
#close {
position: absolute;
top: 28px;
left: 5px;
color: white;
cursor: pointer;
}
#fullscreen-content {
position: relative;
top: 50%;
transform: translateY(-50%);
width: 100%;
background: white;
max-height: 80vh;
text-align: center;
padding: 25px 0;
}

24
src/client/assets/js/checkingUpdate.js Normal file
View File

@ -0,0 +1,24 @@
app = vue.createApp({
data() {
return {
displayFullscreen: "block",
fullscreenText: "Checking for updates..."
}
},
mounted() {
},
methods: {
sendCheckingUpdate() {
ipcRenderer.send("checking-update");
},
closeFullscreen () {
this.displayFullscreen = "none"
}
},
});
app.mount("#vue");
ipcRenderer.on("update-status", (event, arg) => {
});

36
src/client/checkingUpdate.html Normal file
View File

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Altarik Launcher</title>
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline' 'unsafe-eval';" />
<link rel="stylesheet" href="../../node_modules/izitoast/dist/css/iziToast.min.css">
<link href="assets/css/fonts.css" rel="stylesheet" />
<link href="assets/css/checkingUpdate.css" rel="stylesheet" />
<link href="assets/css/menubar.css" rel="stylesheet" />
<!-- <link rel="shortcut icon" type="image/png" href="assets/images/icon.png"/> -->
</head>
<body>
<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>
</div>
<div id="fullscreen" :style="{ display: displayFullscreen }">
<div @click="closeFullscreen" id="close"><i class="material-icons">close</i></div>
<div id="fullscreen-content">
<p>{{ fullscreenText }}</p>
<div class="dots-3"></div>
</div>
</div>
</div>
<script src="../../node_modules/izitoast/dist/js/iziToast.js" type="text/javascript"></script>
<script src="assets/js/preload.js"></script>
<script src="assets/js/checkingUpdate.js"></script>
</body>
</html>

2
src/server/main.js
View File

@ -26,7 +26,7 @@ function createWindow () {
frame: false
})
//Menu.setApplicationMenu(null)
win.loadFile('src/client/login.html').then(() => {
win.loadFile('src/client/checkingUpdate.html').then(() => {
require('./updater.js').configUpdater(app, autoUpdater, dialog, logger, showNotification)
})
win.on("close", () => {