feat(link): 将页面的转跳改为由浏览器打开

增加了“关于”页面
优化了体验
更换了 logo

Author: Hukeqing

README.md

@@ -1,10 +1,16 @@
 # Codeforces Client
 
-这是一个 codeforces 的本地客户端系统
+**Copyleft (c) 2020.Mauve**
+
+## Codeforces 打开好慢，加载题面好慢
+
+这是一个 codeforces 的本地客户端系统。通过减少拉取的数据量来实现加速 codeforces 
+
+**注意：本系统仅减少拉取数据量，并非加速拉取**
 
 使用 vue 进行编译，后对编译后的文件使用 Electron 打包
 
-[下载地址](https://github.com/Hukeqing/codeforces-client/releases/tag/0.2.0)
+[下载地址](https://github.com/Hukeqing/codeforces-client/releases/tag/0.4.0)
 
 ## 功能列表
  - [x] 登录(0.1.0)
@@ -16,31 +22,33 @@
  - [x] 本地渲染题面(0.2.0)
  - [x] 缓存题面(0.3.0)
  - [ ] 查看某次提交记录
- - [x] 缓存管理系统
+ - [x] 缓存管理系统(0.4.0)
  - [ ] css 自定义页面
- - [x] 解除加载锁定
- - [x] 加快获取 XCsrfToken
+ - [x] 加快获取 XCsrfToken(0.4.0)
+ - [x] 题面中的链接使用本地浏览器打开(0.5.0)
+ - [ ]  problemset 页面
+ - [ ] 多语言
+ - [ ] 将项目转为 electron-vue 项目
 
 ## 本地编译使用方法
-**由于同源策略，本地使用时会出现同源策略问题**
-### Project setup
-```
-npm install
-```
+**由于同源策略，如果使用 vue 编译后的文件将会无法正常运行**
 
-#### Compiles and hot-reloads for development
-```
-npm run serve
-```
+**若需要正确在本地编译使用请对编译后的文件使用 Electron 第二次编译**
 
-#### Compiles and minifies for production
-```
+```shell script
+git clone https://github.com/Hukeqing/codeforces-client.git
+cd codeforces-client
+npm install
 npm run build
+cp ./scr/main/* dist/
+npm install
+npm run package
 ```
 
-#### Lints and fixes files
-```
-npm run lint
-```
+如果你熟悉 `yarn` 也可以使用 `yarn` 进行编译运行
+
+## 许可证
+
+Codeforces Client 使用 GPL 许可证开源
+
 
-**若需要正确在本地编译使用请对编译后的文件使用 Electron 第二次编译**

public/favicon.ico

@@ -33,18 +33,24 @@
                             比赛题目列表
                         </span>
                     </el-menu-item>
-                    <el-menu-item index="6">
+                    <el-menu-item index="7">
                         <span slot="title">
                             <i class="el-icon-document"></i>
                             比赛题面
                         </span>
                     </el-menu-item>
-                    <el-menu-item index="7">
+                    <el-menu-item index="8">
                         <span slot="title">
                             <i class="el-icon-folder"></i>
                             本地缓存
                         </span>
                     </el-menu-item>
+                    <el-menu-item index="9">
+                        <span slot="title">
+                            <i class="el-icon-info"></i>
+                            关于
+                        </span>
+                    </el-menu-item>
                 </el-menu>
             </el-aside>
             <el-main id="main">
@@ -54,9 +60,10 @@
                 <Status v-if="status===3" :user="user"></Status>
                 <ContestList v-if="status===4" v-on:enterContest="enterContest"></ContestList>
                 <Contest v-if="status===5" :contestId="contestId" v-on:enterProblem="enterProblem"></Contest>
-                <Problem v-if="status===6" :contestId="contestId" :problemId="problemId"
+                <Problem v-if="status===7" :contestId="contestId" :problemId="problemId"
                          v-on:submitProblem="submitProblem" v-on:loadProblem="loadProblem"></Problem>
-                <LocalManager v-if="status===7"></LocalManager>
+                <LocalManager v-if="status===8"></LocalManager>
+                <Info v-if="status===9"></Info>
             </el-main>
         </el-container>
     </el-container>
@@ -70,6 +77,7 @@ import ContestList from "@/components/ContestList";
 import Contest from "@/components/Contest";
 import Problem from "@/components/Problem";
 import LocalManager from "@/components/LocalManager";
+import Info from "@/components/Info";
 
 export default {
     name: "Home",
@@ -91,7 +99,8 @@ export default {
         ContestList,
         Contest,
         Problem,
-        LocalManager
+        LocalManager,
+        Info
     },
 
     methods: {

src/components/Home.vue

@@ -0,0 +1,23 @@
+<template>
+    <div>
+        <h1 style="font-size: 50px">
+            Codeforces Client
+        </h1>
+        <h2>
+            <a href="https://github.com/Hukeqing/codeforces-client" target="_blank"
+               style="text-decoration:none;color: #3a8ee6; margin-right: 40px">Source Code</a>
+            <a href="https://github.com/Hukeqing/codeforces-client/releases" target="_blank"
+               style="text-decoration:none;color: #3a8ee6; margin-left: 40px">Latest Release</a>
+        </h2>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "Info",
+}
+</script>
+
+<style scoped>
+
+</style>

src/components/Info.vue

@@ -4,6 +4,7 @@
                    v-on:click="removeUser">
             删除账号信息
         </el-button>
+        <span style="margin-left: 60px">总内存占用：{{ (memoryTotal) }} KB(非准确值)</span>
         <el-table :data="problems"
                   style="width: 100%"
                   v-loading="loading">
@@ -15,7 +16,7 @@
             </el-table-column>
             <el-table-column
                 prop="memory"
-                label="占用内存"
+                label="占用内存(KB)"
                 align="center"
                 min-width="100">
             </el-table-column>
@@ -48,22 +49,36 @@ export default {
 
     created() {
         this.loading = true
-        if (window.localStorage.getItem('email') != null)
+        if (window.localStorage.getItem('email') != null) {
             this.account = true
+        }
         if (window.localStorage.savedProblem != null) {
             let problemList = window.localStorage.savedProblem
             problemList = problemList.split(';')
             for (let i = 0; i < problemList.length - 1; ++i) {
                 let pro = {
                     id: problemList[i],
-                    memory: window.localStorage.getItem(problemList[i]).length / 1024 + 'KB'
+                    memory: window.localStorage.getItem(problemList[i]).length / 1024
                 }
                 this.problems.push(pro)
             }
         }
         this.loading = false
     },
 
+    computed: {
+        memoryTotal() {
+            let total = 0
+            for (let i = 0; i < this.problems.length; ++i)
+                total += this.problems[i].memory
+            if (this.account)
+                total += (window.localStorage.email.length + window.localStorage.password.length) / 1024
+            if (window.localStorage.getItem('email') != null)
+                total += window.localStorage.savedProblem.length / 1024
+            return total
+        }
+    },
+
     methods: {
         remove(index) {
             window.localStorage.removeItem(this.problems[index].id)

src/components/LocalManager.vue

@@ -22,8 +22,8 @@
                 <el-button type="primary" v-on:click="back()" style="width: 120px" round>返回</el-button>
             </div>
             <div class="inline-div" v-if="user!==''">
-                <h1 style="font-size: 20px; font-weight: bolder">
-                    已经获取到登录的账号信息
+                <h1 style="font-size: 18px; font-weight: bolder">
+                    已经获取到登录的账号信息：{{user}}
                 </h1>
                 <el-button type="primary" v-on:click="back()" style="width: 120px" round>返回</el-button>
                 <el-button type="primary" v-on:click="toLogout()" style="width: 120px" round>退出登录</el-button>

src/components/Login.vue

@@ -62,17 +62,6 @@
 
             </div>
         </div>
-
-        <el-dialog
-            title="提示"
-            :visible.sync="dialogVisible"
-            width="30%">
-            <el-input v-model="curLink" :disabled="true"></el-input>
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="dialogVisible = false">关 闭</el-button>
-                <el-button type="primary" @click="dialogVisible = false">复 制</el-button>
-            </span>
-        </el-dialog>
     </div>
 </template>
 

src/components/Problem.vue

@@ -141,12 +141,16 @@ export default {
                 this.$message.error('当前未登录')
                 return
             }
-            let loading = this.$loading({
-                lock: true,
-                text: '正在提交',
-                target: document.getElementById('main'),
-                background: 'rgba(0, 0, 0, 0.7)'
+            this.$message({
+                type: 'info',
+                message: '你的提交正在提交中，你可以继续进行其他操作'
             })
+            // let loading = this.$loading({
+            //     lock: true,
+            //     text: '正在提交',
+            //     target: document.getElementById('main'),
+            //     background: 'rgba(0, 0, 0, 0.7)'
+            // })
             common.getXCsrfToken((e, x) => {
                 submit.submitCode(x, this.myCid, this.myPid, this.code, this.languageSelect, e => {
                     if (e) {
@@ -155,7 +159,7 @@ export default {
                         this.$message.success('提交大概是成功了')
                         this.$emit('submitOver', {contest: this.myCid, id: this.myPid})
                     }
-                    loading.close()
+                    // loading.close()
                 })
             })
         }

src/components/Submit.vue

@@ -0,0 +1,48 @@
+const { app, BrowserWindow, Menu, shell } = require('electron')
+
+function createWindow() {
+    Menu.setApplicationMenu(null)
+    // 创建浏览器窗口
+    const win = new BrowserWindow({
+        width: 800,
+        height: 600,
+        webPreferences: {
+            nodeIntegration: true
+        }
+    })
+
+    // 并且为你的应用加载index.html
+    win.loadFile('index.html')
+}
+
+// This method will be called when Electron has finished
+// initialization and is ready to create browser windows.
+// 部分 API 在 ready 事件触发后才能使用。
+app.whenReady().then(createWindow)
+
+// Quit when all windows are closed.
+app.on('window-all-closed', () => {
+    // 在 macOS 上，除非用户用 Cmd + Q 确定地退出，
+    // 否则绝大部分应用及其菜单栏会保持激活。
+    if (process.platform !== 'darwin') {
+        app.quit()
+    }
+})
+
+app.on('activate', () => {
+    // 在macOS上，当单击dock图标并且没有其他窗口打开时，
+    // 通常在应用程序中重新创建一个窗口。
+    if (BrowserWindow.getAllWindows().length === 0) {
+        createWindow()
+    }
+})
+
+app.on('web-contents-created', (e, webContents) => {
+    webContents.on('new-window', (event, url) => {
+        event.preventDefault();
+        shell.openExternal(url);
+    });
+});
+
+// In this file you can include the rest of your app's specific main process
+// code. 也可以拆分成几个文件，然后用 require 导入。