From f2e7ebb3768d97f5b95c5a1ab6e9691085d66508 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E6=A0=91=E6=98=8E?= <775174143@qq.com>
Date: Wed, 26 Jun 2019 17:43:18 +0800
Subject: [PATCH] =?UTF-8?q?=20=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/react/public/index.html                |    8 +-
 public/react/public/index.test.html           |    2 +-
 public/react/src/common/UrlTool.js            |  101 +-
 .../page/component/monaco/TPIMonaco.js        | 1017 +++++++++--------
 public/react/src/modules/page/main/Webssh.js  |  149 +--
 public/react/src/modules/tpm/TPMIndexHOC.js   |   11 +-
 6 files changed, 644 insertions(+), 644 deletions(-)

diff --git a/public/react/public/index.html b/public/react/public/index.html
index 028b1cb68..bafefaf47 100755
--- a/public/react/public/index.html
+++ b/public/react/public/index.html
@@ -55,7 +55,7 @@
 
     <!-- <link href="/react/build/css/iconfont.css" rel="stylesheet" type="text/css"> -->
 
-    <link href="https://testeduplus2.educoder.net/stylesheets/educoder/edu-all.css" rel="stylesheet" type="text/css">
+    <link href="/stylesheets/educoder/edu-all.css" rel="stylesheet" type="text/css">
 
     <!--<link href="https://pandao.github.io/editor.md/examples/css/style.css" rel="stylesheet" type="text/css">-->
 
@@ -148,12 +148,12 @@
       (function() { // Scoping function to avoid globals
         var href = location.href;
           if (href.indexOf('/tasks/') != -1) {
-            document.write('<script type="text/javascript" src="https://testeduplus2.educoder.net/assets/kindeditor/kindeditor.js"><\/script>');
+            document.write('<script type="text/javascript" src="/assets/kindeditor/kindeditor.js"><\/script>');
             // build.js中会将这个url附加一个前缀 react/build
             document.write('<script type="text/javascript" src="/js/create_kindeditor.js"><\/script>');
-            document.write('<script type="text/javascript" src="https://testeduplus2.educoder.net/javascripts/educoder/edu_application.js"><\/script>');
+            document.write('<script type="text/javascript" src="/javascripts/educoder/edu_application.js"><\/script>');
           } else if (href.indexOf('/paths/') != -1) {
-            document.write('<script type="text/javascript" src="https://testeduplus2.educoder.net/javascripts/educoder/edu_application.js"><\/script>');
+            document.write('<script type="text/javascript" src="/javascripts/educoder/edu_application.js"><\/script>');
 
           }
       })();
diff --git a/public/react/public/index.test.html b/public/react/public/index.test.html
index 7d584f876..b275cf90a 100755
--- a/public/react/public/index.test.html
+++ b/public/react/public/index.test.html
@@ -38,7 +38,7 @@
 
     <link rel="stylesheet" type="text/css" href="/css/css_min_all.css">
 
-    <link href="https://testeduplus2.educoder.net/stylesheets/educoder/edu-all.css" rel="stylesheet" type="text/css">
+    <link href="/stylesheets/educoder/edu-all.css" rel="stylesheet" type="text/css">
 
     <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_653600_qa9lwwv74z.css">
 
diff --git a/public/react/src/common/UrlTool.js b/public/react/src/common/UrlTool.js
index c0402b325..6a6bb348d 100644
--- a/public/react/src/common/UrlTool.js
+++ b/public/react/src/common/UrlTool.js
@@ -1,51 +1,52 @@
-const isDev = window.location.port == 3007;
-export function getImageUrl(path) {
-	// https://www.educoder.net
-	// https://testbdweb.trustie.net
-  // const local = 'http://localhost:3000'
-  const local = 'https://testeduplus2.educoder.net'
-	if (isDev) {
-		return `${local}/${path}`
-	}
-	return `/${path}`;
-}
-
-export function setImagesUrl(path){
-	const local = 'http://47.96.87.25:48080'
-	let firstStr=path.substr(0,1);
-	console.log(firstStr);
-	if(firstStr=="/"){
-		return isDev?`${local}${path}`:`${path}`;
-	}else{
-		return isDev?`${local}/${path}`:`/${path}`;
-	}
-}
-
-export function getUrl(path, goTest) {
-	// https://www.educoder.net
-	// https://testbdweb.trustie.net
-
-	// 如果想所有url定位到测试版，可以反注释掉下面这行
-	//goTest = true
-	// testbdweb.educoder.net testbdweb.trustie.net
-  // const local = goTest ? 'https://testeduplus2.educoder.net' : 'http://localhost:3000'
-  const local = 'https://testeduplus2.educoder.net'
-	if (isDev) {
-		return `${local}${path?path:''}`
-	}
-	return `${path ? path: ''}`;
-}
-export function getUploadActionUrl(path, goTest) {
-	return `${getUrl()}/api/attachments.json${isDev ? `?debug=${window._debugType || 'admin'}` : ''}`
-}
-
-export function test(path) {
-	return `${path}`;
-}
-
-export function toPath(path) {
-	window.open(path, '_blank');
-}
-
-
+const isDev = window.location.port == 3007;
+export function getImageUrl(path) {
+	// https://www.educoder.net
+	// https://testbdweb.trustie.net
+  // const local = 'http://localhost:3000'
+  const local = 'https://testeduplus2.educoder.net'
+	if (isDev) {
+		return `${local}/${path}`
+	}
+	return `/${path}`;
+}
+
+export function setImagesUrl(path){
+	const local = 'http://47.96.87.25:48080'
+	let firstStr=path.substr(0,1);
+	console.log(firstStr);
+	if(firstStr=="/"){
+		return isDev?`${local}${path}`:`${path}`;
+	}else{
+		return isDev?`${local}/${path}`:`/${path}`;
+	}
+}
+
+export function getUrl(path, goTest) {
+	// https://www.educoder.net
+	// https://testbdweb.trustie.net
+
+	// 如果想所有url定位到测试版，可以反注释掉下面这行
+	//goTest = true
+	// testbdweb.educoder.net testbdweb.trustie.net
+  // const local = goTest ? 'https://testeduplus2.educoder.net' : 'http://localhost:3000'
+  // const local = 'https://testeduplus2.educoder.net'
+	const local = 'http://47.96.87.25:48080'
+	if (isDev) {
+		return `${local}${path?path:''}`
+	}
+	return `${path ? path: ''}`;
+}
+export function getUploadActionUrl(path, goTest) {
+	return `${getUrl()}/api/attachments.json${isDev ? `?debug=${window._debugType || 'admin'}` : ''}`
+}
+
+export function test(path) {
+	return `${path}`;
+}
+
+export function toPath(path) {
+	window.open(path, '_blank');
+}
+
+
 // export default queryString
