51 lines
2.4 KiB
HTML
51 lines
2.4 KiB
HTML
<html>
|
|
<head>
|
|
<title>CSS Editor</title>
|
|
<link rel="stylesheet" href="../../node_modules/codemirror/lib/codemirror.css" />
|
|
<link rel="stylesheet" href="../../node_modules/codemirror/theme/material.css" />
|
|
<link rel="stylesheet" href="../../node_modules/codemirror/addon/scroll/simplescrollbars.css" />
|
|
<link rel="stylesheet" href="../../node_modules/codemirror/addon/dialog/dialog.css" />
|
|
<link rel="stylesheet" href="../../node_modules/codemirror/addon/hint/show-hint.css" />
|
|
<link rel="stylesheet" href="./main.css" />
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="titlebar">
|
|
<div class="draggable"></div>
|
|
<div class="icon">
|
|
<div class="inner"></div>
|
|
</div>
|
|
<div class="title">CSS Editor</div>
|
|
<div class="flex-spacer"></div>
|
|
<div class="controls">
|
|
<button title="Toggle always on top" id="toggleaot">P</button>
|
|
<button title="Close CSS Editor" id="closeeditor">X</button>
|
|
</div>
|
|
</div>
|
|
<div id="spinner"><div class="valign">Loading Please Wait...</div></div>
|
|
<div class="editor" id="editor">
|
|
</div>
|
|
<div class="tools">
|
|
<div class="flex-row">
|
|
<button id="btnSave">Save</button>
|
|
<button id="btnUpdate">Update</button>
|
|
<div class="flex-spacer"></div>
|
|
<div id="chkboxLiveUpdate"><input type="checkbox"><span>Live Update</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>const $ = require('../../node_modules/jquery/dist/jquery.min.js');</script>
|
|
<script src="../../node_modules/codemirror/lib/codemirror.js"></script>
|
|
<script src="../../node_modules/codemirror/mode/css/css.js"></script>
|
|
<script src="../../node_modules/codemirror/addon/scroll/simplescrollbars.js"></script>
|
|
<script src="../../node_modules/codemirror/addon/search/search.js"></script>
|
|
<script src="../../node_modules/codemirror/addon/search/searchcursor.js"></script>
|
|
<script src="../../node_modules/codemirror/addon/search/jump-to-line.js"></script>
|
|
<script src="../../node_modules/codemirror/addon/dialog/dialog.js"></script>
|
|
<script src="../../node_modules/codemirror/addon/hint/show-hint.js"></script>
|
|
<script src="../../node_modules/codemirror/addon/hint/css-hint.js"></script>
|
|
<script src="./main.js"></script>
|
|
</body>
|
|
</html>
|