Add user signup

Author: jondy

src/App.vue

@@ -5,14 +5,6 @@
         <img src="./assets/logo.png">
         <span>{{ $t( '代码帮' ) }} </span>
       </div>
-      <div class="cb-searchbox" style="display: none;">
-        <el-input
-          :placeholder="$t( '请输入搜索内容' )"
-          prefix-icon="el-icon-search"
-          size="mini"
-          clearable>
-        </el-input>
-      </div>
       <el-button
         @click="pageIndex=0"
         type="text">{{ $t( '代码' ) }}</el-button>
@@ -23,9 +15,17 @@
       <el-button
         @click="pageIndex=2"
         type="text">{{ $t( '运行' ) }}</el-button>
-      <div class="cb-title">
+      <div class="cb-title" v-show="pageIndex==0" style="flex-grow: 1">
         {{ title }}
       </div>
+      <div class="cb-searchbox" v-show="pageIndex==0">
+        <el-input
+          :placeholder="$t( '请输入搜索内容' )"
+          prefix-icon="el-icon-search"
+          size="mini"
+          clearable>
+        </el-input>
+      </div>
       <yix-controlbar v-show="pageIndex==2"></yix-controlbar>
       <div class="cb-toolbox">
         <el-button
@@ -217,15 +217,31 @@ body {
     color: #ccc;
 }
 
+.cb-navbar .y-controlbox {
+    flex-grow: 1;
+}
+
+.cb-navbar .y-controlbox button {
+    color: #f8f8f8;
+    background: #333;
+}
+
+.cb-navbar .y-controlbox button:hover {
+    color: #ccc;
+    background: #333;
+}
+
 .cb-toolbox > * {
-    padding-left: 9px;
+    padding-left: 16px;
 }
 
 .cb-title {
     background-color: #3f3f3f;
     text-align: center;
     margin-left: 16px;
     margin-right: 16px;
+    padding-left: 16px;
+    flex-grow: 1;
 }
 
 .cb-brand {

src/components/LaunchManager.vue

@@ -1,10 +1,12 @@
 <template>
   <div class="cb-launcher">
-    <yix-engineer>This is launcher for CodeBang</yix-engineer>
+    <yix-engineer ref="engineer">This is launcher for CodeBang</yix-engineer>
   </div>
 </template>
 
 <script>
+import Vue from "vue"
+import { RealComputer } from 'yix-engineer/src/lib.js'
 import connector from '../connector.js'
 
 export default {
@@ -23,6 +25,12 @@ export default {
             if (success)
                 connector.getLogon()
         } )
+        let engineer = this.$refs.engineer
+        Vue.prototype.$i_engineer = engineer
+
+        const RealComputerObject = Vue.extend( RealComputer )
+        let computer = new RealComputerObject()
+        engineer.initMainDomain( computer )
     },
     methods: {
         runCodeWithArguments ( obj, args ) {

src/components/LoginDialog.vue

@@ -13,7 +13,7 @@
           label-width="auto"
           class="ruleForm">
           <el-form-item label="账户" prop="name">
-            <el-input v-model="ruleForm.name" autocomplete="off" placeholder="用户名/邮箱/手机号"></el-input>
+            <el-input v-model="ruleForm.name" autocomplete="off" placeholder="用户名"></el-input>
           </el-form-item>
           <el-form-item v-if="!isRetrivePass" label="密码" prop="pass">
             <el-input type="password" v-model="ruleForm.pass" autocomplete="off" show-password></el-input>
@@ -188,7 +188,7 @@ export default {
             if(this.isRegister) {
                 this.$refs[formName].validate((valid) => {
                     if (valid) {
-                        connector.showError("现在还不能注册");
+                        connector.signup(this.ruleForm.name, this.ruleForm.pass);
                         return true;
                     }
                     return false;

src/connector.js

@@ -79,6 +79,28 @@ const error_callback = function (req, msg, err) {
     } )
 }
 
+const register_user = function (username, password, success, fail) {
+    const url = serverUrl + '/signup/'
+    const data = {
+        username: username,
+        password: password
+    }
+    reqwest( {
+        url: url,
+        method: 'post',
+        type: 'json',
+        contentType: 'application/x-www-form-urlencoded',
+        data: data,
+        crossOrigin: crossOrigin,
+        success: success,
+        error: resp => {
+            fail( resp.status === 400
+                  ? JSON.parse(resp.responseText).username
+                  : resp.responseText )
+        }
+    } )
+}
+
 const request_token = function (url, data, callback) {
     reqwest( {
         url: url,
@@ -252,6 +274,12 @@ export default new Vue({
                 request_api(api, method, paras, callback, vnode.close)
             }
         },
+        signup: function (username, password) {
+            register_user(username, password,
+                          () => this.login(username, password),
+                          msg => this.showError(msg)
+                         )
+        },
         login: function (username, password, silent) {
             const callback = function (success, result) {
                 if (!success && !silent)