mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-06-06 09:35:40 +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
Show Stats 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>

44
src/script.js
View File

@ -450,6 +450,7 @@ TextareaAutoComplete */
notificationsModal.classList.remove('is-modal-visible');
addLibraryModal.classList.remove('is-modal-visible');
onboardModal.classList.remove('is-modal-visible');
settingsModal.classList.remove('is-modal-visible');
toggleSavedItemsPane(false);
document.dispatchEvent(new Event('overlaysClosed'));
}
@ -832,6 +833,7 @@ TextareaAutoComplete */
keyMap: 'sublime',
theme: 'monokai',
lint: !!options.lint,
tabSize: 2,
foldGutter: true,
styleActiveLine: true,
gutters: options.gutters || [],
@ -849,6 +851,17 @@ TextareaAutoComplete */
},
'Shift-Tab': function(editor) {
CodeMirror.commands.indentAuto(editor);
},
'Tab': function(editor) {
// FIXME: This breaks the usual tab behavior of stepping only in fixes size.
// Following code always puts `indentUnit` no. of spaces.
var input = $('[data-setting=indentWith]:checked');
if (!editor.somethingSelected() && (!input || input.value === 'spaces')) {
// softtabs adds spaces
CodeMirror.commands.insertSoftTab(editor);
} else {
CodeMirror.commands.defaultTab(editor);
}
}
}
});
@ -903,6 +916,8 @@ TextareaAutoComplete */
Inlet(scope.cm.js);
function openSettings() {
settingsModal.classList.toggle('is-modal-visible');
return;
if (chrome.runtime.openOptionsPage) {
// New way to open options pages, if supported (Chrome 42+).
// Bug: https://bugs.chromium.org/p/chromium/issues/detail?id=601997
@ -1119,12 +1134,41 @@ TextareaAutoComplete */
e.preventDefault();
}
function getSetting(settingName) {
// return
}
scope.updateSetting = function updateSetting(e) {
var settingName = e.target.dataset.setting;
console.log(e, settingName);
var obj = {};
obj[e.target.dataset.setting] = e.target.checked;
chrome.storage.sync.set(obj, function() {
alertsService.add('setting saved');
});
scope.cm.js.setOption(
'indentWithTabs',
$('[data-setting=indentWith]:checked').value === 'tab'
);
scope.cm.js.setOption('blastCode', $('[data-setting=isCodeBlastOn]').checked ? { effect: 2 } : false);
scope.cm.js.setOption('indentUnit', $('[data-setting=indentSize]').value);
scope.cm.js.setOption('tabSize', $('[data-setting=indentSize]').value);
};
function compileNodes() {
var nodes = [].slice.call($all('[d-click]'));
nodes.forEach(function (el) {
el.addEventListener('click', function (e) {
scope[el.getAttribute('d-click')].call(window, e)
});
});
nodes = [].slice.call($all('[d-change]'));
nodes.forEach(function (el) {
el.addEventListener('change', function (e) {
scope[el.getAttribute('d-change')].call(window, e)
});
})
}