mirror of
https://github.com/dscalzi/HeliosLauncher.git
synced 2024-12-22 19:52:14 -08:00
Compare commits
No commits in common. "8b23847c2924f8d73f8e151575756f25d7077b87" and "dfbe6e0a6b51b254f49598a63628cfc8b736b281" have entirely different histories.
8b23847c29
...
dfbe6e0a6b
@ -32,7 +32,6 @@
|
|||||||
<%- include('welcome') %>
|
<%- include('welcome') %>
|
||||||
<%- include('login') %>
|
<%- include('login') %>
|
||||||
<%- include('waiting') %>
|
<%- include('waiting') %>
|
||||||
<%- include('loginOptions') %>
|
|
||||||
<%- include('settings') %>
|
<%- include('settings') %>
|
||||||
<%- include('landing') %>
|
<%- include('landing') %>
|
||||||
</div>
|
</div>
|
||||||
|
@ -222,7 +222,6 @@ body, button {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: rgba(0, 0, 0, 0.50);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#welcomeContent {
|
#welcomeContent {
|
||||||
@ -952,96 +951,6 @@ body, button {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/*******************************************************************************
|
|
||||||
* *
|
|
||||||
* Login Options View (loginOptions.ejs) *
|
|
||||||
* *
|
|
||||||
******************************************************************************/
|
|
||||||
|
|
||||||
#loginOptionsContainer {
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
transition: filter 0.25s ease;
|
|
||||||
background: rgba(0, 0, 0, 0.50);
|
|
||||||
}
|
|
||||||
|
|
||||||
#loginOptionsContent {
|
|
||||||
border-radius: 3px;
|
|
||||||
position: relative;
|
|
||||||
top: -5%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.loginOptionsMainContent {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.loginOptionActions {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
row-gap: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.loginOptionButtonContainer {
|
|
||||||
width: 16em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.loginOptionButton {
|
|
||||||
background: rgba(0, 0, 0, 0.25);
|
|
||||||
border: 1px solid rgba(126, 126, 126, 0.57);
|
|
||||||
border-radius: 3px;
|
|
||||||
height: 50px;
|
|
||||||
width: 100%;
|
|
||||||
text-align: left;
|
|
||||||
padding: 0px 25px;
|
|
||||||
cursor: pointer;
|
|
||||||
outline: none;
|
|
||||||
transition: 0.25s ease;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
column-gap: 5px;
|
|
||||||
}
|
|
||||||
.loginOptionButton:hover,
|
|
||||||
.loginOptionButton:focus {
|
|
||||||
background: rgba(54, 54, 54, 0.25);
|
|
||||||
text-shadow: 0px 0px 20px white;
|
|
||||||
}
|
|
||||||
|
|
||||||
#loginOptionCancelContainer {
|
|
||||||
position: absolute;
|
|
||||||
bottom: -100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#loginOptionCancelButton {
|
|
||||||
background: none;
|
|
||||||
border: none;
|
|
||||||
padding: 2px 0px;
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: bold;
|
|
||||||
color: lightgrey;
|
|
||||||
cursor: pointer;
|
|
||||||
outline: none;
|
|
||||||
transition: 0.25s ease;
|
|
||||||
}
|
|
||||||
#loginOptionCancelButton:hover,
|
|
||||||
#loginOptionCancelButton:focus {
|
|
||||||
text-shadow: 0px 0px 20px lightgrey;
|
|
||||||
}
|
|
||||||
#loginOptionCancelButton:active {
|
|
||||||
text-shadow: 0px 0px 20px rgba(211, 211, 211, 0.75);
|
|
||||||
color: rgba(211, 211, 211, 0.75);
|
|
||||||
}
|
|
||||||
#loginOptionCancelButton:disabled {
|
|
||||||
color: rgba(211, 211, 211, 0.75);
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************************************************************
|
/*******************************************************************************
|
||||||
* *
|
* *
|
||||||
* Settings View (sttings.ejs) *
|
* Settings View (sttings.ejs) *
|
||||||
|
@ -1,24 +0,0 @@
|
|||||||
const loginOptionMicrosoft = document.getElementById('loginOptionMicrosoft')
|
|
||||||
const loginOptionMojang = document.getElementById('loginOptionMojang')
|
|
||||||
|
|
||||||
let loginOptionsViewOnLoginSuccess
|
|
||||||
let loginOptionsViewOnLoginCancel
|
|
||||||
let loginOptionsViewOnCancel
|
|
||||||
|
|
||||||
loginOptionMicrosoft.onclick = (e) => {
|
|
||||||
switchView(getCurrentView(), VIEWS.waiting, 500, 500, () => {
|
|
||||||
ipcRenderer.send(
|
|
||||||
MSFT_OPCODE.OPEN_LOGIN,
|
|
||||||
loginOptionsViewOnLoginSuccess,
|
|
||||||
loginOptionsViewOnLoginCancel
|
|
||||||
)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
loginOptionMojang.onclick = (e) => {
|
|
||||||
switchView(getCurrentView(), VIEWS.login, 500, 500, () => {
|
|
||||||
loginViewOnSuccess = loginOptionsViewOnLoginSuccess
|
|
||||||
loginViewOnCancel = loginOptionsViewOnLoginCancel
|
|
||||||
loginCancelEnabled(true)
|
|
||||||
})
|
|
||||||
}
|
|
@ -330,19 +330,16 @@ document.getElementById('settingsAddMojangAccount').onclick = (e) => {
|
|||||||
// Bind the add microsoft account button.
|
// Bind the add microsoft account button.
|
||||||
document.getElementById('settingsAddMicrosoftAccount').onclick = (e) => {
|
document.getElementById('settingsAddMicrosoftAccount').onclick = (e) => {
|
||||||
switchView(getCurrentView(), VIEWS.waiting, 500, 500, () => {
|
switchView(getCurrentView(), VIEWS.waiting, 500, 500, () => {
|
||||||
ipcRenderer.send(MSFT_OPCODE.OPEN_LOGIN, VIEWS.settings, VIEWS.settings)
|
ipcRenderer.send(MSFT_OPCODE.OPEN_LOGIN)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
// Bind reply for Microsoft Login.
|
// Bind reply for Microsoft Login.
|
||||||
ipcRenderer.on(MSFT_OPCODE.REPLY_LOGIN, (_, ...arguments_) => {
|
ipcRenderer.on(MSFT_OPCODE.REPLY_LOGIN, (_, ...arguments_) => {
|
||||||
if (arguments_[0] === MSFT_REPLY_TYPE.ERROR) {
|
if (arguments_[0] === MSFT_REPLY_TYPE.ERROR) {
|
||||||
|
switchView(getCurrentView(), VIEWS.settings, 500, 500, () => {
|
||||||
|
|
||||||
const viewOnClose = arguments_[2]
|
if(arguments_.length > 1 && arguments_[1] === MSFT_ERROR.NOT_FINISHED) {
|
||||||
console.log(arguments_)
|
|
||||||
switchView(getCurrentView(), viewOnClose, 500, 500, () => {
|
|
||||||
|
|
||||||
if(arguments_[1] === MSFT_ERROR.NOT_FINISHED) {
|
|
||||||
// User cancelled.
|
// User cancelled.
|
||||||
msftLoginLogger.info('Login cancelled by user.')
|
msftLoginLogger.info('Login cancelled by user.')
|
||||||
return
|
return
|
||||||
@ -361,11 +358,9 @@ ipcRenderer.on(MSFT_OPCODE.REPLY_LOGIN, (_, ...arguments_) => {
|
|||||||
})
|
})
|
||||||
} else if(arguments_[0] === MSFT_REPLY_TYPE.SUCCESS) {
|
} else if(arguments_[0] === MSFT_REPLY_TYPE.SUCCESS) {
|
||||||
const queryMap = arguments_[1]
|
const queryMap = arguments_[1]
|
||||||
const viewOnClose = arguments_[2]
|
|
||||||
|
|
||||||
// Error from request to Microsoft.
|
// Error from request to Microsoft.
|
||||||
if (Object.prototype.hasOwnProperty.call(queryMap, 'error')) {
|
if (Object.prototype.hasOwnProperty.call(queryMap, 'error')) {
|
||||||
switchView(getCurrentView(), viewOnClose, 500, 500, () => {
|
|
||||||
let error = queryMap.error
|
let error = queryMap.error
|
||||||
let errorDesc = queryMap.error_description
|
let errorDesc = queryMap.error_description
|
||||||
title = error
|
title = error
|
||||||
@ -384,8 +379,6 @@ ipcRenderer.on(MSFT_OPCODE.REPLY_LOGIN, (_, ...arguments_) => {
|
|||||||
toggleOverlay(false)
|
toggleOverlay(false)
|
||||||
})
|
})
|
||||||
toggleOverlay(true)
|
toggleOverlay(true)
|
||||||
|
|
||||||
})
|
|
||||||
} else {
|
} else {
|
||||||
|
|
||||||
msftLoginLogger.info('Acquired authCode, proceeding with authentication.')
|
msftLoginLogger.info('Acquired authCode, proceeding with authentication.')
|
||||||
@ -393,7 +386,7 @@ ipcRenderer.on(MSFT_OPCODE.REPLY_LOGIN, (_, ...arguments_) => {
|
|||||||
const authCode = queryMap.code
|
const authCode = queryMap.code
|
||||||
AuthManager.addMicrosoftAccount(authCode).then(value => {
|
AuthManager.addMicrosoftAccount(authCode).then(value => {
|
||||||
updateSelectedAccount(value)
|
updateSelectedAccount(value)
|
||||||
switchView(getCurrentView(), viewOnClose, 500, 500, () => {
|
switchView(getCurrentView(), VIEWS.settings, 500, 500, () => {
|
||||||
prepareSettings()
|
prepareSettings()
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
@ -16,7 +16,6 @@ let fatalStartupError = false
|
|||||||
// Mapping of each view to their container IDs.
|
// Mapping of each view to their container IDs.
|
||||||
const VIEWS = {
|
const VIEWS = {
|
||||||
landing: '#landingContainer',
|
landing: '#landingContainer',
|
||||||
loginOptions: '#loginOptionsContainer',
|
|
||||||
login: '#loginContainer',
|
login: '#loginContainer',
|
||||||
settings: '#settingsContainer',
|
settings: '#settingsContainer',
|
||||||
welcome: '#welcomeContainer',
|
welcome: '#welcomeContainer',
|
||||||
|
@ -2,7 +2,5 @@
|
|||||||
* Script for welcome.ejs
|
* Script for welcome.ejs
|
||||||
*/
|
*/
|
||||||
document.getElementById('welcomeButton').addEventListener('click', e => {
|
document.getElementById('welcomeButton').addEventListener('click', e => {
|
||||||
loginOptionsViewOnLoginSuccess = VIEWS.landing
|
switchView(VIEWS.welcome, VIEWS.login)
|
||||||
loginOptionsViewOnLoginCancel = VIEWS.loginOptions
|
|
||||||
switchView(VIEWS.welcome, VIEWS.loginOptions)
|
|
||||||
})
|
})
|
@ -1,34 +0,0 @@
|
|||||||
<div id="loginOptionsContainer" style="display: none;">
|
|
||||||
<div id="loginOptionsContent">
|
|
||||||
<div class="loginOptionsMainContent">
|
|
||||||
<h2>Login Options</h2>
|
|
||||||
<div class="loginOptionActions">
|
|
||||||
<div class="loginOptionButtonContainer">
|
|
||||||
<button id="loginOptionMicrosoft" class="loginOptionButton">
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 23 23">
|
|
||||||
<path fill="#f35325" d="M1 1h10v10H1z" />
|
|
||||||
<path fill="#81bc06" d="M12 1h10v10H12z" />
|
|
||||||
<path fill="#05a6f0" d="M1 12h10v10H1z" />
|
|
||||||
<path fill="#ffba08" d="M12 12h10v10H12z" />
|
|
||||||
</svg>
|
|
||||||
<span>Login with Microsoft</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="loginOptionButtonContainer">
|
|
||||||
<button id="loginOptionMojang" class="loginOptionButton">
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 9.677 9.667">
|
|
||||||
<path d="M-26.332-12.098h2.715c-1.357.18-2.574 1.23-2.715 2.633z" fill="#fff" />
|
|
||||||
<path d="M2.598.022h7.07L9.665 7c-.003 1.334-1.113 2.46-2.402 2.654H0V2.542C.134 1.2 1.3.195 2.598.022z" fill="#db2331" />
|
|
||||||
<path d="M1.54 2.844c.314-.76 1.31-.46 1.954-.528.785-.083 1.503.272 2.1.758l.164-.9c.327.345.587.756.964 1.052.28.254.655-.342.86-.013.42.864.408 1.86.54 2.795l-.788-.373C6.9 4.17 5.126 3.052 3.656 3.685c-1.294.592-1.156 2.65.06 3.255 1.354.703 2.953.51 4.405.292-.07.42-.34.87-.834.816l-4.95.002c-.5.055-.886-.413-.838-.89l.04-4.315z" fill="#fff" />
|
|
||||||
</svg>
|
|
||||||
<span>Login with Mojang</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="loginOptionCancelContainer" style="display: none;">
|
|
||||||
<button id="loginOptionCancelButton">Cancel</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script src="./assets/js/scripts/loginOptions.js"></script>
|
|
||||||
</div>
|
|
12
index.js
12
index.js
@ -95,16 +95,12 @@ const REDIRECT_URI_PREFIX = 'https://login.microsoftonline.com/common/oauth2/nat
|
|||||||
// Microsoft Auth Login
|
// Microsoft Auth Login
|
||||||
let msftAuthWindow
|
let msftAuthWindow
|
||||||
let msftAuthSuccess
|
let msftAuthSuccess
|
||||||
let msftAuthViewSuccess
|
ipcMain.on(MSFT_OPCODE.OPEN_LOGIN, (ipcEvent) => {
|
||||||
let msftAuthViewOnClose
|
|
||||||
ipcMain.on(MSFT_OPCODE.OPEN_LOGIN, (ipcEvent, ...arguments_) => {
|
|
||||||
if (msftAuthWindow) {
|
if (msftAuthWindow) {
|
||||||
ipcEvent.reply(MSFT_OPCODE.REPLY_LOGIN, MSFT_REPLY_TYPE.ERROR, MSFT_ERROR.ALREADY_OPEN, msftAuthViewOnClose)
|
ipcEvent.reply(MSFT_OPCODE.REPLY_LOGIN, MSFT_REPLY_TYPE.ERROR, MSFT_ERROR.ALREADY_OPEN)
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
msftAuthSuccess = false
|
msftAuthSuccess = false
|
||||||
msftAuthViewSuccess = arguments_[0]
|
|
||||||
msftAuthViewOnClose = arguments_[1]
|
|
||||||
msftAuthWindow = new BrowserWindow({
|
msftAuthWindow = new BrowserWindow({
|
||||||
title: 'Microsoft Login',
|
title: 'Microsoft Login',
|
||||||
backgroundColor: '#222222',
|
backgroundColor: '#222222',
|
||||||
@ -120,7 +116,7 @@ ipcMain.on(MSFT_OPCODE.OPEN_LOGIN, (ipcEvent, ...arguments_) => {
|
|||||||
|
|
||||||
msftAuthWindow.on('close', () => {
|
msftAuthWindow.on('close', () => {
|
||||||
if(!msftAuthSuccess) {
|
if(!msftAuthSuccess) {
|
||||||
ipcEvent.reply(MSFT_OPCODE.REPLY_LOGIN, MSFT_REPLY_TYPE.ERROR, MSFT_ERROR.NOT_FINISHED, msftAuthViewOnClose)
|
ipcEvent.reply(MSFT_OPCODE.REPLY_LOGIN, MSFT_REPLY_TYPE.ERROR, MSFT_ERROR.NOT_FINISHED)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
@ -134,7 +130,7 @@ ipcMain.on(MSFT_OPCODE.OPEN_LOGIN, (ipcEvent, ...arguments_) => {
|
|||||||
queryMap[name] = decodeURI(value)
|
queryMap[name] = decodeURI(value)
|
||||||
})
|
})
|
||||||
|
|
||||||
ipcEvent.reply(MSFT_OPCODE.REPLY_LOGIN, MSFT_REPLY_TYPE.SUCCESS, queryMap, msftAuthViewSuccess)
|
ipcEvent.reply(MSFT_OPCODE.REPLY_LOGIN, MSFT_REPLY_TYPE.SUCCESS, queryMap)
|
||||||
|
|
||||||
msftAuthSuccess = true
|
msftAuthSuccess = true
|
||||||
msftAuthWindow.close()
|
msftAuthWindow.close()
|
||||||
|
Loading…
Reference in New Issue
Block a user