d21d4d772f
modified: css/style.css modified: font/customjs.svg modified: popup.html
74 lines
3.6 KiB
HTML
74 lines
3.6 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Custom JavaScript</title>
|
|
|
|
<link href="css/pure/0.4.2/base-min.css" rel="stylesheet">
|
|
<link href="css/pure/0.4.2/grids-nr-min.css" rel="stylesheet">
|
|
<link href="css/pure/0.4.2/forms-nr-min.css" rel="stylesheet">
|
|
<link href="css/pure/0.4.2/buttons-min.css" rel="stylesheet">
|
|
<link href="css/style.css" rel="stylesheet">
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
|
|
<script type="text/javascript" src="lib/ace/ace.js" charset="utf-8"></script>
|
|
</head>
|
|
<body>
|
|
<div class="cutomjs" id="cutomjs">
|
|
<form action="" method="post" accept-charset="utf-8" class="pure-form">
|
|
|
|
<div class="pure-g host">
|
|
<div class="pure-u-3-5 host__name">
|
|
<select id="host" name="host"></select>
|
|
<a class="is-hidden" id="goto-host" href="#">go to</a>
|
|
</div>
|
|
<div class="pure-u-2-5 host__enable">
|
|
<label for="enable">
|
|
enable <em class="blue-text">cjs</em> for <span id="enable-label-text">this host</span>
|
|
<input id="enable" name="enable" type="checkbox">
|
|
</label>
|
|
</div>
|
|
</div><!-- .top -->
|
|
|
|
<div class="pure-g">
|
|
<div class="pure-u-1-8 share">
|
|
<button id="share" class="pure-button pure-button-primary icon-share"></button>
|
|
</div><!-- .share -->
|
|
<div class="pure-u-7-8 include">
|
|
<div class="include__body">
|
|
You can inject
|
|
<a href="#" id="open-popbox">your own external scripts</a> or
|
|
<label for="include">one of predefined:</label>
|
|
<select id="include" name="include"></select>
|
|
</div>
|
|
<div class="include__popbox is-hidden" id="include-popbox">
|
|
<div class="include__popbox__body">
|
|
<textarea name="external-scripts" id="external-scripts"></textarea>
|
|
</div>
|
|
<div class="include__popbox__screenmask" id="screen-mask"></div>
|
|
</div>
|
|
</div><!-- .include -->
|
|
</div>
|
|
|
|
<div class="pure-g source">
|
|
<div class="pure-u-1 source__editor">
|
|
<pre id="ace-editor"></pre>
|
|
</div>
|
|
</div><!-- .source -->
|
|
|
|
<div class="pure-g controls">
|
|
<div class="pure-u-2-5 controls__save-revision">
|
|
<input type="submit" class="pure-button pure-button-primary" name="save" value="save">
|
|
<em id="revision-name">revision <span id="revision-counter">1 of 1</span></em>
|
|
</div>
|
|
<div class="pure-u-3-5 controls__revisions">
|
|
<a class="red-text" id="delete-revision" href="#">delete current revision</a>
|
|
<button id="prev-revision" class="pure-button icon-left-open pure-button-disabled"></button>
|
|
<button id="next-revision" class="pure-button icon-right-open"></button>
|
|
</div>
|
|
</div><!-- .controls -->
|
|
|
|
</form>
|
|
</div>
|
|
<script src="lib/popup.js"></script>
|
|
</body>
|
|
</html>
|