mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-10-16 05:56:05 +02:00
Code Issues Releases Wiki Activity

add structure for settings pane. fixes #65 #28

Browse Source
This commit is contained in:
Kushagra Gour
2017-03-04 18:23:12 +05:30
parent f704ae6b53
commit 56679fee72
2 changed files with 88 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/index.html
View File

@@ -175,7 +175,7 @@
</div>
<div class="modal" id="addLibraryModal">
<div class="modal__content" id="app">
<div class="modal__content">
<h1>Add Library</h1>
<h3>JavaScript</h3>
<textarea id="js-external-js" class="full-width" id="" cols="30" rows="5" placeholder="Start typing name of a library. Put each library in new line"></textarea>
@@ -291,6 +291,48 @@
</div>
</div>
<style>
label {
display: block;
cursor: pointer;
}
</style>
<div class="modal" id="settingsModal">
<div class="modal__content">
<h1>Settings</h1>
<h3>Indentation</h3>
<p>
<label>
<input type="radio" checked="true" name="indentation" value="spaces" d-change="updateSetting" data-setting="indentWith"> Spaces
</label>
<label>
<input type="radio" name="indentation" value="tab" d-change="updateSetting" data-setting="indentWith"> Tabs
</label>
<label>
<input type="range" value="2" min="1" max="10" data-setting="indentSize" d-change="updateSetting"> Size
</label>
</p>
<h3>Editing</h3>
<p>
<label>
<input type="checkbox" d-change="updateSetting"> Save on focus lost
</label>
<label>
<input type="checkbox" d-change="updateSetting"> Preserve last written code
</label>
</p>
<h3>Fun</h3>
<p>
<label>
<input type="checkbox" d-change="updateSetting" data-setting="isCodeBlastOn"> Code blast!
</label>
</p>
</div>
</div>
<div class="modal" id="notificationsModal">
<div class="modal__content">
<h1>Whats new?</h1>
@@ -463,6 +505,7 @@ Import
<script src="lib/codemirror/mode/htmlmixed/htmlmixed.js"></script>
<script src="lib/codemirror/keymap/sublime.js"></script>
<script src="lib/emmet.js"></script>
<script src="lib/code-blast.js"></script>
<script src="lib/split.js"></script>
<script src="lib/inlet.min.js"></script>