wide/views/index.html

689 lines
43 KiB
HTML
Raw Normal View History

2014-10-24 07:41:23 +04:00
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
2014-12-06 15:52:23 +03:00
<title>{{.i18n.wide}} - {{.i18n.wide_title}}</title>
2014-12-25 12:08:58 +03:00
<meta name="keywords" content="Wide, Golang, IDE, Team, Cloud, B3log"/>
2014-12-06 15:52:23 +03:00
<meta name="description" content="A Web-based IDE for Teams using Golang, do your development anytime, anywhere."/>
<meta name="author" content="B3log">
2014-12-14 07:20:39 +03:00
<meta property="og:description" content="A Web-based IDE for Teams using Golang, do your development anytime, anywhere."/>
2014-12-06 15:52:23 +03:00
2014-10-27 11:00:02 +03:00
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/codemirror.css">
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/hint/show-hint.css">
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/lint/lint.css">
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/fold/foldgutter.css">
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/dialog/dialog.css">
2014-11-30 05:18:17 +03:00
{{range $index, $theme := .editorThemes}}
<link rel="stylesheet" href="{{$.conf.StaticServer}}/static/js/overwrite/codemirror/theme/{{$theme}}.css">{{end}}
2014-12-01 09:40:44 +03:00
2014-10-24 07:41:23 +04:00
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/js/lib/ztree/zTreeStyle.css">
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/css/dialog.css?{{.conf.StaticResourceVersion}}">
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/css/base.css?{{.conf.StaticResourceVersion}}">
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/css/wide.css?{{.conf.StaticResourceVersion}}">
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/css/side.css?{{.conf.StaticResourceVersion}}">
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/css/start.css?{{.conf.StaticResourceVersion}}">
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/css/about.css?{{.conf.StaticResourceVersion}}">
2014-11-30 05:18:17 +03:00
2014-12-01 09:40:44 +03:00
<link id="themesLink" rel="stylesheet" href="{{.conf.StaticServer}}/static/css/themes/{{.user.Theme}}.css?{{.conf.StaticResourceVersion}}">
2014-10-24 07:41:23 +04:00
2014-11-02 05:39:33 +03:00
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/user/{{.session.Username}}/style.css?{{.conf.StaticResourceVersion}}">
2014-10-24 07:41:23 +04:00
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
</head>
<body>
<!-- menu bar -->
2014-10-24 07:41:23 +04:00
<div class="menu fn-clear">
<ul class="fn-cleaer">
<li>
<span>{{.i18n.file}}</span>
<div class="frame">
<ul>
2014-12-18 11:46:38 +03:00
<li class="save-all disabled" onclick="if (!$(this).hasClass('disabled')){menu.saveAllFiles()}">
2014-12-13 15:08:35 +03:00
<span class="font-ico ico-save"></span>
2014-10-24 07:41:23 +04:00
<span>{{.i18n.save_all_files}}</span>
2014-12-05 12:59:42 +03:00
<span class="fn-right ft-small">Shift-Ctrl-S</span>
2014-10-24 07:41:23 +04:00
</li>
2014-11-18 05:03:08 +03:00
<li class="close-all" onclick="menu.closeAllFiles()">
2014-12-13 15:08:35 +03:00
<span class="space"></span>
2014-10-24 07:41:23 +04:00
<span>{{.i18n.close_all_files}}</span>
</li>
<li class="hr"></li>
2014-12-19 10:44:49 +03:00
<li class="disabled import" onclick="if (!$(this).hasClass('disabled')){$('#importFileupload').click(); }">
2014-12-18 11:46:38 +03:00
<span class="ico-import font-ico"></span> {{.i18n.import}}
</li>
2014-12-19 10:44:49 +03:00
<li class="disabled export" onclick="if (!$(this).hasClass('disabled')){tree.export(this); }">
2014-12-18 11:46:38 +03:00
<span class="ico-export font-ico"></span> {{.i18n.export}}
</li>
<li class="hr"></li>
2014-11-18 05:03:08 +03:00
<li onclick="menu.exit()">
2014-12-13 15:08:35 +03:00
<span class="font-ico ico-signout"></span>
2014-10-24 07:41:23 +04:00
<span>{{.i18n.exit}}</span>
</li>
</ul>
</div>
</li>
2014-12-05 06:50:46 +03:00
<li>
<span>{{.i18n.edit}}</span>
<div class="frame">
<ul>
2014-12-09 11:46:52 +03:00
<li class="edit disabled"
2014-12-11 10:32:24 +03:00
onclick="if (!$(this).hasClass('disabled')){wide.curEditor.undo(); wide.curEditor.focus()}">
2014-12-13 15:08:35 +03:00
<span class="font-ico ico-undo"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.undo}}</span>
2014-12-09 11:46:52 +03:00
<span class="fn-right ft-small">Ctrl-Z</span>
2014-12-05 06:50:46 +03:00
</li>
2014-12-09 11:46:52 +03:00
<li class="edit disabled"
2014-12-11 10:32:24 +03:00
onclick="if (!$(this).hasClass('disabled')){wide.curEditor.redo(); wide.curEditor.focus()}">
2014-12-13 15:08:35 +03:00
<span class="font-ico ico-redo"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.redo}}</span>
2014-12-09 11:46:52 +03:00
<span class="fn-right ft-small">Ctrl-Y</span>
2014-12-05 06:50:46 +03:00
</li>
<li class="hr"></li>
2014-12-09 11:46:52 +03:00
<li class="edit disabled"
2014-12-11 10:32:24 +03:00
onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('selectAll'); wide.curEditor.focus()}">
2014-12-13 15:08:35 +03:00
<span class="space"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.select_all}}</span>
2014-12-09 11:46:52 +03:00
<span class="fn-right ft-small">Ctrl-A</span>
2014-12-05 06:50:46 +03:00
</li>
2014-12-11 19:11:35 +03:00
<li class="edit disabled"
onclick="if (!$(this).hasClass('disabled')){wide.curEditor.focus(); wide.curEditor.execCommand('selectIdentifier')}">
2014-12-13 15:08:35 +03:00
<span class="space"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.select_identifier}}</span>
2014-12-11 19:11:35 +03:00
<span class="fn-right ft-small">Shift-Alt-J</span>
2014-12-05 06:50:46 +03:00
</li>
<li class="hr"></li>
2014-12-09 11:46:52 +03:00
<li class="edit disabled"
onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('gotoLine')}">
2014-12-13 15:08:35 +03:00
<span class="ico-goline font-ico"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.goto_line}}</span>
2014-12-09 11:46:52 +03:00
<span class="fn-right ft-small">Ctrl-L</span>
2014-12-05 06:50:46 +03:00
</li>
2014-12-09 11:46:52 +03:00
<li class="edit disabled"
2014-12-11 10:32:24 +03:00
onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('deleteLine'); wide.curEditor.focus()}">
2014-12-13 15:08:35 +03:00
<span class="space"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.delete_line}}</span>
2014-12-09 11:46:52 +03:00
<span class="fn-right ft-small">Ctrl-E</span>
2014-12-05 06:50:46 +03:00
</li>
<li class="hr"></li>
2014-12-09 11:46:52 +03:00
<li class="edit disabled"
2014-12-11 10:32:24 +03:00
onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('copyLinesUp'); wide.curEditor.focus()}">
2014-12-13 15:08:35 +03:00
<span class="space"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.copy_lines_up}}</span>
2014-12-09 11:46:52 +03:00
<span class="fn-right ft-small">Shift-Ctrl-Up</span>
2014-12-05 06:50:46 +03:00
</li>
2014-12-09 11:46:52 +03:00
<li class="edit disabled"
2014-12-11 10:32:24 +03:00
onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('copyLinesDown'); wide.curEditor.focus()}">
2014-12-13 15:08:35 +03:00
<span class="space"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.copy_lines_down}}</span>
2014-12-09 11:46:52 +03:00
<span class="fn-right ft-small">Shift-Ctrl-Down</span>
2014-12-05 06:50:46 +03:00
</li>
2014-12-09 11:46:52 +03:00
<li class="edit disabled"
2014-12-11 10:32:24 +03:00
onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('moveLinesUp'); wide.curEditor.focus()}">
2014-12-13 15:08:35 +03:00
<span class="ico-moveup font-ico"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.move_lines_up}}</span>
2014-12-09 11:46:52 +03:00
<span class="fn-right ft-small">Shift-Alt-Up</span>
2014-12-05 06:50:46 +03:00
</li>
2014-12-09 11:46:52 +03:00
<li class="edit disabled"
2014-12-11 10:32:24 +03:00
onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('moveLinesDown'); wide.curEditor.focus()}">
2014-12-13 15:08:35 +03:00
<span class="ico-movedown font-ico"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.move_lines_down}}</span>
2014-12-09 11:46:52 +03:00
<span class="fn-right ft-small">Shift-Alt-Down</span>
2014-12-05 06:50:46 +03:00
</li>
</ul>
</div>
</li>
<li>
<span>{{.i18n.source}}</span>
<div class="frame">
<ul>
2014-12-06 16:56:05 +03:00
<li class="format disabled"
2014-12-11 10:32:24 +03:00
onclick="if (!$(this).hasClass('disabled')){wide.fmt(editors.getCurrentPath(), wide.curEditor); wide.curEditor.focus()}">
2014-12-13 15:08:35 +03:00
<span class="ico-format font-ico"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.format}}</span>
2014-12-06 16:56:05 +03:00
<span class="fn-right ft-small">Ctrl-Shift-F</span>
2014-12-05 06:50:46 +03:00
</li>
<li class="hr"></li>
2014-12-06 16:56:05 +03:00
<li class="autocomplete disabled"
2014-12-11 10:32:24 +03:00
onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('autocompleteAnyWord'); wide.curEditor.focus()}">
2014-12-13 15:08:35 +03:00
<span class="space"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.autocomplete}}</span>
2014-12-06 16:56:05 +03:00
<span class="fn-right ft-small">Ctrl-\</span>
2014-12-05 06:50:46 +03:00
</li>
2014-12-06 16:56:05 +03:00
<li class="jump-to-decl disabled"
2014-12-11 10:32:24 +03:00
onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('jumpToDecl'); wide.curEditor.focus()}">
2014-12-13 15:08:35 +03:00
<span class="space"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.jump_to_decl}}</span>
2014-12-06 16:56:05 +03:00
<span class="fn-right ft-small">Ctrl-B</span>
2014-12-05 06:50:46 +03:00
</li>
2014-12-06 16:56:05 +03:00
<li class="expr-info disabled"
2014-12-11 10:32:24 +03:00
onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('exprInfo'); wide.curEditor.focus()}">
2014-12-13 15:08:35 +03:00
<span class="font-ico ico-info"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.show_expr_info}}</span>
2014-12-06 16:56:05 +03:00
<span class="fn-right ft-small">Ctrl-I</span>
2014-12-05 06:50:46 +03:00
</li>
2014-12-06 16:56:05 +03:00
<li class="find-usages disabled"
onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('findUsages')}">
2014-12-13 15:08:35 +03:00
<span class="space"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.find_usages}}</span>
2014-12-06 16:56:05 +03:00
<span class="fn-right ft-small">Alt-F7</span>
2014-12-05 06:50:46 +03:00
</li>
<li class="hr"></li>
2014-12-06 16:56:05 +03:00
<li class="toggle-comment disabled"
2014-12-11 10:32:24 +03:00
onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('toggleComment'); wide.curEditor.focus()}">
2014-12-13 15:08:35 +03:00
<span class="ico-comment font-ico"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.toggle_comment}}</span>
2014-12-06 16:56:05 +03:00
<span class="fn-right ft-small">Ctrl-/</span>
2014-12-05 06:50:46 +03:00
</li>
</ul>
</div>
</li>
<li>
<span>{{.i18n.find}}</span>
<div class="frame">
<ul>
2014-12-05 10:08:44 +03:00
<li onclick="$('#dialogGoFilePrompt').dialog('open')">
2014-12-13 15:08:35 +03:00
<span class="font-ico ico-find"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.goto_file}}</span>
2014-12-05 12:59:42 +03:00
<span class="fn-right ft-small">Shift-Alt-O</span>
2014-12-05 06:50:46 +03:00
</li>
<li class="hr"></li>
2014-12-05 10:08:44 +03:00
<li onclick="$('#dialogSearchForm').dialog('open')">
2014-12-13 15:08:35 +03:00
<span class="font-ico ico-findfiles"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.find_in_files}}</span>
2014-12-05 12:59:42 +03:00
<span class="fn-right ft-small">Ctrl-F</span>
2014-12-05 06:50:46 +03:00
</li>
<li class="hr"></li>
2014-12-11 19:11:35 +03:00
<li class="find disabled"
2014-12-13 15:08:35 +03:00
onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('find'); }">
<span class="space"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.find}}</span>
2014-12-11 19:11:35 +03:00
<span class="fn-right ft-small">Ctrl-F</span>
2014-12-05 06:50:46 +03:00
</li>
2014-12-11 19:11:35 +03:00
<li class="find-next disabled"
2014-12-13 15:08:35 +03:00
onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('findNext'); }">
<span class="space"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.find_next}}</span>
2014-12-11 19:11:35 +03:00
<span class="fn-right ft-small">Ctrl-G</span>
2014-12-05 06:50:46 +03:00
</li>
2014-12-11 19:11:35 +03:00
<li class="find-previous disabled"
2014-12-13 15:08:35 +03:00
onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('findPrev'); }">
<span class="space"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.find_previous}}</span>
2014-12-11 19:11:35 +03:00
<span class="fn-right ft-small">Shift-Ctrl-G</span>
2014-12-05 06:50:46 +03:00
</li>
2014-12-11 19:11:35 +03:00
<li class="replace disabled"
2014-12-13 15:08:35 +03:00
onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('replace'); }">
<span class="space"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.replace}}</span>
2014-12-11 19:11:35 +03:00
<span class="fn-right ft-small">Shift-Ctrl-F</span>
2014-12-05 06:50:46 +03:00
</li>
2014-12-11 19:11:35 +03:00
<li class="replace-all disabled"
2014-12-13 15:08:35 +03:00
onclick="if (!$(this).hasClass('disabled')){wide.curEditor.execCommand('replaceAll'); }">
<span class="space"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.replace_all}}</span>
2014-12-11 19:11:35 +03:00
<span class="fn-right ft-small">Shift-Ctrl-R</span>
2014-12-05 06:50:46 +03:00
</li>
</ul>
</div>
</li>
<li>
<span>{{.i18n.focus}}</span>
<div class="frame">
2014-12-05 12:59:42 +03:00
<ul>
<li onclick="hotkeys.defaultKeyMap.goEditor.fun()">
2014-12-13 15:08:35 +03:00
<span class="ico-editor font-ico"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.focus_editor}}</span>
2014-12-05 12:59:42 +03:00
<span class="fn-right ft-small">Ctrl-0</span>
2014-12-05 06:50:46 +03:00
</li>
2014-12-05 12:59:42 +03:00
<li onclick="hotkeys.defaultKeyMap.goFileTree.fun()">
2014-12-13 15:08:35 +03:00
<span class="ico-tree font-ico"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.focus_file_tree}}</span>
2014-12-05 12:59:42 +03:00
<span class="fn-right ft-small">Ctrl-1</span>
2014-12-05 06:50:46 +03:00
</li>
2014-12-05 12:59:42 +03:00
<li onclick="hotkeys.defaultKeyMap.goOutput.fun()">
2014-12-13 15:08:35 +03:00
<span class="space"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.focus_output}}</span>
2014-12-05 12:59:42 +03:00
<span class="fn-right ft-small">Ctrl-4</span>
2014-12-05 06:50:46 +03:00
</li>
2014-12-05 12:59:42 +03:00
<li onclick="hotkeys.defaultKeyMap.goSearch.fun()">
2014-12-13 15:08:35 +03:00
<span class="space"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.focus_search}}</span>
2014-12-05 12:59:42 +03:00
<span class="fn-right ft-small">Ctrl-5</span>
2014-12-05 06:50:46 +03:00
</li>
2014-12-05 12:59:42 +03:00
<li onclick="hotkeys.defaultKeyMap.goNotification.fun()">
2014-12-13 15:08:35 +03:00
<span class="ico-notification font-ico"></span>
2014-12-05 06:50:46 +03:00
<span>{{.i18n.focus_notification}}</span>
2014-12-05 12:59:42 +03:00
<span class="fn-right ft-small">Ctrl-6</span>
2014-12-05 06:50:46 +03:00
</li>
</ul>
</div>
</li>
2014-10-24 07:41:23 +04:00
<li>
<span>{{.i18n.run}}</span>
<div class="frame">
<ul>
2014-12-18 11:46:38 +03:00
<li class="build disabled" onclick="if (!$(this).hasClass('disabled')){menu.build()}">
2014-12-13 15:08:35 +03:00
<span class="font-ico ico-build"></span>
2014-10-24 07:41:23 +04:00
<span>{{.i18n.build}}</span>
2014-12-05 12:59:42 +03:00
<span class="fn-right ft-small">F5</span>
2014-10-24 07:41:23 +04:00
</li>
2014-12-18 11:46:38 +03:00
<li class="run disabled" onclick="if (!$(this).hasClass('disabled')){menu.run()}">
2014-12-13 15:08:35 +03:00
<span class="font-ico ico-buildrun"></span>
2014-10-24 07:41:23 +04:00
<span>{{.i18n.build_n_run}}</span>
2014-12-05 12:59:42 +03:00
<span class="fn-right ft-small">F6</span>
2014-10-24 07:41:23 +04:00
</li>
<li class="hr"></li>
2014-12-18 11:46:38 +03:00
<li class="go-test disabled" onclick="if (!$(this).hasClass('disabled')){menu.test()}">
2014-12-13 15:08:35 +03:00
<span class="space"></span>
2014-10-27 18:02:15 +03:00
<span>{{.i18n.test}}</span>
</li>
<li class="hr"></li>
2014-12-18 11:46:38 +03:00
<li class="go-get disabled" onclick="if (!$(this).hasClass('disabled')){menu.goget()}">
2014-12-13 15:08:35 +03:00
<span class="space"></span>
2014-10-24 07:41:23 +04:00
<span>{{.i18n.goget}}</span>
</li>
2014-12-18 11:46:38 +03:00
<li class="go-install disabled" onclick="if (!$(this).hasClass('disabled')){menu.goinstall()}">
2014-12-13 15:08:35 +03:00
<span class="space"></span>
2014-10-24 07:41:23 +04:00
<span>{{.i18n.goinstall}}</span>
2014-12-31 13:02:04 +03:00
</li>
<li class="hr"></li>
<li class="go-vet disabled" onclick="if (!$(this).hasClass('disabled')){menu.govet()}">
<span class="space"></span>
<span>{{.i18n.govet}}</span>
</li>
2014-10-24 07:41:23 +04:00
</ul>
</div>
</li>
<!--
<li>
<span>{{.i18n.debug}}</span>
<div class="frame">
<ul>
<li>
<span>{{.i18n.debug}}</span>
</li>
</ul>
</div>
</li>
-->
2014-10-30 07:08:30 +03:00
<li>
<span>{{.i18n.team}}</span>
<div class="frame">
<ul>
2014-10-30 13:21:44 +03:00
<li class="signup" onclick="window.open('/signup')">
2014-12-13 15:08:35 +03:00
<span class="ico-signup font-ico"></span>
2014-10-30 07:08:30 +03:00
<span>{{.i18n.sign_up}}</span>
</li>
</ul>
</div>
</li>
2014-11-18 05:53:26 +03:00
<li onclick="menu.openPreference()">
2014-11-16 15:45:12 +03:00
<span>{{.i18n.perference}}</span>
</li>
2014-10-24 07:41:23 +04:00
<li>
<span>{{.i18n.help}}</span>
<div class="frame">
<ul>
<li onclick="window.open('https://www.gitbook.io/book/88250/wide-user-guide')">
2014-12-19 10:44:49 +03:00
<span class="font-ico ico-book"></span>
2014-10-24 07:41:23 +04:00
<span>{{.i18n.wide_doc}}</span>
</li>
<li onclick="window.open('https://github.com/b3log/wide/issues/new')">
2014-12-13 15:08:35 +03:00
<span class="ico-report font-ico"></span>
2014-10-24 07:41:23 +04:00
{{.i18n.report_issues}}
</li>
<li class="hr"></li>
<li onclick="window.open('/keyboard_shortcuts')">
2014-12-13 15:08:35 +03:00
<span class="ico-keyboard font-ico"></span>
2014-10-24 07:41:23 +04:00
{{.i18n.keyboard_shortcuts}}
</li>
<li class="hr"></li>
2014-12-19 10:44:49 +03:00
<li onclick="window.open('http://b3log.org/services')">
<span class="font-ico ico-price"></span>
<span>{{.i18n.pricing}}</span>
</li>
2014-10-24 07:41:23 +04:00
<li onclick="editors.openStartPage()">
2014-12-19 10:44:49 +03:00
<span class="font-ico ico-start"></span>
2014-10-24 07:41:23 +04:00
<span>{{.i18n.start_page}}</span>
</li>
2014-11-18 05:03:08 +03:00
<li onclick="menu.openAbout()">
2014-12-13 15:08:35 +03:00
<span class="font-ico ico-about"></span>
2014-10-24 07:41:23 +04:00
<span>{{.i18n.about}}</span>
</li>
</ul>
</div>
</li>
</ul>
2014-12-14 07:20:39 +03:00
<span class="split"></span>
2014-12-13 15:08:35 +03:00
<span id="buildRun" onclick="menu.run()" class="font-ico ico-buildrun" title="{{.i18n.build_n_run}}"></span>
2014-12-14 07:20:39 +03:00
<div class="fn-right">
<img class="gravatar"
2014-12-14 18:05:54 +03:00
onerror="this.src='/static/images/user-thumbnail.png'"
2014-12-14 12:33:18 +03:00
src="https://secure.gravatar.com/avatar/{{.user.Gravatar}}?s=17&d=http://symphony.b3log.org/images/user-thumbnail.png"
2014-12-14 07:20:39 +03:00
title="{{.user.Name}}"/>
<span class="font-ico ico-share"></span> &nbsp;
<span onclick="window.open('https://github.com/b3log/wide')"
class="font-ico ico-github"></span>&nbsp;
<div class="share-panel frame">
<span title="Email" class="font-ico ico-email"></span>
<span title="Twitter" class="font-ico ico-twitter"></span>
<span title="Facebook" class="font-ico ico-facebook"></span>
<span title="G+" class="font-ico ico-googleplus"></span>
<span title="微博" class="font-ico ico-weibo"></span>
<span title="腾讯微博" class="font-ico ico-tencent"></span>
</div>
</div>
2014-10-24 07:41:23 +04:00
</div>
2014-11-29 16:49:57 +03:00
2014-10-24 07:41:23 +04:00
<div class="content">
<div class="side">
<span title="{{.i18n.min}}" class="font-ico ico-min"></span>
<div class="tabs">
<div class="current" data-index="filreTree">
<span title="{{.i18n.file}}">{{.i18n.file}}</span>
</div>
</div>
<div class="tabs-panel">
<div data-index="filreTree">
<ul id="files" tabindex="-1" class="ztree"></ul>
2014-12-18 13:04:12 +03:00
<input id="importFileupload" class="fn-none" type="file"
name="files[]" onclick="tree.import();" multiple>
<!-- directory context menu -->
2014-10-24 07:41:23 +04:00
<div id="dirRMenu" class="frame">
<ul>
2014-12-13 15:08:35 +03:00
<li class="create" onclick="tree.newFile(this);">
<span class="space"></span> {{.i18n.create_file}}
</li>
<li class="create" onclick="tree.newDir(this);">
<span class="space"></span> {{.i18n.create_dir}}
</li>
<li class="remove" onclick="tree.removeIt(this);">
<span class="ico-remove font-ico"></span> {{.i18n.delete}}
</li>
<li class="remove" onclick="tree.rename(this);">
<span class="space"></span> {{.i18n.rename}}
</li>
2014-11-24 12:20:43 +03:00
<li class="hr"></li>
2014-12-13 15:08:35 +03:00
<li onclick="tree.refresh(this);">
<span class="ico-refresh font-ico"></span> {{.i18n.refresh}}
</li>
<li onclick="$('#importFileupload').click();">
<span class="ico-import font-ico"></span> {{.i18n.import}}
</li>
2014-12-18 13:04:12 +03:00
<li onclick="tree.export();">
2014-12-13 15:08:35 +03:00
<span class="ico-export font-ico"></span> {{.i18n.export}}
</li>
2014-10-24 07:41:23 +04:00
</ul>
</div>
2014-11-29 16:49:57 +03:00
<!-- file context menu -->
2014-10-24 07:41:23 +04:00
<div id="fileRMenu" class="frame">
<ul>
<li class="open" onclick="tree.openFile(wide.curNode);">
<span class="space"></span> {{.i18n.open}}
</li>
2014-12-13 15:08:35 +03:00
<li class="remove" onclick="tree.removeIt(this);">
<span class="ico-remove font-ico"></span> {{.i18n.delete}}
</li>
<li class="remove" onclick="tree.rename(this);">
<span class="space"></span> {{.i18n.rename}}
</li>
2014-11-24 12:20:43 +03:00
<li class="hr"></li>
2014-12-13 15:08:35 +03:00
<li class="" onclick="tree.export(this);">
<span class="ico-export font-ico"></span> {{.i18n.export}}
</li>
2014-10-24 07:41:23 +04:00
</ul>
</div>
</div>
</div>
</div>
<div class="edit-panel">
2014-12-13 15:08:35 +03:00
<div class="toolbars">
2014-10-24 07:41:23 +04:00
<span class="font-ico ico-max" onclick="windows.maxEditor()" title="{{.i18n.max_editor}}"></span>
</div>
<div class="frame">
<ul>
<li onclick="editors.close()" title="{{.i18n.close}}">
<span>{{.i18n.close}}</span>
</li>
2014-11-18 05:03:08 +03:00
<li onclick="menu.closeAllFiles()" title="{{.i18n.close_all_files}}">
<span>{{.i18n.close_all_files}}</span>
</li>
<li onclick="editors.closeOther()" title="{{.i18n.close_other}}">
<span>{{.i18n.close_other}}</span>
2014-12-02 10:29:19 +03:00
</li>
<li class="hr"></li>
2014-12-19 10:44:49 +03:00
<li id="copyFilePath" title="{{.i18n.copy_file_path}}">
2014-12-02 10:29:19 +03:00
<span>{{.i18n.copy_file_path}}</span>
2014-12-02 10:17:25 +03:00
</li>
</ul>
</div>
2014-10-24 07:41:23 +04:00
<div class="tabs"></div>
<div class="tabs-panel"></div>
</div>
2015-01-01 17:15:54 +03:00
<div class="side-right">
2014-12-30 11:51:19 +03:00
<span title="{{.i18n.min}}" class="font-ico ico-min"></span>
<div class="tabs">
2015-01-01 17:15:54 +03:00
<div class="current" data-index="outline">
2014-12-30 11:51:19 +03:00
<span title="{{.i18n.outline}}">{{.i18n.outline}}</span>
</div>
</div>
<div class="tabs-panel">
2015-01-01 17:15:54 +03:00
<div id="outline" tabindex="-1" data-index="outline">
2014-12-30 11:51:19 +03:00
this is outline
</div>
</div>
</div>
2014-10-24 07:41:23 +04:00
<div class="bottom-window-group">
<span title="{{.i18n.min}}" class="font-ico ico-min"></span>
2014-11-06 06:58:55 +03:00
<div class="frame">
<ul>
2014-11-06 10:04:33 +03:00
<li onclick="bottomGroup.clear('output')" title="{{.i18n.clear}}">
2014-11-06 09:41:46 +03:00
<span>{{.i18n.clear}}</span>
2014-11-06 06:58:55 +03:00
</li>
</ul>
</div>
2014-10-24 07:41:23 +04:00
<div class="tabs">
<div class="current" data-index="output">
<span title="{{.i18n.output}}">{{.i18n.output}}</span>
</div>
<div data-index="search">
<span title="{{.i18n.search}}">{{.i18n.search}}</span>
</div>
<div data-index="notification">
<span title="{{.i18n.notification}}">{{.i18n.notification}}</span>
</div>
</div>
<div class="tabs-panel">
<div data-index="output">
<div class="output" tabindex="-1"><div></div></div>
</div>
<div class="fn-none" data-index="search">
<div tabindex="-1" class="search">
<div class="tabs fn-none">
<div class="current" data-index="first">
<span class="first"></span><span class="ico-close font-ico"></span>
</div>
</div>
<div class="tabs-panel">
<div data-index="first"></div>
</div>
</div>
</div>
<div class="fn-none" data-index="notification">
<div tabindex="-1" class="notification"><table cellpadding="0" cellspacing="0"></table></div>
</div>
</div>
</div>
</div>
<div class="footer fn-clear">
<div class="fn-left">
<span title="{{.i18n.restore_side}}" class="font-ico ico-restore fn-none"></span>
<span title="{{.i18n.restore_bottom}}" class="font-ico ico-restore fn-none"></span>
2015-01-01 17:15:54 +03:00
<span title="{{.i18n.restore_outline}}" class="font-ico ico-restore fn-none"></span>
2014-10-24 07:41:23 +04:00
</div>
<div class="fn-right">
<span class="cursor"></span>
2014-10-24 08:57:53 +04:00
<span class="notification-count" title="{{.i18n.unread_notification}}">{{.i18n.notification}}</span>
2014-10-24 07:41:23 +04:00
</div>
</div>
<div id="dialogRemoveConfirm" class="fn-none">
2014-12-06 15:52:23 +03:00
{{.i18n.delete}} <b></b>?
2014-10-24 07:41:23 +04:00
</div>
<div id="dialogAlert" class="fn-none"></div>
<div id="dialogAbout" class="fn-none"></div>
2014-11-14 12:22:57 +03:00
<div id="dialogPreference" class="fn-none"></div>
2014-10-24 07:41:23 +04:00
<div id="dialogNewFilePrompt" class="dialog-prompt fn-none">
<input/>
</div>
2014-11-07 18:11:37 +03:00
<div id="dialogRenamePrompt" class="dialog-prompt fn-none">
<input/>
</div>
2014-10-24 07:41:23 +04:00
<div id="dialogNewDirPrompt" class="dialog-prompt fn-none">
<input/>
</div>
<div id="dialogGoLinePrompt" class="dialog-prompt fn-none">
<input/>
</div>
2014-11-14 06:42:20 +03:00
<div id="dialogGoFilePrompt" class="dialog-prompt fn-none">
<input/>
2014-11-14 12:06:13 +03:00
<ul class="list" tabindex="-1"></ul>
2014-11-14 06:42:20 +03:00
</div>
2014-10-24 07:41:23 +04:00
<div id="dialogSearchForm" class="dialog-form fn-none">
<input placeholder="{{.i18n.keyword}}" />
<input placeholder="{{.i18n.file_format}}" />
</div>
2014-11-01 07:05:52 +03:00
<div id="dialogCloseEditor" class="dialog-form fn-none">
2014-11-01 07:36:42 +03:00
<div></div><br/>
<div class="fn-right">
<button class="save">{{.i18n.save}}</button>
<button class="discard">{{.i18n.discard}}</button>
<button class="cancel">{{.i18n.cancel}}</button>
</div>
2014-11-01 07:05:52 +03:00
</div>
2014-10-24 07:41:23 +04:00
<script>
2014-11-01 07:36:42 +03:00
var config = {
2014-12-11 10:32:24 +03:00
"context": {{.conf.Context}},
2014-12-14 07:20:39 +03:00
"staticServer": '{{.conf.StaticServer}}',
2014-12-01 09:40:44 +03:00
"pathSeparator": '{{.pathSeparator}}',
2014-11-01 07:36:42 +03:00
"label": {
"restore_editor": "{{.i18n.restore_editor}}",
"max_editor": "{{.i18n.max_editor}}",
"delete": "{{.i18n.delete}}",
2014-11-07 18:11:37 +03:00
"rename": "{{.i18n.rename}}",
2014-11-01 07:36:42 +03:00
"cancel": "{{.i18n.cancel}}",
"goto_line": "{{.i18n.goto_line}}",
2014-11-14 06:42:20 +03:00
"goto_file": "{{.i18n.goto_file}}",
2014-11-01 07:36:42 +03:00
"go": "{{.i18n.go}}",
"create": "{{.i18n.create}}",
"create_file": "{{.i18n.create_file}}",
"create_dir": "{{.i18n.create_dir}}",
"tip": "{{.i18n.tip}}",
"confirm": "{{.i18n.confirm}}",
"build_n_run": "{{.i18n.build_n_run}}",
"stop": "{{.i18n.stop}}",
"find_usages": "{{.i18n.find_usages}}",
"search_text": "{{.i18n.search_text}}",
"search": "{{.i18n.search}}",
"start_page": "{{.i18n.start_page}}",
"confirm_save": "{{.i18n.confirm_save}}",
"community": "{{.i18n.community}}",
"about": "{{.i18n.about}}",
"new_version_available": "{{.i18n.new_version_available}}",
"colon": "{{.i18n.colon}}",
"file": "{{.i18n.file}}",
2014-11-14 12:22:57 +03:00
"uptodate": "{{.i18n.uptodate}}",
2014-11-17 09:15:28 +03:00
"perference": "{{.i18n.perference}}",
2014-12-08 10:18:28 +03:00
"apply": "{{.i18n.apply}}",
2014-12-23 12:25:07 +03:00
"no_empty": "{{.i18n.no_empty}}",
"search_no_match": "{{.i18n.search_no_match}}"
2014-11-01 07:36:42 +03:00
},
2014-12-11 10:32:24 +03:00
"channel": {{.conf.Channel}},
2014-12-07 06:07:32 +03:00
"wideSessionId": '{{.session.ID}}',
2014-12-01 09:49:16 +03:00
"editorTheme": '{{.user.Editor.Theme}}',
2014-12-01 10:19:59 +03:00
"latestSessionContent": {{.latestSessionContent}},
2014-12-01 09:49:16 +03:00
"editorTabSize": '{{.user.Editor.TabSize}}'
2014-11-01 07:36:42 +03:00
};
// 发往 Wide 的所有 AJAX 请求需要使用该函数创建请求参数.
function newWideRequest() {
var ret = {
sid: config.wideSessionId
};
return ret;
}
2014-10-24 07:41:23 +04:00
</script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/reconnecting-websocket.js"></script>
2014-12-25 18:59:32 +03:00
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/ztree/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/Autolinker.min.js"></script>
2015-01-01 17:15:54 +03:00
2014-10-24 07:41:23 +04:00
2014-10-27 11:00:02 +03:00
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/codemirror.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/lint/lint.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/lint/json-lint.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/selection/active-line.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/overwrite/codemirror/addon/hint/show-hint.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/hint/anyword-hint.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/display/rulers.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/edit/closebrackets.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/edit/matchbrackets.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/edit/closetag.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/search/searchcursor.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/search/search.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/dialog/dialog.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/search/match-highlighter.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/fold/foldcode.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/fold/foldgutter.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/fold/brace-fold.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/fold/xml-fold.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/fold/markdown-fold.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/fold/comment-fold.js"></script>
2014-12-03 06:26:05 +03:00
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/mode/loadmode.js"></script>
2014-12-06 16:56:05 +03:00
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/comment/comment.js"></script>
2014-12-03 06:26:05 +03:00
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/mode/meta.js"></script>
2014-10-27 11:00:02 +03:00
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/mode/go/go.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/mode/xml/xml.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/mode/htmlmixed/htmlmixed.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/mode/javascript/javascript.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/mode/markdown/markdown.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/mode/css/css.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/mode/shell/shell.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/mode/sql/sql.js"></script>
2014-10-24 07:41:23 +04:00
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/lint/json-lint.js?{{.conf.StaticResourceVersion}}"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/lint/go-lint.js?{{.conf.StaticResourceVersion}}"></script>
2014-10-31 09:26:08 +03:00
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/js-beautify-1.5.4/beautify.js?{{.conf.StaticResourceVersion}}"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/js-beautify-1.5.4/beautify-html.js?{{.conf.StaticResourceVersion}}"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/js-beautify-1.5.4/beautify-css.js?{{.conf.StaticResourceVersion}}"></script>
2014-12-18 16:39:42 +03:00
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/zeroclipboard/ZeroClipboard.min.js?{{.conf.StaticResourceVersion}}"></script>
2014-12-02 10:29:19 +03:00
2014-12-02 10:17:25 +03:00
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/jquery-file-upload-9.8.0/vendor/jquery.ui.widget.js?{{.conf.StaticResourceVersion}}"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/jquery-file-upload-9.8.0/jquery.iframe-transport.js?{{.conf.StaticResourceVersion}}"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/jquery-file-upload-9.8.0/jquery.fileupload.js?{{.conf.StaticResourceVersion}}"></script>
2014-10-24 07:41:23 +04:00
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/tabs.js?{{.conf.StaticResourceVersion}}"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/dialog.js?{{.conf.StaticResourceVersion}}"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/editors.js?{{.conf.StaticResourceVersion}}"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/notification.js?{{.conf.StaticResourceVersion}}"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/tree.js?{{.conf.StaticResourceVersion}}"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/wide.js?{{.conf.StaticResourceVersion}}"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/session.js?{{.conf.StaticResourceVersion}}"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/menu.js?{{.conf.StaticResourceVersion}}"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/windows.js?{{.conf.StaticResourceVersion}}"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/hotkeys.js?{{.conf.StaticResourceVersion}}"></script>
2014-11-06 06:58:55 +03:00
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/bottomGroup.js?{{.conf.StaticResourceVersion}}"></script>
2014-10-24 07:41:23 +04:00
</body>
</html>