wide/views/playground/index.html

144 lines
9.9 KiB
HTML
Raw Normal View History

2015-02-13 04:59:51 +03:00
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{{.i18n.wide}} - {{.i18n.wide_title}}</title>
<meta name="keywords" content="Wide, Golang, IDE, Team, Cloud, B3log, Playground"/>
<meta name="description" content="A Web-based IDE for Teams using Golang, do your development anytime, anywhere."/>
<meta name="author" content="B3log">
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/codemirror.css?{{.conf.StaticResourceVersion}}">
<link rel="stylesheet" href="{{$.conf.StaticServer}}/static/js/overwrite/codemirror/theme/wide.css?{{.conf.StaticResourceVersion}}">
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/hint/show-hint.css">
2015-02-14 15:38:33 +03:00
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/css/dialog.css?{{.conf.StaticResourceVersion}}">
2015-02-15 09:24:49 +03:00
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/css/base.css?{{.conf.StaticResourceVersion}}">
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/css/wide.css?{{.conf.StaticResourceVersion}}">
2015-02-14 15:38:33 +03:00
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/css/about.css?{{.conf.StaticResourceVersion}}">
2015-02-20 04:42:05 +03:00
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/css/themes/default.css?{{.conf.StaticResourceVersion}}">
2015-02-13 19:00:38 +03:00
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/css/sign.css?{{.conf.StaticResourceVersion}}">
2015-02-15 09:24:49 +03:00
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/css/side.css?{{.conf.StaticResourceVersion}}">
2015-03-01 17:03:56 +03:00
<link rel="stylesheet" href="{{.conf.StaticServer}}/static/css/playground{{if .embed}}-embed{{end}}.css?{{.conf.StaticResourceVersion}}">
2015-02-13 04:59:51 +03:00
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
</head>
<body>
2015-02-13 19:00:38 +03:00
<div class="header menu fn-clear">
<ul class="fn-left">
<li>
2015-02-14 12:49:21 +03:00
<a href="/" target="_blank">
2015-02-13 19:00:38 +03:00
<img title="Wide, a Web-based IDE for Teams using Golang." src="{{.conf.StaticServer}}/static/images/wide-logo.png"
class="logo"/></a>
</li>
<li>
2015-02-15 08:42:29 +03:00
<button class="btn" id="run" onclick="playground.run();">{{.i18n.run}}</button>
2015-02-13 19:00:38 +03:00
</li>
2015-02-14 12:49:21 +03:00
<li>
2015-02-15 08:42:29 +03:00
<button class="btn btn-red" id="Format" onclick="playground.format();">{{.i18n.format}}</button>
2015-02-14 12:49:21 +03:00
</li>
2015-02-13 19:00:38 +03:00
<li>
2015-02-15 08:42:29 +03:00
<button class="btn btn-red" id="stop" onclick="playground.stop();">{{.i18n.stop}}</button>
2015-02-13 19:00:38 +03:00
</li>
2015-03-01 17:03:56 +03:00
<li>
<button class="btn-white btn" id="disqus" onclick="playground.disqus();">Disqus</button>
</li>
2015-02-13 19:00:38 +03:00
<li>
2015-02-15 08:53:02 +03:00
<button class="btn-white btn" id="share" onclick="playground.share();">{{.i18n.share}}</button>
2015-02-13 19:00:38 +03:00
</li>
</ul>
<div class="fn-right">
2015-02-14 15:38:33 +03:00
<span class="font-ico ico-about" onclick='$("#dialogAbout").dialog("open");'></span> &nbsp;
2015-02-13 19:00:38 +03:00
<span class="font-ico ico-share"></span> &nbsp;
<span onclick="window.open('https://github.com/b3log/wide')"
class="font-ico ico-github"></span>&nbsp;
2015-02-14 12:49:21 +03:00
<div class="share-panel frame" style="display: none;">
2015-02-13 19:00:38 +03:00
<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>
2015-02-13 04:59:51 +03:00
</div>
2015-02-13 19:00:38 +03:00
<div class="fn-clear">
2015-02-15 06:09:17 +03:00
<div id="editorDiv" class="fn-none">
2015-03-01 16:28:30 +03:00
<textarea rows="20" id='editor'>{{.code}}</textarea>
2015-02-13 19:00:38 +03:00
</div>
<textarea id="output" rows="20" readonly="readonly" ></textarea>
</div>
2015-02-21 09:37:04 +03:00
{{if .disqus}}
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'wide-playground';
var disqus_identifier = {{.fileName}};
2015-03-01 16:13:21 +03:00
var disqus_url = window.location.protocol + "//" + {{.conf.Server}} + {{.conf.Context}} + "/playground/" + {{.fileName}};
2015-02-21 09:37:04 +03:00
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
2015-03-23 12:55:15 +03:00
})();</script>
2015-02-21 09:37:04 +03:00
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
{{end}}
2015-02-13 19:00:38 +03:00
<div class="footer">
2015-03-23 12:55:15 +03:00
<span class="wrapper">
Ver {{.ver}}, &copy; {{.year}} <a rel="copyright" href="http://b3log.org" target="_blank">B3LOG.ORG</a>, <a href="https://github.com/b3log/wide/blob/master/TERMS.md" target="_blank">{{.i18n.terms}}</a>
</span>
2015-03-23 16:15:21 +03:00
<div class="github-btns">
<iframe src="https://ghbtns.com/github-btn.html?user=b3log&repo=wide&type=star&count=true" frameborder="0" scrolling="0" width="100" height="20"></iframe>
</div>
2015-02-13 04:59:51 +03:00
</div>
2015-02-14 15:38:33 +03:00
<div id="dialogAbout" class="fn-none"></div>
2015-02-16 09:24:33 +03:00
<div id="dialogShare" class="fn-none"></div>
2015-02-14 15:38:33 +03:00
<script>
var config = {
"context": "{{.conf.Context}}",
2015-02-21 09:37:04 +03:00
"server": "{{.conf.Server}}",
2015-02-14 15:38:33 +03:00
"staticServer": "{{.conf.StaticServer}}",
"channel": "{{.conf.Channel}}",
"wideSessionId": "{{.session.ID}}",
2015-02-20 04:42:05 +03:00
"label": {{.i18n}},
2015-03-01 16:13:21 +03:00
"embed": {{.embed}},
"disqus": {{.disqus}}
2015-02-14 15:38:33 +03:00
};
function newWideRequest() {
var ret = {
2015-02-13 04:59:51 +03:00
sid: config.wideSessionId
2015-02-14 15:38:33 +03:00
};
return ret;
}
2015-02-13 04:59:51 +03: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>
2015-02-13 09:47:49 +03:00
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/codemirror.min.js"></script>
2015-02-13 04:59:51 +03:00
<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/comment-fold.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/mode/loadmode.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/addon/comment/comment.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/mode/meta.js"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/codemirror-{{.codeMirrorVer}}/mode/go/go.js"></script>
2015-02-14 15:38:33 +03:00
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/dialog.js?{{.conf.StaticResourceVersion}}"></script>
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/menu.js?{{.conf.StaticResourceVersion}}"></script>
2015-02-13 04:59:51 +03:00
<script type="text/javascript" src="{{.conf.StaticServer}}/static/js/playground.js?{{.conf.StaticResourceVersion}}"></script>
</body>
</html>