\ No newline at end of file
diff --git a/public/react/src/modules/page/component/monaco/TPIMonaco.js b/public/react/src/modules/page/component/monaco/TPIMonaco.js
index 608669c5e..1d5193a6e 100644
--- a/public/react/src/modules/page/component/monaco/TPIMonaco.js
+++ b/public/react/src/modules/page/component/monaco/TPIMonaco.js
@@ -1,509 +1,510 @@
-import React, { Component } from 'react';
-
-import Dialog, {
-  DialogActions,
-  DialogContent,
-  DialogContentText,
-  DialogTitle,
-} from 'material-ui/Dialog';
-import _ from 'lodash'
-import Drawer from 'material-ui/Drawer';
-
-import './TPIMonaco.css'
-import TPICodeSetting from '../TPICodeSetting'
-
-import * as monaco from 'monaco-editor'
-
-
-import { fromStore, toStore } from 'educoder'
-import './TPIMonacoConfig'
-monaco.editor.defineTheme('myCoolTheme', {
-      base: 'vs-dark',
-      inherit: true,
-      rules: [       
-        { token: 'green', background: 'FF0000', foreground: '00FF00', fontStyle: 'italic'},
-        { token: 'red', foreground: 'FF0000' , fontStyle: 'bold underline'},
-        { background: '#121c23' },
-        // { foreground: 'FFFFFF' }
-      ],
-      // editor_monaco._themeService._knownThemes.get('myCoolTheme')
-      colors: {
-        // 'editor.foreground': '#FFFFFF',
-        'editor.background': '#121c23',
-
-        // 'editor.selectionHighlightBorder': '#ffffff',
-        // 'input.border': '#ffffff',
-        'editor.lineHighlightBorder': '#222c34',        // .current-line
-        
-      }
-});
-
-const $ = window.$;
-function loadMonacoResouce(callback) {
-    let _url_origin = ``;
-    let prefix = 'react/build'
-    if (window.location.port == 3007) {
-        prefix = ''
-    } else {
-        _url_origin = `https://testeduplus2.educoder.net/`;
-    }
-    const $ = window.$;
-
-    if (!window['monaco']) {
-        // How to import this library in a create-react-app?
-        // https://github.com/Microsoft/monaco-editor/issues/82
-        // window.require = { paths: { 'vs': '../node_modules/monaco-editor/min/vs' } };
-        // window.require = { paths: { 'vs': `${_url_origin}${prefix}/js/monaco/vs` } };
-       
-        // $('head').append($('<link rel="stylesheet" type="text/css" />')
-        //     .attr('href', `${_url_origin}${prefix}/js/monaco/vs/editor/editor.main.css`));
-
-        // $.ajaxSetup({
-        //     cache: true
-        // });
-        // $.when(
-            
-        //     // $.getScript( `${_url_origin}${prefix}/js/monaco/vs/language/typescript/tsMode.js` ),
-        //     // $.getScript( `${_url_origin}${prefix}/js/monaco/vs/basic-languages/javascript/javascript.js` ),
-        //     $.getScript( `${_url_origin}${prefix}/js/monaco/vs/basic-languages/python/python.js` ),
-        //     // $.getScript( `${_url_origin}${prefix}/js/monaco/vs/language/typescript/tsWorker.js` ),
-
-        //     $.getScript(  `${_url_origin}${prefix}/js/monaco/vs/loader.js` ),
-        //     $.getScript( `${_url_origin}${prefix}/js/monaco/vs/editor/editor.main.nls.js` ),
-        //     $.getScript( `${_url_origin}${prefix}/js/monaco/vs/editor/editor.main.js` ),
-        //     $.Deferred(function( deferred ){
-        //         console.log('Deferred')
-                
-        //         // TODO 暂时放这里
-        //         $( deferred.resolve );
-        //         checkIfLoaded(callback);
-
-        //     })
-        // ).done(function(){
-        //     debugger;
-        //     // TODO 没执行到这里
-        //     console.log('done done done ')
-        //     //place your code here, the scripts are all loaded
-        //     // callback && callback()
-        // });
-
-        // require.config({ paths: { 'vs': `/monaco/vs` }});
-
-        // require(['/vs/editor/editor.main'], function() {
-            callback && callback()
-            var editor = monaco.editor.create(document.getElementById('container'), {
-                value: [
-                    'function x() {',
-                    '\tconsole.log("Hello world!");',
-                    '}'
-                ].join('\n'),
-                language: 'javascript'
-            });
-        // });
-
-    } else {
-        callback && callback()
-    }
-}
-function checkIfLoaded (callback) {
-    if (window.monaco && window.monaco.editor) {
-        $.ajaxSetup({
-            cache: false
-        });
-        callback && callback()
-    } else {
-        console.log('check again 2s later..')
-        setTimeout(() => {
-            checkIfLoaded(callback)
-        }, 2000);
-    }
-}
-
-/*
-    language  
-    javascript css less scss html typescript
-    java ruby vb r python php perl go cpp csharp
-    sql pgsql mysql
-    swift objective-c
-    shell
-    redis
-    xml yaml
-    markdown
-
-    'JFinal': 'text/x-java',
-    'Java': 'text/x-java',
-    'Kotlin': 'text/x-kotlin',
-    'C/C++' : 'text/x-c++src',
-    'MachineLearning': {
-                name: "python",
-                version: 3,
-                singleLineStringErrors: false
-    },
-    'Python2.7': {
-                name: "python",
-                version: 3,
-                singleLineStringErrors: false
-    },
-    'Python3.6': {
-                name: "python",
-                version: 3,
-                singleLineStringErrors: false
-    },
-*/ 
-const mirror2LanguageMap = {
-    'JFinal': 'java',
-    'Java': 'java',
-    'Kotlin': 'java',
-
-    'Html': 'html',
-    'Css': 'css',
-    'Javascript': 'javascript',
-
-    'C/C++': 'cpp',
-    'MachineLearning': 'python',
-    'Python2.7': 'python',
-    'Python3.6': 'python',
-
-    'C#': 'csharp',
-    'R': 'r'
-
-}
-function getLanguageByMirrorName(mirror_name) {
-    let lang = 'javascript'
-    if (mirror_name && mirror_name.length) {
-        // 需要倒着遍历， html、css的实训，主评测语言环境是python，小类别是html或css
-        for (let i = mirror_name.length - 1; i >= 0; i--) {
-            let languageVal = mirror2LanguageMap[mirror_name[i]];
-            if (languageVal) {
-                lang = languageVal;
-                break;
-            }
-        }
-    }
-    return lang;
-}
-
-let notCallCodeMirrorOnChangeFlag = false;
-class TPIMonaco extends Component {
-
-	constructor(props) {
-		super(props)
-
-        loadMonacoResouce();
-		this.state = {
-            cmFontSize: fromStore('cmFontSize', 16),
-            autoCompleteSwitch: fromStore('autoCompleteSwitch', true),
-		}
-	}
-    
-	componentDidUpdate(prevProps, prevState, snapshot) {
-        const { game, mirror_name } = this.props
-        const editor_monaco = this.editor_monaco;
-        if (editor_monaco && !_.isEqual(prevProps.mirror_name, mirror_name)) {
-            // TODO 后期考虑加入，根据文件类型的不同，使用不同的lang
-            const lang = getLanguageByMirrorName(mirror_name);
-            // https://github.com/Microsoft/monaco-editor/issues/539
-            window.monaco.editor.setModelLanguage(editor_monaco.getModel(), lang)
-        } else if (prevProps.isEditablePath != this.props.isEditablePath) {
-            if (this.props.isEditablePath) {
-                editor_monaco.updateOptions({readOnly: false})
-            } else {
-                editor_monaco.updateOptions({readOnly: true})
-            }
-        
-        } else if (editor_monaco && prevProps.codeLoading === true && this.props.codeLoading === false 
-                ) {
-            if (this.props.repositoryCode != editor_monaco.getValue()) {
-                // newProps.repositoryCode !== this.props.repositoryCode && 
-                notCallCodeMirrorOnChangeFlag = true;
-                
-                // 重要：setState(因获取代码、重置代码等接口引起的调用)调用引起的变化才需要setValue
-                editor_monaco.setValue(this.props.repositoryCode)
-            }
-            // 代码没变也需要layout，可能从命令行自动切回了代码tab
-            editor_monaco.layout();
-
-            // Clears the editor's undo history.
-            // TODO
-            // extend_editor.clearHistory()
-        } 
-    }
-	componentDidMount() {
-        checkIfLoaded(() => {
-            let value = [
-                'define([], function() {',
-                '\treturn ({p1, p2}) => {',
-                '\t\treturn Promise.resolve("Hello, World");',
-                '\t};',
-                '});'
-            ].join('\n');
-            // value = [
-            //         'function x() {',
-            //         '\tconsole.log("Hello world!");',
-            //         '}'
-            //     ].join('\n'),
-            value =  "<h1>Hello</h1>↵<!-- ********* Begin ********* -->↵    ↵    ↵<!-- ********* End ********* -->"
-
-            value = this.props.repositoryCode
-
-            const height =  $('#games_repository_contents').height() - 40
-            const width =  $('#games_repository_contents').width()
-
-            $('#codetab_con_1').height(height)
-
-            const lang = getLanguageByMirrorName(this.props.mirror_name);
-            const editor = window.monaco.editor.create(document.getElementById('extend-challenge-file-edit'), {
-                value: value,
-                // 属性说明
-                // http://testeduplus2.educoder.net/react/build/static/node_modules/_monaco-editor@0.15.6@monaco-editor/esm/vs/editor/common/config/commonEditorConfig.js
-                // https://github.com/Microsoft/monaco-editor/issues/29
-                scrollBeyondLastLine: false,
- 
-                language: lang,
-                // language: 'css',
-
-                // theme: "vs-dark",
-                theme: "myCoolTheme",
-                fontSize: this.state.cmFontSize
-                
-            });
-
-            window.editor_monaco = editor;
-            this.editor_monaco = editor
-            
-            // editor.setPosition({ lineNumber: 2, column: 30 });
-
-            // editor.model.onDidChangeContent((event) => {
-            //     if (notCallCodeMirrorOnChangeFlag === true) {
-            //         notCallCodeMirrorOnChangeFlag = false
-            //         return;
-            //     }
-            //     this.props.onRepositoryCodeUpdate(editor.getValue())
-            // });
-
-            editor.onDidChangeModelContent((event) => {
-                if (notCallCodeMirrorOnChangeFlag === true) {
-                    notCallCodeMirrorOnChangeFlag = false
-                    return;
-                }
-                this.props.onRepositoryCodeUpdate(editor.getValue())
-            })
-            this.props.codemirrorDidMount && this.props.codemirrorDidMount()
-            
-            if(this.props.shixun.forbid_copy == true) {
-                // 禁用粘贴
-                // https://github.com/Microsoft/monaco-editor/issues/100
-                window.editor_monaco.onDidPaste( (a, b, c) => { window.__pastePosition = a })
-                window.addEventListener('paste', (a, b, c) => { 
-                    const selection = window.editor_monaco.getSelection(); 
-                    const range = new monaco.Range( 
-                        window.__pastePosition.startLineNumber || selection.endLineNumber, 
-                        window.__pastePosition.startColumn || selection.endColumn, 
-                        window.__pastePosition.endLineNumber || selection.endLineNumber, 
-                        window.__pastePosition.endColumn || selection.endColumn,); 
-                    window.editor_monaco.executeEdits('', [{range, text: ''}] )
-
-                })  
-
-                // 禁用复制
-                window.editor_monaco.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_C, () => null);
-            }
-             
-
-            setTimeout(() => {
-                editor.layout();
-                editor.focus();
-            }, 600)
-
-            
-        })
-
-        window.document.onkeydown = (e) => { 
-            e = window.event || e;
-            if(e.keyCode== 83 && e.ctrlKey){ 
-            /*延迟，兼容FF浏览器  */
-                // setTimeout(function(){
-                    // alert('ctrl+s'); 
-                // },1); 
-                this.props.doFileUpdateRequestOnCodeMirrorBlur();
-                return false;      
-            }    
-        };
-    }
-    onFontSizeChange = (value) => {
-        toStore('cmFontSize', value)
-        this.editor_monaco.updateOptions({fontSize: value})
-
-        this.setState({ cmFontSize: value });
-    }
-    onAutoCompleteSwitchChange = () => {
-
-    }
-	render() {
-		const { repositoryCode, showSettingDrawer, settingDrawerOpen } = this.props;
-		const { cmFontSize } = this.state;
-         
-	    return (
-            <React.Fragment>
-                <Drawer
-                    anchor="right"
-
-                    className="settingDrawer"
-
-                    width={260}
-                    open={settingDrawerOpen}
-                    
-                    onClose={() => showSettingDrawer( false )}
-                >
-                    <TPICodeSetting {...this.props} {...this.state} 
-                        onFontSizeChange={this.onFontSizeChange}
-                        onAutoCompleteSwitchChange={this.onAutoCompleteSwitchChange}
-                         ></TPICodeSetting>
-                </Drawer>
-                <div className = "" id="extend-challenge-file-edit" name="content"
-                    style={{ width: '100%', height: '100%', border:'1px solid grey' }}></div>
-            </React.Fragment>
-	    );
-  	}
-}
-
-
-export default ( TPIMonaco ) ;
-
-
-
-/**
-// http://testeduplus2.educoder.net/react/build/static/node_modules/
-    _monaco-editor@0.15.6@monaco-editor/esm/vs/editor/common/config/editorOptions.js
-export var EDITOR_DEFAULTS = {
-    inDiffEditor: false,
-    wordSeparators: USUAL_WORD_SEPARATORS,
-    lineNumbersMinChars: 5,
-    lineDecorationsWidth: 10,
-    readOnly: false,
-    mouseStyle: 'text',
-    disableLayerHinting: false,
-    automaticLayout: false,
-    wordWrap: 'off',
-    wordWrapColumn: 80,
-    wordWrapMinified: true,
-    wrappingIndent: 1 
-    wordWrapBreakBeforeCharacters: '([{‘“〈《「『【〔（［｛｢£¥＄￡￥+＋',
-    wordWrapBreakAfterCharacters: ' \t})]?|&,;¢°′″‰℃、。｡､￠，．：；？！％・･ゝゞヽヾーァィゥェォッャュョヮヵヶぁぃぅぇぉっゃゅょゎゕゖㇰㇱㇲㇳㇴㇵㇶㇷㇸㇹㇺㇻㇼㇽㇾㇿ々〻ｧｨｩｪｫｬｭｮｯｰ”〉》」』】〕）］｝｣',
-    wordWrapBreakObtrusiveCharacters: '.',
-    autoClosingBrackets: 'languageDefined',
-    autoClosingQuotes: 'languageDefined',
-    autoSurround: 'languageDefined',
-    autoIndent: true,
-    dragAndDrop: true,
-    emptySelectionClipboard: true,
-    copyWithSyntaxHighlighting: true,
-    useTabStops: true,
-    multiCursorModifier: 'altKey',
-    multiCursorMergeOverlapping: true,
-    accessibilitySupport: 'auto',
-    showUnused: true,
-    viewInfo: {
-        extraEditorClassName: '',
-        disableMonospaceOptimizations: false,
-        rulers: [],
-        ariaLabel: nls.localize('editorViewAccessibleLabel', "Editor content"),
-        renderLineNumbers: 1 // On ,
-        renderCustomLineNumbers: null,
-        selectOnLineNumbers: true,
-        glyphMargin: true,
-        revealHorizontalRightPadding: 30,
-        roundedSelection: true,
-        overviewRulerLanes: 2,
-        overviewRulerBorder: true,
-        cursorBlinking: 1 /* Blink ,
-        mouseWheelZoom: false,
-        cursorStyle: TextEditorCursorStyle.Line,
-        cursorWidth: 0,
-        hideCursorInOverviewRuler: false,
-        scrollBeyondLastLine: true,
-        scrollBeyondLastColumn: 5,
-        smoothScrolling: false,
-        stopRenderingLineAfter: 10000,
-        renderWhitespace: 'none',
-        renderControlCharacters: false,
-        fontLigatures: false,
-        renderIndentGuides: true,
-        highlightActiveIndentGuide: true,
-        renderLineHighlight: 'line',
-        scrollbar: {
-            vertical: 1 /* Auto ,
-            horizontal: 1 /* Auto ,
-            arrowSize: 11,
-            useShadows: true,
-            verticalHasArrows: false,
-            horizontalHasArrows: false,
-            horizontalScrollbarSize: 10,
-            horizontalSliderSize: 10,
-            verticalScrollbarSize: 14,
-            verticalSliderSize: 14,
-            handleMouseWheel: true,
-            mouseWheelScrollSensitivity: 1,
-        },
-        minimap: {
-            enabled: true,
-            side: 'right',
-            showSlider: 'mouseover',
-            renderCharacters: true,
-            maxColumn: 120
-        },
-        fixedOverflowWidgets: false,
-    },
-    contribInfo: {
-        selectionClipboard: true,
-        hover: {
-            enabled: true,
-            delay: 300,
-            sticky: true
-        },
-        links: true,
-        contextmenu: true,
-        quickSuggestions: { other: true, comments: false, strings: false },
-        quickSuggestionsDelay: 10,
-        parameterHints: {
-            enabled: true,
-            cycle: false
-        },
-        iconsInSuggestions: true,
-        formatOnType: false,
-        formatOnPaste: false,
-        suggestOnTriggerCharacters: true,
-        acceptSuggestionOnEnter: 'on',
-        acceptSuggestionOnCommitCharacter: true,
-        wordBasedSuggestions: true,
-        suggestSelection: 'recentlyUsed',
-        suggestFontSize: 0,
-        suggestLineHeight: 0,
-        tabCompletion: 'off',
-        suggest: {
-            filterGraceful: true,
-            snippets: 'inline',
-            snippetsPreventQuickSuggestions: true,
-            localityBonus: false
-        },
-        selectionHighlight: true,
-        occurrencesHighlight: true,
-        codeLens: true,
-        folding: true,
-        foldingStrategy: 'auto',
-        showFoldingControls: 'mouseover',
-        matchBrackets: true,
-        find: {
-            seedSearchStringFromSelection: true,
-            autoFindInSelection: false,
-            globalFindClipboard: false
-        },
-        colorDecorators: true,
-        lightbulbEnabled: true,
-        codeActionsOnSave: {},
-        codeActionsOnSaveTimeout: 750
-    },
-};
-
-
+import React, { Component } from 'react';
+
+import Dialog, {
+  DialogActions,
+  DialogContent,
+  DialogContentText,
+  DialogTitle,
+} from 'material-ui/Dialog';
+import _ from 'lodash'
+import Drawer from 'material-ui/Drawer';
+
+import './TPIMonaco.css'
+import TPICodeSetting from '../TPICodeSetting'
+
+import * as monaco from 'monaco-editor'
+
+
+import { fromStore, toStore } from 'educoder'
+import './TPIMonacoConfig'
+monaco.editor.defineTheme('myCoolTheme', {
+      base: 'vs-dark',
+      inherit: true,
+      rules: [       
+        { token: 'green', background: 'FF0000', foreground: '00FF00', fontStyle: 'italic'},
+        { token: 'red', foreground: 'FF0000' , fontStyle: 'bold underline'},
+        { background: '#121c23' },
+        // { foreground: 'FFFFFF' }
+      ],
+      // editor_monaco._themeService._knownThemes.get('myCoolTheme')
+      colors: {
+        // 'editor.foreground': '#FFFFFF',
+        'editor.background': '#121c23',
+
+        // 'editor.selectionHighlightBorder': '#ffffff',
+        // 'input.border': '#ffffff',
+        'editor.lineHighlightBorder': '#222c34',        // .current-line
+        
+      }
+});
+
+const $ = window.$;
+function loadMonacoResouce(callback) {
+    let _url_origin = ``;
+    let prefix = 'react/build'
+    if (window.location.port == 3007) {
+        prefix = ''
+    } else {
+        // _url_origin = `https://testeduplus2.educoder.net/`;
+		   	_url_origin  = 'http://47.96.87.25:48080';
+    }
+    const $ = window.$;
+
+    if (!window['monaco']) {
+        // How to import this library in a create-react-app?
+        // https://github.com/Microsoft/monaco-editor/issues/82
+        // window.require = { paths: { 'vs': '../node_modules/monaco-editor/min/vs' } };
+        // window.require = { paths: { 'vs': `${_url_origin}${prefix}/js/monaco/vs` } };
+       
+        // $('head').append($('<link rel="stylesheet" type="text/css" />')
+        //     .attr('href', `${_url_origin}${prefix}/js/monaco/vs/editor/editor.main.css`));
+
+        // $.ajaxSetup({
+        //     cache: true
+        // });
+        // $.when(
+            
+        //     // $.getScript( `${_url_origin}${prefix}/js/monaco/vs/language/typescript/tsMode.js` ),
+        //     // $.getScript( `${_url_origin}${prefix}/js/monaco/vs/basic-languages/javascript/javascript.js` ),
+        //     $.getScript( `${_url_origin}${prefix}/js/monaco/vs/basic-languages/python/python.js` ),
+        //     // $.getScript( `${_url_origin}${prefix}/js/monaco/vs/language/typescript/tsWorker.js` ),
+
+        //     $.getScript(  `${_url_origin}${prefix}/js/monaco/vs/loader.js` ),
+        //     $.getScript( `${_url_origin}${prefix}/js/monaco/vs/editor/editor.main.nls.js` ),
+        //     $.getScript( `${_url_origin}${prefix}/js/monaco/vs/editor/editor.main.js` ),
+        //     $.Deferred(function( deferred ){
+        //         console.log('Deferred')
+                
+        //         // TODO 暂时放这里
+        //         $( deferred.resolve );
+        //         checkIfLoaded(callback);
+
+        //     })
+        // ).done(function(){
+        //     debugger;
+        //     // TODO 没执行到这里
+        //     console.log('done done done ')
+        //     //place your code here, the scripts are all loaded
+        //     // callback && callback()
+        // });
+
+        // require.config({ paths: { 'vs': `/monaco/vs` }});
+
+        // require(['/vs/editor/editor.main'], function() {
+            callback && callback()
+            var editor = monaco.editor.create(document.getElementById('container'), {
+                value: [
+                    'function x() {',
+                    '\tconsole.log("Hello world!");',
+                    '}'
+                ].join('\n'),
+                language: 'javascript'
+            });
+        // });
+
+    } else {
+        callback && callback()
+    }
+}
+function checkIfLoaded (callback) {
+    if (window.monaco && window.monaco.editor) {
+        $.ajaxSetup({
+            cache: false
+        });
+        callback && callback()
+    } else {
+        console.log('check again 2s later..')
+        setTimeout(() => {
+            checkIfLoaded(callback)
+        }, 2000);
+    }
+}
+
+/*
+    language  
+    javascript css less scss html typescript
+    java ruby vb r python php perl go cpp csharp
+    sql pgsql mysql
+    swift objective-c
+    shell
+    redis
+    xml yaml
+    markdown
+
+    'JFinal': 'text/x-java',
+    'Java': 'text/x-java',
+    'Kotlin': 'text/x-kotlin',
+    'C/C++' : 'text/x-c++src',
+    'MachineLearning': {
+                name: "python",
+                version: 3,
+                singleLineStringErrors: false
+    },
+    'Python2.7': {
+                name: "python",
+                version: 3,
+                singleLineStringErrors: false
+    },
+    'Python3.6': {
+                name: "python",
+                version: 3,
+                singleLineStringErrors: false
+    },
+*/ 
+const mirror2LanguageMap = {
+    'JFinal': 'java',
+    'Java': 'java',
+    'Kotlin': 'java',
+
+    'Html': 'html',
+    'Css': 'css',
+    'Javascript': 'javascript',
+
+    'C/C++': 'cpp',
+    'MachineLearning': 'python',
+    'Python2.7': 'python',
+    'Python3.6': 'python',
+
+    'C#': 'csharp',
+    'R': 'r'
+
+}
+function getLanguageByMirrorName(mirror_name) {
+    let lang = 'javascript'
+    if (mirror_name && mirror_name.length) {
+        // 需要倒着遍历， html、css的实训，主评测语言环境是python，小类别是html或css
+        for (let i = mirror_name.length - 1; i >= 0; i--) {
+            let languageVal = mirror2LanguageMap[mirror_name[i]];
+            if (languageVal) {
+                lang = languageVal;
+                break;
+            }
+        }
+    }
+    return lang;
+}
+
+let notCallCodeMirrorOnChangeFlag = false;
+class TPIMonaco extends Component {
+
+	constructor(props) {
+		super(props)
+
+        loadMonacoResouce();
+		this.state = {
+            cmFontSize: fromStore('cmFontSize', 16),
+            autoCompleteSwitch: fromStore('autoCompleteSwitch', true),
+		}
+	}
+    
+	componentDidUpdate(prevProps, prevState, snapshot) {
+        const { game, mirror_name } = this.props
+        const editor_monaco = this.editor_monaco;
+        if (editor_monaco && !_.isEqual(prevProps.mirror_name, mirror_name)) {
+            // TODO 后期考虑加入，根据文件类型的不同，使用不同的lang
+            const lang = getLanguageByMirrorName(mirror_name);
+            // https://github.com/Microsoft/monaco-editor/issues/539
+            window.monaco.editor.setModelLanguage(editor_monaco.getModel(), lang)
+        } else if (prevProps.isEditablePath != this.props.isEditablePath) {
+            if (this.props.isEditablePath) {
+                editor_monaco.updateOptions({readOnly: false})
+            } else {
+                editor_monaco.updateOptions({readOnly: true})
+            }
+        
+        } else if (editor_monaco && prevProps.codeLoading === true && this.props.codeLoading === false 
+                ) {
+            if (this.props.repositoryCode != editor_monaco.getValue()) {
+                // newProps.repositoryCode !== this.props.repositoryCode && 
+                notCallCodeMirrorOnChangeFlag = true;
+                
+                // 重要：setState(因获取代码、重置代码等接口引起的调用)调用引起的变化才需要setValue
+                editor_monaco.setValue(this.props.repositoryCode)
+            }
+            // 代码没变也需要layout，可能从命令行自动切回了代码tab
+            editor_monaco.layout();
+
+            // Clears the editor's undo history.
+            // TODO
+            // extend_editor.clearHistory()
+        } 
+    }
+	componentDidMount() {
+        checkIfLoaded(() => {
+            let value = [
+                'define([], function() {',
+                '\treturn ({p1, p2}) => {',
+                '\t\treturn Promise.resolve("Hello, World");',
+                '\t};',
+                '});'
+            ].join('\n');
+            // value = [
+            //         'function x() {',
+            //         '\tconsole.log("Hello world!");',
+            //         '}'
+            //     ].join('\n'),
+            value =  "<h1>Hello</h1>↵<!-- ********* Begin ********* -->↵    ↵    ↵<!-- ********* End ********* -->"
+
+            value = this.props.repositoryCode
+
+            const height =  $('#games_repository_contents').height() - 40
+            const width =  $('#games_repository_contents').width()
+
+            $('#codetab_con_1').height(height)
+
+            const lang = getLanguageByMirrorName(this.props.mirror_name);
+            const editor = window.monaco.editor.create(document.getElementById('extend-challenge-file-edit'), {
+                value: value,
+                // 属性说明
+                // http://testeduplus2.educoder.net/react/build/static/node_modules/_monaco-editor@0.15.6@monaco-editor/esm/vs/editor/common/config/commonEditorConfig.js
+                // https://github.com/Microsoft/monaco-editor/issues/29
+                scrollBeyondLastLine: false,
+ 
+                language: lang,
+                // language: 'css',
+
+                // theme: "vs-dark",
+                theme: "myCoolTheme",
+                fontSize: this.state.cmFontSize
+                
+            });
+
+            window.editor_monaco = editor;
+            this.editor_monaco = editor
+            
+            // editor.setPosition({ lineNumber: 2, column: 30 });
+
+            // editor.model.onDidChangeContent((event) => {
+            //     if (notCallCodeMirrorOnChangeFlag === true) {
+            //         notCallCodeMirrorOnChangeFlag = false
+            //         return;
+            //     }
+            //     this.props.onRepositoryCodeUpdate(editor.getValue())
+            // });
+
+            editor.onDidChangeModelContent((event) => {
+                if (notCallCodeMirrorOnChangeFlag === true) {
+                    notCallCodeMirrorOnChangeFlag = false
+                    return;
+                }
+                this.props.onRepositoryCodeUpdate(editor.getValue())
+            })
+            this.props.codemirrorDidMount && this.props.codemirrorDidMount()
+            
+            if(this.props.shixun.forbid_copy == true) {
+                // 禁用粘贴
+                // https://github.com/Microsoft/monaco-editor/issues/100
+                window.editor_monaco.onDidPaste( (a, b, c) => { window.__pastePosition = a })
+                window.addEventListener('paste', (a, b, c) => { 
+                    const selection = window.editor_monaco.getSelection(); 
+                    const range = new monaco.Range( 
+                        window.__pastePosition.startLineNumber || selection.endLineNumber, 
+                        window.__pastePosition.startColumn || selection.endColumn, 
+                        window.__pastePosition.endLineNumber || selection.endLineNumber, 
+                        window.__pastePosition.endColumn || selection.endColumn,); 
+                    window.editor_monaco.executeEdits('', [{range, text: ''}] )
+
+                })  
+
+                // 禁用复制
+                window.editor_monaco.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_C, () => null);
+            }
+             
+
+            setTimeout(() => {
+                editor.layout();
+                editor.focus();
+            }, 600)
+
+            
+        })
+
+        window.document.onkeydown = (e) => { 
+            e = window.event || e;
+            if(e.keyCode== 83 && e.ctrlKey){ 
+            /*延迟，兼容FF浏览器  */
+                // setTimeout(function(){
+                    // alert('ctrl+s'); 
+                // },1); 
+                this.props.doFileUpdateRequestOnCodeMirrorBlur();
+                return false;      
+            }    
+        };
+    }
+    onFontSizeChange = (value) => {
+        toStore('cmFontSize', value)
+        this.editor_monaco.updateOptions({fontSize: value})
+
+        this.setState({ cmFontSize: value });
+    }
+    onAutoCompleteSwitchChange = () => {
+
+    }
+	render() {
+		const { repositoryCode, showSettingDrawer, settingDrawerOpen } = this.props;
+		const { cmFontSize } = this.state;
+         
+	    return (
+            <React.Fragment>
+                <Drawer
+                    anchor="right"
+
+                    className="settingDrawer"
+
+                    width={260}
+                    open={settingDrawerOpen}
+                    
+                    onClose={() => showSettingDrawer( false )}
+                >
+                    <TPICodeSetting {...this.props} {...this.state} 
+                        onFontSizeChange={this.onFontSizeChange}
+                        onAutoCompleteSwitchChange={this.onAutoCompleteSwitchChange}
+                         ></TPICodeSetting>
+                </Drawer>
+                <div className = "" id="extend-challenge-file-edit" name="content"
+                    style={{ width: '100%', height: '100%', border:'1px solid grey' }}></div>
+            </React.Fragment>
+	    );
+  	}
+}
+
+
+export default ( TPIMonaco ) ;
+
+
+
+/**
+// http://testeduplus2.educoder.net/react/build/static/node_modules/
+    _monaco-editor@0.15.6@monaco-editor/esm/vs/editor/common/config/editorOptions.js
+export var EDITOR_DEFAULTS = {
+    inDiffEditor: false,
+    wordSeparators: USUAL_WORD_SEPARATORS,
+    lineNumbersMinChars: 5,
+    lineDecorationsWidth: 10,
+    readOnly: false,
+    mouseStyle: 'text',
+    disableLayerHinting: false,
+    automaticLayout: false,
+    wordWrap: 'off',
+    wordWrapColumn: 80,
+    wordWrapMinified: true,
+    wrappingIndent: 1 
+    wordWrapBreakBeforeCharacters: '([{‘“〈《「『【〔（［｛｢£¥＄￡￥+＋',
+    wordWrapBreakAfterCharacters: ' \t})]?|&,;¢°′″‰℃、。｡､￠，．：；？！％・･ゝゞヽヾーァィゥェォッャュョヮヵヶぁぃぅぇぉっゃゅょゎゕゖㇰㇱㇲㇳㇴㇵㇶㇷㇸㇹㇺㇻㇼㇽㇾㇿ々〻ｧｨｩｪｫｬｭｮｯｰ”〉》」』】〕）］｝｣',
+    wordWrapBreakObtrusiveCharacters: '.',
+    autoClosingBrackets: 'languageDefined',
+    autoClosingQuotes: 'languageDefined',
+    autoSurround: 'languageDefined',
+    autoIndent: true,
+    dragAndDrop: true,
+    emptySelectionClipboard: true,
+    copyWithSyntaxHighlighting: true,
+    useTabStops: true,
+    multiCursorModifier: 'altKey',
+    multiCursorMergeOverlapping: true,
+    accessibilitySupport: 'auto',
+    showUnused: true,
+    viewInfo: {
+        extraEditorClassName: '',
+        disableMonospaceOptimizations: false,
+        rulers: [],
+        ariaLabel: nls.localize('editorViewAccessibleLabel', "Editor content"),
+        renderLineNumbers: 1 // On ,
+        renderCustomLineNumbers: null,
+        selectOnLineNumbers: true,
+        glyphMargin: true,
+        revealHorizontalRightPadding: 30,
+        roundedSelection: true,
+        overviewRulerLanes: 2,
+        overviewRulerBorder: true,
+        cursorBlinking: 1 /* Blink ,
+        mouseWheelZoom: false,
+        cursorStyle: TextEditorCursorStyle.Line,
+        cursorWidth: 0,
+        hideCursorInOverviewRuler: false,
+        scrollBeyondLastLine: true,
+        scrollBeyondLastColumn: 5,
+        smoothScrolling: false,
+        stopRenderingLineAfter: 10000,
+        renderWhitespace: 'none',
+        renderControlCharacters: false,
+        fontLigatures: false,
+        renderIndentGuides: true,
+        highlightActiveIndentGuide: true,
+        renderLineHighlight: 'line',
+        scrollbar: {
+            vertical: 1 /* Auto ,
+            horizontal: 1 /* Auto ,
+            arrowSize: 11,
+            useShadows: true,
+            verticalHasArrows: false,
+            horizontalHasArrows: false,
+            horizontalScrollbarSize: 10,
+            horizontalSliderSize: 10,
+            verticalScrollbarSize: 14,
+            verticalSliderSize: 14,
+            handleMouseWheel: true,
+            mouseWheelScrollSensitivity: 1,
+        },
+        minimap: {
+            enabled: true,
+            side: 'right',
+            showSlider: 'mouseover',
+            renderCharacters: true,
+            maxColumn: 120
+        },
+        fixedOverflowWidgets: false,
+    },
+    contribInfo: {
+        selectionClipboard: true,
+        hover: {
+            enabled: true,
+            delay: 300,
+            sticky: true
+        },
+        links: true,
+        contextmenu: true,
+        quickSuggestions: { other: true, comments: false, strings: false },
+        quickSuggestionsDelay: 10,
+        parameterHints: {
+            enabled: true,
+            cycle: false
+        },
+        iconsInSuggestions: true,
+        formatOnType: false,
+        formatOnPaste: false,
+        suggestOnTriggerCharacters: true,
+        acceptSuggestionOnEnter: 'on',
+        acceptSuggestionOnCommitCharacter: true,
+        wordBasedSuggestions: true,
+        suggestSelection: 'recentlyUsed',
+        suggestFontSize: 0,
+        suggestLineHeight: 0,
+        tabCompletion: 'off',
+        suggest: {
+            filterGraceful: true,
+            snippets: 'inline',
+            snippetsPreventQuickSuggestions: true,
+            localityBonus: false
+        },
+        selectionHighlight: true,
+        occurrencesHighlight: true,
+        codeLens: true,
+        folding: true,
+        foldingStrategy: 'auto',
+        showFoldingControls: 'mouseover',
+        matchBrackets: true,
+        find: {
+            seedSearchStringFromSelection: true,
+            autoFindInSelection: false,
+            globalFindClipboard: false
+        },
+        colorDecorators: true,
+        lightbulbEnabled: true,
+        codeActionsOnSave: {},
+        codeActionsOnSaveTimeout: 750
+    },
+};
+
+
  */
