<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>{{.i18n.wide}}</title>
        <link rel="stylesheet" href="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/codemirror.css">
        <link rel="stylesheet" href="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/addon/hint/show-hint.css">
        <link rel="stylesheet" href="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/addon/lint/lint.css">
        <link rel="stylesheet" href="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/addon/display/fullscreen.css">
        <link rel="stylesheet" href="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/addon/fold/foldgutter.css">
        <link rel="stylesheet" href="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/theme/lesser-dark.css">

        <link rel="stylesheet" href="{{.Wide.StaticServer}}/static/js/lib/ztree/zTreeStyle.css">

        <link rel="stylesheet" href="{{.Wide.StaticServer}}/static/css/base.css?{{.Wide.StaticResourceVersion}}">
        <link rel="stylesheet" href="{{.Wide.StaticServer}}/static/css/side.css?{{.Wide.StaticResourceVersion}}">
    </head>
    <body>
        <div class="menu fn-clear">
            <ul class="fn-cleaer">
                <li>
                    <span>{{.i18n.file}}</span>
                    <div class="frame">
                        <ul>
                            <li>
                                <a href="/doc/{{.locale}}/index.html" target="_blank">{{.i18n.file}}</a>
                            </li>
                            <li>
                                <a href="/doc/{{.locale}}/index.html" target="_blank">{{.i18n.file}}</a>
                            </li>
                            <li>
                                <a href="/doc/{{.locale}}/index.html" target="_blank">{{.i18n.file}}</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <span>{{.i18n.run}}</span>
                    <div class="frame">
                        <ul>
                            <li>
                                <span>{{.i18n.run}}</span>
                            </li>
                            <li>
                                <span>{{.i18n.run}}</span>
                            </li>
                            <li>
                                <span>{{.i18n.run}}</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <span>{{.i18n.debug}}</span>
                    <div class="frame">
                        <ul>
                            <li>
                                <span>{{.i18n.run}}</span>
                            </li>
                            <li>
                                <span>{{.i18n.run}}</span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <a href="/doc/{{.locale}}/index.html" target="_blank">{{.i18n.help}}</a>
                </li>
            </ul>

            <div class="toolbars fn-right">
                <button onclick="wide.run()">{{.i18n.build_n_run}}</button>
                <button onclick="wide.save()">{{.i18n.save}}</button>
                <button onclick="wide.fmt()">{{.i18n.format}}</button>
                <button onclick="wide.goget()">{{.i18n.goget}}</button>
                <button onclick="wide.goinstall()">{{.i18n.goinstall}}</button>
                <span class="fn-none ico-fullscreen" onclick="editors.fullscreen()">{{.i18n.full_screen}}</span>
            </div>
        </div>

        <div class="content">
            <div class="side">
                <div class="side-1">
                    <ul id="files" class="ztree"></ul>

                    <!-- 目录右键菜单 -->
                    <div id="dirRMenu" class="frame">
                        <ul>
                            <li onclick="tree.newFile();">{{.i18n.create_file}}</li>
                            <li onclick="tree.newDir();">{{.i18n.create_dir}}</li>
                            <li onclick="tree.removeIt();">{{.i18n.delete}}</li>
                        </ul>
                    </div>

                    <!-- 文件右键菜单 -->
                    <div id="fileRMenu" class="frame">
                        <ul>
                            <li onclick="tree.removeIt();">{{.i18n.delete}}</li>
                        </ul>
                    </div>
                </div>
                <div class="side-2">
                </div>
            </div>

            <div class="main">
                <div class="edit-panel">
                    <div class="edit-header fn-clear">
                        <div class="tabs fn-left"></div>
                    </div>
                    <div class="tabs-panel"></div>
                </div>

                <div class="output">
                    <div class="tabs">
                        <div class="current" data-index="files_3">
                            <span title="Output">Output</span>
                            <span class="ico-close">X</span>
                        </div>
                    </div>
                    <div class="tabs-panel">
                        <textarea id="output"></textarea>
                    </div>
                </div>
            </div>
        </div>

        <div class="footer">
            |
        </div>

        <script type="text/javascript">
            var config = {
                channel: {
                    editor: '{{.Wide.EditorChannel}}',
                    shell: '{{.Wide.ShellChannel}}',
                    output: '{{.Wide.OutputChannel}}'
                }
            };
        </script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/jquery-2.1.1.min.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/reconnecting-websocket.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/ztree/jquery.ztree.all-3.5.min.js"></script>                
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/underscore.string-2.3.3/underscore.string.min.js"></script>

        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/codemirror.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/addon/lint/lint.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/addon/lint/json-lint.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/addon/selection/active-line.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/addon/hint/show-hint.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/addon/hint/anyword-hint.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/addon/display/fullscreen.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/addon/display/rulers.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/addon/edit/closebrackets.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/addon/edit/closetag.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/addon/search/searchcursor.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/addon/search/match-highlighter.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/addon/fold/foldcode.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/addon/fold/foldgutter.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/addon/fold/brace-fold.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/addon/fold/xml-fold.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/addon/fold/markdown-fold.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/addon/fold/comment-fold.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/mode/go/go.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/mode/xml/xml.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/mode/htmlmixed/htmlmixed.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/mode/javascript/javascript.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/mode/markdown/markdown.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/mode/css/css.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/mode/shell/shell.js"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lib/codemirror-4.5/mode/sql/sql.js"></script>

        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lint/json-lint.js?{{.Wide.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/lint/go-lint.js?{{.Wide.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/tabs.js?{{.Wide.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/editor.js?{{.Wide.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/tree.js?{{.Wide.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/wide.js?{{.Wide.StaticResourceVersion}}"></script>
        <script type="text/javascript" src="{{.Wide.StaticServer}}/static/js/menu.js?{{.Wide.StaticResourceVersion}}"></script>
    </body>
</html>