Login Field

This commit is contained in:
Kamesuta 2020-11-30 22:12:55 +09:00
parent 16da3c8ca6
commit ad0c88d55f
5 changed files with 29 additions and 27 deletions

View File

@ -504,9 +504,13 @@ body, button {
.loginFieldContainer {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-direction: row;
justify-content: start;
align-items: start;
margin-bottom: 20px;
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: #fff;
}
/* SVG icons on the login view. */
@ -522,10 +526,10 @@ body, button {
font-weight: bold;
font-size: 8px;
color: #ff1b0c;
width: 100%;
text-align: right;
position: absolute;
top: 7px;
text-align: right;
width: 100%;
top: -5px;
opacity: 0;
transition: 0.25s ease;
}
@ -556,18 +560,16 @@ body, button {
.loginField {
font-family: 'Avenir Book';
background: none;
border-width: 1.5px 0px 0px 0px;
border-style: solid;
border: 0;
width: 250px;
margin-bottom: 20px;
border-color: #fff;
color: rgba(255, 255, 255, 0.75);
font-weight: bold;
text-align: center;
box-sizing: border-box;
padding: 7.5px;
padding: 3px;
font-size: 10px;
letter-spacing: 1px;
z-index: 10;
}
.loginField:focus {
outline: none;

View File

@ -332,7 +332,7 @@ function asyncSystemScan(mcVersion, launchAfter = true){
'対応したJava<br>がインストールされていません',
'参加するためには64ビット版Javaのインストールが必要です。インストールしますか?インストールには<a href="http://www.oracle.com/technetwork/java/javase/terms/license/index.html">Oracleライセンス条項</a>に同意する必要があります。',
'Javaをインストール',
'Install Manually'
'手動でインストール'
)
setOverlayHandler(() => {
setLaunchDetails('Javaダウンロードの準備中..')
@ -346,8 +346,8 @@ function asyncSystemScan(mcVersion, launchAfter = true){
setOverlayContent(
'起動には<br>Javaが必要です',
'起動には64ビット版Javaのインストールが必要です。<br><br>手動インストールは <a href="https://github.com/dscalzi/HeliosLauncher/wiki/Java-Management#manually-installing-a-valid-version-of-java">Java Management Guide (英語)</a> を参考にしてください。',
'I Understand',
'Go Back'
'分かりました',
'戻る'
)
setOverlayHandler(() => {
toggleLaunchArea(false)

View File

@ -359,10 +359,10 @@ function bindAuthAccountLogOut(){
if(Object.keys(ConfigManager.getAuthAccounts()).length === 1){
isLastAccount = true
setOverlayContent(
'Warning<br>This is Your Last Account',
'In order to use the launcher you must be logged into at least one account. You will need to login again after.<br><br>Are you sure you want to log out?',
'I\'m Sure',
'Cancel'
'注意<br>これはログインしている最後のアカウントです',
'沼ランチャーを使うためには、最低1個のアカウントにログインしている必要があります。<br>ログアウトしたら、もう一度ログインしないといけなくなります。<br><br>本当にログアウトする?',
'分かってるよそんなこと',
'やっぱやめとく'
)
setOverlayHandler(() => {
processLogOut(val, isLastAccount)
@ -694,9 +694,9 @@ function bindDropinModsRemoveButton(){
document.getElementById(fullName).remove()
} else {
setOverlayContent(
`Failed to Delete<br>Drop-in Mod ${fullName}`,
'Make sure the file is not in use and try again.',
'Okay'
`ドロップ・インMod ${fullName}<br>の削除に失敗した`,
'ファイルが開かれていないことを確認してやり直してね',
'OK'
)
setOverlayHandler(null)
toggleOverlay(true)
@ -749,9 +749,9 @@ function saveDropinModConfiguration(){
DropinModUtil.toggleDropinMod(CACHE_SETTINGS_MODS_DIR, dropin.fullName, dropinUIEnabled).catch(err => {
if(!isOverlayVisible()){
setOverlayContent(
'Failed to Toggle<br>One or More Drop-in Mods',
'1つ以上のドロップ・インMod<br>のON/OFFに失敗しました',
err.message,
'Okay'
'OK'
)
setOverlayHandler(null)
toggleOverlay(true)
@ -1146,7 +1146,7 @@ function populateJavaExecDetails(execPath){
settingsJavaExecDetails.innerHTML = `Selected: Java ${v.version.major}.${v.version.minor}.${v.version.revision} (x${v.arch})${vendor}`
}
} else {
settingsJavaExecDetails.innerHTML = 'Invalid Selection'
settingsJavaExecDetails.innerHTML = '無効なJava'
}
})
}

View File

@ -15,8 +15,8 @@
<path d="M86.77,58.12A13.79,13.79,0,1,0,73,71.91,13.79,13.79,0,0,0,86.77,58.12M97,103.67a3.41,3.41,0,0,0,3.39-3.84,27.57,27.57,0,0,0-54.61,0,3.41,3.41,0,0,0,3.39,3.84Z"/>
</g>
</svg>
<span class="loginErrorSpan" id="loginEmailError">* 無効なメールアドレス</span>
<input id="loginUsername" class="loginField" type="text" placeholder="メールアドレス"/>
<span class="loginErrorSpan" id="loginEmailError">* 無効なメールアドレス</span>
</div>
<div class="loginFieldContainer">
<svg id="lockSVG" class="loginSVG" viewBox="40 32 60.36 70.43">
@ -24,8 +24,8 @@
<path d="M86.16,54a16.38,16.38,0,1,0-32,0H44V102.7H96V54Zm-25.9-3.39a9.89,9.89,0,1,1,19.77,0A9.78,9.78,0,0,1,79.39,54H60.89A9.78,9.78,0,0,1,60.26,50.59ZM70,96.2a6.5,6.5,0,0,1-6.5-6.5,6.39,6.39,0,0,1,3.1-5.4V67h6.5V84.11a6.42,6.42,0,0,1,3.39,5.6A6.5,6.5,0,0,1,70,96.2Z"/>
</g>
</svg>
<span class="loginErrorSpan" id="loginPasswordError">* 入力してください</span>
<input id="loginPassword" class="loginField" type="password" placeholder="パスワード"/>
<span class="loginErrorSpan" id="loginPasswordError">* 入力してください</span>
</div>
<div id="loginOptions">
<!--

View File

@ -8,7 +8,7 @@
<div id="settingsNavItemsContent">
<button class="settingsNavItem" rSc="settingsTabAccount" id="settingsNavAccount" selected>アカウント</button>
<button class="settingsNavItem" rSc="settingsTabMinecraft">Minecraft</button>
<button class="settingsNavItem" rSc="settingsTabMods">Mods</button>
<button class="settingsNavItem" rSc="settingsTabMods">Mod</button>
<button class="settingsNavItem" rSc="settingsTabJava">Java</button>
<button class="settingsNavItem" rSc="settingsTabLauncher">ランチャー</button>
<div class="settingsNavSpacer"></div>