\ No newline at end of file
diff --git a/public/react/src/modules/page/main/Webssh.js b/public/react/src/modules/page/main/Webssh.js
index 9a052b6cf..c706085d4 100644
--- a/public/react/src/modules/page/main/Webssh.js
+++ b/public/react/src/modules/page/main/Webssh.js
@@ -1,74 +1,75 @@
-import React, { Component } from 'react';
-
-export function loadSshScript(callback) {
-    let _url_origin = ``;
-    let prefix = 'react/build'
-    if (window.location.port == 3007) {
-        prefix = ''
-    } else {
-        _url_origin = `https://testeduplus2.educoder.net/`;
-    }
-    const $ = window.$;
-    // 未加载过
-    if (!window['Terminal']) {
-        // /js/js_min_all.
-        $('head').append($('<link rel="stylesheet" type="text/css" />')
-            .attr('href', `${_url_origin}${prefix}/js/xterm/xterm.css`));
-
-        // $.getScript(
-        // `${_url_origin}${prefix}/js/xterm/xterm.js`,
-        //     (data, textStatus, jqxhr) => {
-        // });
-        // $.getScript(
-        // `${_url_origin}${prefix}/js/jsFromMiddleLayer/base64.js`,
-        //     (data, textStatus, jqxhr) => {
-        // });
-        // $.getScript(
-        //     `${_url_origin}${prefix}/js/jsFromMiddleLayer/ws.js`,
-        //     (data, textStatus, jqxhr) => {
-        //         $.getScript(
-        //             `${_url_origin}${prefix}/js/jsFromMiddleLayer/main.js`,
-        //                 (data, textStatus, jqxhr) => {
-        //             callback && callback()
-        //         });
-        // });
-
-        $.when(
-            $.getScript( `${_url_origin}${prefix}/js/xterm/xterm.js` ),
-            $.getScript(  `${_url_origin}${prefix}/js/jsFromMiddleLayer/base64.js` ),
-            $.getScript( `${_url_origin}${prefix}/js/jsFromMiddleLayer/ws.js` ),
-            $.getScript( `${_url_origin}${prefix}/js/jsFromMiddleLayer/main.js` ),
-            $.Deferred(function( deferred ){
-                $( deferred.resolve );
-            })
-        ).done(function(){
-            //place your code here, the scripts are all loaded
-            callback && callback()
-        });
-    } else {
-        callback && callback()
-    }
-}
-
-export function openTerminal(props, parentDomId) {
-    const { game_id, host, password, port, username, webssh_url, ws_url,
-            rows, cols, width, height} = props;
-
-    var options = {
-        host: host,
-        port: port,
-        username: username,
-        secret: password,
-        gameid: game_id,
-        rows: rows,
-        columns: cols,
-        width,
-        height,
-        parentDomId,
-        // tab: $("#terminalTab").val(),
-    }
-    window.g_websocket_url = ws_url;
-    // TODO 加一个parentDomId 来做多ssh tab
-    window.openTerminal(options)
-}
-
+import React, { Component } from 'react';
+
+export function loadSshScript(callback) {
+    let _url_origin = ``;
+    let prefix = 'react/build'
+    if (window.location.port == 3007) {
+        prefix = ''
+    } else {
+        // _url_origin = `https://testeduplus2.educoder.net/`;
+			  _url_origin  = 'http://47.96.87.25:48080';
+    }
+    const $ = window.$;
+    // 未加载过
+    if (!window['Terminal']) {
+        // /js/js_min_all.
+        $('head').append($('<link rel="stylesheet" type="text/css" />')
+            .attr('href', `${_url_origin}${prefix}/js/xterm/xterm.css`));
+
+        // $.getScript(
+        // `${_url_origin}${prefix}/js/xterm/xterm.js`,
+        //     (data, textStatus, jqxhr) => {
+        // });
+        // $.getScript(
+        // `${_url_origin}${prefix}/js/jsFromMiddleLayer/base64.js`,
+        //     (data, textStatus, jqxhr) => {
+        // });
+        // $.getScript(
+        //     `${_url_origin}${prefix}/js/jsFromMiddleLayer/ws.js`,
+        //     (data, textStatus, jqxhr) => {
+        //         $.getScript(
+        //             `${_url_origin}${prefix}/js/jsFromMiddleLayer/main.js`,
+        //                 (data, textStatus, jqxhr) => {
+        //             callback && callback()
+        //         });
+        // });
+
+        $.when(
+            $.getScript( `${_url_origin}${prefix}/js/xterm/xterm.js` ),
+            $.getScript(  `${_url_origin}${prefix}/js/jsFromMiddleLayer/base64.js` ),
+            $.getScript( `${_url_origin}${prefix}/js/jsFromMiddleLayer/ws.js` ),
+            $.getScript( `${_url_origin}${prefix}/js/jsFromMiddleLayer/main.js` ),
+            $.Deferred(function( deferred ){
+                $( deferred.resolve );
+            })
+        ).done(function(){
+            //place your code here, the scripts are all loaded
+            callback && callback()
+        });
+    } else {
+        callback && callback()
+    }
+}
+
+export function openTerminal(props, parentDomId) {
+    const { game_id, host, password, port, username, webssh_url, ws_url,
+            rows, cols, width, height} = props;
+
+    var options = {
+        host: host,
+        port: port,
+        username: username,
+        secret: password,
+        gameid: game_id,
+        rows: rows,
+        columns: cols,
+        width,
+        height,
+        parentDomId,
+        // tab: $("#terminalTab").val(),
+    }
+    window.g_websocket_url = ws_url;
+    // TODO 加一个parentDomId 来做多ssh tab
+    window.openTerminal(options)
+}
+
diff --git a/public/react/src/modules/tpm/TPMIndexHOC.js b/public/react/src/modules/tpm/TPMIndexHOC.js
index 1bdc505c3..e44fb4145 100644
--- a/public/react/src/modules/tpm/TPMIndexHOC.js
+++ b/public/react/src/modules/tpm/TPMIndexHOC.js
@@ -18,7 +18,7 @@ import Trialapplication from "../login/Trialapplication";
 const $ = window.$;
 const versionNum = '0001';
 // let _url_origin = getUrl()
-let _url_origin=`https://testeduplus2.educoder.net`;
+let _url_origin=``;
 // let _url_origin=`https://www.educoder.net`;
 
 if (!window['indexHOCLoaded']) {
@@ -28,16 +28,13 @@ if (!window['indexHOCLoaded']) {
   // $('head').append($('<link rel="stylesheet" type="text/css" />')
   //     .attr('href', `${_url_origin}/stylesheets/educoder/antd.min.css?1525440977`));
   $('head').append($('<link rel="stylesheet" type="text/css" />')
-      .attr('href', `${_url_origin}/stylesheets/css/edu-common.css?1525440977`));
+      .attr('href', `/stylesheets/css/edu-common.css?1525440977`));
 
   $('head').append($('<link rel="stylesheet" type="text/css" />')
-      .attr('href', `${_url_origin}/stylesheets/css/edu-common.css?1525440977`));
-
-  $('head').append($('<link rel="stylesheet" type="text/css" />')
-      .attr('href', `${_url_origin}/stylesheets/educoder/edu-main.css?1525440977`));
+      .attr('href', `/stylesheets/educoder/edu-main.css?1525440977`));
 
     $('head').append($('<link rel="stylesheet" type="text/css" />')
-        .attr('href', `${_url_origin}/stylesheets/educoder/edu-all.css?1525440977`));
+        .attr('href', `/stylesheets/educoder/edu-all.css?1525440977`));
 
   // $('head').append($('<link rel="stylesheet" type="text/css" />')
   //       .attr('href', `${_url_origin}/stylesheets/educoder/css_min_all.css?1525440977`));