A web update

spug_web/src/components/ACEditor.js

@@ -2,13 +2,16 @@ import React from "react";
 import Editor from 'react-ace';
 import 'ace-builds/src-noconflict/ext-language_tools';
 import 'ace-builds/src-noconflict/mode-sh';
+import 'ace-builds/src-noconflict/mode-json';
+import 'ace-builds/src-noconflict/mode-text';
 import 'ace-builds/src-noconflict/theme-tomorrow';
 import 'ace-builds/src-noconflict/snippets/sh';
+import 'ace-builds/src-noconflict/snippets/json';
+import 'ace-builds/src-noconflict/snippets/text';
 
 export default function (props) {
   return (
     <Editor
-      mode="sh"
       theme="tomorrow"
       enableLiveAutocompletion={true}
       enableBasicAutocompletion={true}

spug_web/src/components/index.js

@@ -1,11 +1,11 @@
 import StatisticsCard from './StatisticsCard';
 import SearchForm from './SearchForm';
 import LinkButton from './LinkButton';
-import SHEditor from './SHEditor';
+import ACEditor from './ACEditor';
 
 export {
   StatisticsCard,
   SearchForm,
   LinkButton,
-  SHEditor,
+  ACEditor,
 }

spug_web/src/pages/exec/task/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { observer } from 'mobx-react';
 import { Card, Form, Button, Tag } from 'antd';
-import { SHEditor } from 'components';
+import { ACEditor } from 'components';
 import HostSelector from './HostSelector';
 import TemplateSelector from './TemplateSelector';
 import ExecConsole from './ExecConsole';
@@ -38,7 +38,7 @@ class TaskIndex extends React.Component {
           </Form.Item>
           <Button icon="plus" onClick={store.switchHost}>从主机列表中选择</Button>
           <Form.Item label="执行命令">
-            <SHEditor value={body} height="300px" onChange={body => this.setState({body})}/>
+            <ACEditor mode="sh" value={body} height="300px" onChange={body => this.setState({body})}/>
           </Form.Item>
           <Form.Item>
             <Button icon="plus" onClick={store.switchTemplate}>从执行模版中选择</Button>

spug_web/src/pages/exec/template/Form.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { observer } from 'mobx-react';
 import { Modal, Form, Input, Select, Col, Button, message } from 'antd';
-import { SHEditor } from 'components';
+import { ACEditor } from 'components';
 import http from 'libs/http';
 import store from './store';
 
@@ -88,7 +88,8 @@ class ComForm extends React.Component {
             )}
           </Form.Item>
           <Form.Item {...itemLayout} required label="模板内容">
-            <SHEditor
+            <ACEditor
+              mode="sh"
               value={this.state.body}
               onChange={val => this.setState({body: val})}
               height="300px"/>

spug_web/src/pages/monitor/Form.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { observer } from 'mobx-react';
 import { Modal, Form, Input, Select, Radio, message, Steps, Button, Transfer, Checkbox } from 'antd';
 import TemplateSelector from '../exec/task/TemplateSelector';
-import { LinkButton, SHEditor } from 'components';
+import { LinkButton, ACEditor } from 'components';
 import http from 'libs/http';
 import store from './store';
 import hostStore from '../host/store';
@@ -163,7 +163,7 @@ class ComForm extends React.Component {
             </Form.Item>
             <Form.Item {...this.itemLayout} required label="脚本内容" style={this.getStyle('4')}
                        extra={<LinkButton onClick={() => this.setState({showTmp: true})}>从模板添加</LinkButton>}>
-              <SHEditor value={extra['4']} height="200px" onChange={e => this.handleExtra('4', e)}/>
+              <ACEditor mode="sh" value={extra['4']} height="200px" onChange={e => this.handleExtra('4', e)}/>
             </Form.Item>
             <Form.Item {...this.itemLayout} label="备注信息">
               {getFieldDecorator('desc', {initialValue: info['desc']})(

spug_web/src/pages/schedule/Form.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { observer } from 'mobx-react';
 import { Modal, Form, Input, Select, Col, Button, Steps, Tabs, InputNumber, DatePicker, Icon, message } from 'antd';
-import { LinkButton, SHEditor } from 'components';
+import { LinkButton, ACEditor } from 'components';
 import TemplateSelector from '../exec/task/TemplateSelector';
 import http from 'libs/http';
 import store from './store';
@@ -149,7 +149,8 @@ class ComForm extends React.Component {
               required
               label="任务内容"
               extra={<LinkButton onClick={() => this.setState({showTmp: true})}>从模板添加</LinkButton>}>
-              <SHEditor
+              <ACEditor
+                mode="sh"
                 value={this.state.command}
                 onChange={val => this.setState({command: val})}
                 height="200px"/>