2014-05-07 13:56:35 +02:00
|
|
|
<!doctype html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>Custom JavaScript</title>
|
2014-05-09 08:51:48 +02:00
|
|
|
|
2014-05-07 13:56:35 +02:00
|
|
|
<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">
|
2014-05-09 08:51:48 +02:00
|
|
|
|
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
|
2014-05-07 20:32:34 +02:00
|
|
|
<script type="text/javascript" src="lib/ace/ace.js" charset="utf-8"></script>
|
2014-05-07 13:56:35 +02:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2014-05-07 15:56:06 +02:00
|
|
|
<div class="cutomjs" id="cutomjs">
|
2014-05-11 19:19:09 +02:00
|
|
|
<form action="" method="post" accept-charset="utf-8" id="popup-form" class="pure-form">
|
2014-05-07 15:56:06 +02:00
|
|
|
|
|
|
|
|
<div class="pure-g host">
|
|
|
|
|
<div class="pure-u-3-5 host__name">
|
|
|
|
|
<select id="host" name="host"></select>
|
2014-05-09 08:51:48 +02:00
|
|
|
<a class="is-hidden" id="goto-host" href="#">go to</a>
|
2014-05-07 15:56:06 +02:00
|
|
|
</div>
|
|
|
|
|
<div class="pure-u-2-5 host__enable">
|
|
|
|
|
<label for="enable">
|
2014-05-11 19:19:09 +02:00
|
|
|
enable <em class="blue-text">cjs</em> for this host
|
2014-05-07 15:56:06 +02:00
|
|
|
<input id="enable" name="enable" type="checkbox">
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div><!-- .top -->
|
2014-05-07 20:32:34 +02:00
|
|
|
|
2014-05-09 09:05:55 +02:00
|
|
|
<div class="pure-g">
|
2014-05-11 19:19:09 +02:00
|
|
|
|
2014-05-09 09:05:55 +02:00
|
|
|
<div class="pure-u-1-8 share">
|
|
|
|
|
<button id="share" class="pure-button pure-button-primary icon-share"></button>
|
|
|
|
|
</div><!-- .share -->
|
2014-05-11 19:19:09 +02:00
|
|
|
|
2014-05-09 09:05:55 +02:00
|
|
|
<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>
|
2014-05-11 19:19:09 +02:00
|
|
|
<select id="include" name="include">
|
|
|
|
|
<option value=""> ---- nothing ---- </option>
|
|
|
|
|
</select>
|
2014-05-09 08:51:48 +02:00
|
|
|
</div>
|
2014-05-09 09:05:55 +02:00
|
|
|
<div class="include__popbox is-hidden" id="include-popbox">
|
|
|
|
|
<div class="include__popbox__body">
|
2014-05-11 19:19:09 +02:00
|
|
|
<textarea name="extra-scripts" id="extra-scripts"></textarea>
|
2014-05-09 09:05:55 +02:00
|
|
|
</div>
|
2014-05-11 19:19:09 +02:00
|
|
|
<div class="include__popbox__screenmask" id="screen-mask" title="ahaha"></div>
|
2014-05-09 09:05:55 +02:00
|
|
|
</div>
|
|
|
|
|
</div><!-- .include -->
|
2014-05-11 19:19:09 +02:00
|
|
|
|
2014-05-09 09:05:55 +02:00
|
|
|
</div>
|
2014-05-07 15:56:06 +02:00
|
|
|
|
|
|
|
|
<div class="pure-g source">
|
2014-05-07 20:32:34 +02:00
|
|
|
<div class="pure-u-1 source__editor">
|
|
|
|
|
<pre id="ace-editor"></pre>
|
|
|
|
|
</div>
|
2014-05-07 15:56:06 +02:00
|
|
|
</div><!-- .source -->
|
|
|
|
|
|
|
|
|
|
<div class="pure-g controls">
|
2014-05-09 08:51:48 +02:00
|
|
|
<div class="pure-u-2-5 controls__save-revision">
|
2014-05-11 19:19:09 +02:00
|
|
|
<input type="submit" id="save" class="pure-button pure-button-primary" name="save" value="save">
|
|
|
|
|
<em>revision <span id="revision-counter">1 of 1</span></em>
|
2014-05-07 15:56:06 +02:00
|
|
|
</div>
|
2014-05-09 08:51:48 +02:00
|
|
|
<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>
|
2014-05-07 15:56:06 +02:00
|
|
|
</div>
|
|
|
|
|
</div><!-- .controls -->
|
2014-05-09 08:51:48 +02:00
|
|
|
|
2014-05-07 13:56:35 +02:00
|
|
|
</form>
|
2014-05-09 08:51:48 +02:00
|
|
|
</div>
|
|
|
|
|
<script src="lib/popup.js"></script>
|
2014-05-07 13:56:35 +02:00
|
|
|
</body>
|
|
|
|
|
</html>
|
