Skip to content

M
moecube
Commit 5758b394 authored by GanJc's avatar GanJc
Browse files
Options

refactor update.html

parent 20218560
Hide whitespace changes
Inline Side-by-side
Showing with 86 additions and 48 deletions
README.md
View file @ 5758b394
...@@ -20,7 +20,7 @@ npm run dist ...@@ -20,7 +20,7 @@ npm run dist
## Install Dependencies (macOS) ## Install Dependencies (macOS)
```bash ```bash
mkdir -p bin mkdir -p bin
curl --location --retry 5 https://github.com/aria2/aria2/releases/download/release-1.29.0/aria2-1.29.0-osx-darwin.tar.bz2 | tar --strip-components=2 -C bin -jxf - aria2-1.29.1/bin/aria2c curl --location --retry 5 https://github.com/aria2/aria2/releases/download/release-1.29.0/aria2-1.29.0-osx-darwin.tar.bz2 | tar --strip-components=2 -C bin -jxf - aria2-1.29.0/bin/aria2c
``` ```
## Install Dependencies (Windows) ## Install Dependencies (Windows)
......
lang.js 0 → 100755
View file @ 5758b394
module.exports = {
"update": {
"zh-CN": {
"pageTitle":"更新消息",
"updateTitle":"MyCard 更新下载完毕",
"updateMsg":[
"点击【现在安装更新】，会立即关闭 MyCard 平台及正在运行中的游戏，并安装更新。",
"点击【下次启动时安装更新】，会在 MyCard 平台退出之后进行更新。",
"你也可以随时点击平台上的更新按钮安装哦！"
],
"updateFailed":{
"p1":"如果自动更新失败，请至",
"p2":"https://mycard.moe",
"p3":"手动下载最新版本"
},
"actions":{
"update":"(。・`ω´・) 现在安装更新",
"close":"下次启动时安装更新 _(:3 」∠)_"
}
},
"en-US": {
"pageTitle":"Update",
"updateTitle":"Update downloaded",
"updateMsg":[
"If you install now, MyCard will go offline and update immediately, your gaming progress may be affected.",
"If you install later, then the update will be automatically installed when you start-up MyCard next time.",
"You may also click the Update button to install the update anytime."
],
"updateFailed":{
"p1":"",
"p2":"",
"p3":""
},
"actions":{
"update":"(。・`ω´・) Install Now",
"close":"Install Later _(:3 」∠)_"
}
}
},
"other-page":{
"zh-CN":{},
"en-US":{}
}
}
package.json 100755 → 100644
View file @ 5758b394
...@@ -41,6 +41,7 @@ ...@@ -41,6 +41,7 @@
"systemjs": "mycard/systemjs#mycard", "systemjs": "mycard/systemjs#mycard",
"systemjs-plugin-text": "latest", "systemjs-plugin-text": "latest",
"tether": "latest", "tether": "latest",
"vue": "^2.1.6",
"zone.js": "^0.6.26" "zone.js": "^0.6.26"
}, },
"devDependencies": { "devDependencies": {
......
update.html
View file @ 5758b394
...@@ -9,11 +9,11 @@ ...@@ -9,11 +9,11 @@
<!--<meta name="author" content="">--> <!--<meta name="author" content="">-->
<!--<link rel="icon" href="../../favicon.ico">--> <!--<link rel="icon" href="../../favicon.ico">-->
<title lang="zh-CN">更新消息</title> <title id="title"></title>
<title lang="en-US">Update</title>
<!-- Bootstrap core CSS --> <!-- Bootstrap core CSS -->
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="node_modules/vue/dist/vue.min.js"></script>
<style> <style>
h1 { h1 {
margin-top: 10px; margin-top: 10px;
...@@ -30,57 +30,50 @@ ...@@ -30,57 +30,50 @@
<body> <body>
<div class="container" lang="zh-CN"> <div id="vueApp">
<div class="container">
<h1>MyCard 更新下载完毕</h1> <h1>{{pageText.updateTitle}}</h1>
<p>点击【现在安装更新】，会立即关闭 MyCard 平台及正在运行中的游戏，并安装更新。</p> <p v-for="(msg, index) in pageText.updateMsg" >{{msg}}</p>
<p>点击【下次启动时安装更新】，会在 MyCard 平台退出之后进行更新。</p> <p>{{pageText.updateFailed.p1}} <a href="https://mycard.moe" target="_blank">{{pageText.updateFailed.p2}}</a> {{pageText.updateFailed.p3}}</p>
<p>你也可以随时点击平台上的更新按钮安装哦！</p> <p id="actions">
<p>如果自动更新失败，请至 <a href="https://mycard.moe" target="_blank">https://mycard.moe</a> 手动下载最新版本</p> <button @click="onClose" type="button" class="btn btn-secondary">{{pageText.actions.close}}</button>
<p id="actions"> <button @click="onUpdate" type="button" class="btn btn-primary">{{pageText.actions.update}}</button>
<button id="close" type="button" class="btn btn-secondary">下次启动时安装更新 _(:3 」∠)_</button> </p>
<button id="update" type="button" class="btn btn-primary">(。・`ω´・) 现在安装更新</button> </div>
</p> </div>
</div><!-- /.container -->
<div class="container" lang="en-US">
<h1>Update downloaded</h1>
<p>If you install now, MyCard will go offline and update immediately, your gaming progress may be affected.</p>
<p>If you install later, then the update will be automatically installed when you start-up MyCard next time.</p>
<p>You may also click the Update button to install the update anytime.</p>
<!--<p>If auto-update failed, please refer to-->
<!--<a href="https://mycard.moe" target="_blank">https://mycard.moe</a> to download latest version</p>-->
<p id="actions">
<button id="close" class="btn btn-secondary">Install Later _(:3 」∠)_</button>
<button id="update" class="btn btn-primary">(。・`ω´・) Install Now</button>
</p>
</div><!-- /.container -->
<script> <script>
const {ipcRenderer, remote} = require('electron'); const {ipcRenderer, remote} = require('electron');
let locale = localStorage.getItem('locale') || remote.app.getLocale(); const lang = require('./lang.js')
if (locale.startsWith('zh-')) { var app = new Vue({
locale = 'zh-CN' el: '#vueApp',
} else { created: function () {
locale = 'en-US' let locale = localStorage.getItem('locale') || remote.app.getLocale();
} if (locale.startsWith('zh-')) {
for (let element of document.querySelectorAll('[lang]')) { locale = 'zh-CN'
if (element.getAttribute('lang') != locale) { } else {
element.parentNode.removeChild(element); locale = 'en-US'
}
this.pageText = lang['update'][locale]
document.getElementById('title').innerHTML = this.pageText.pageTitle
},
methods: {
onClose(){
window.close()
},
onUpdate(){
ipcRenderer.send('update')
}
},
data: {
message: 'Hello Vue!',
pageText:{}
} }
} })
document.getElementById('update').addEventListener('click', () => {
ipcRenderer.send('update');
});
document.getElementById('close').addEventListener('click', () => {
window.close()
});
</script> </script>
</body> </body>
</html> </html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment