mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-31 18:50:14 +02:00
Code Issues Releases Wiki Activity

save modes in storage.

Browse Source
This commit is contained in:
Kushagra Gour
2016-07-14 02:27:55 +05:30
parent 45aa1d1e7d
commit ad3c605649
2 changed files with 22 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/index.html
View File

@@ -301,7 +301,7 @@
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: 0.3s ease;
transition: 0.25s ease;
transform: translateY(10px);
z-index: 5;
background: white;
@@ -340,9 +340,9 @@
<div class="btn-group" dropdown>
<span id="js-css-mode-label">CSS</span><span class="caret"></span>
<ul class="js-modes-menu dropdown__menu">
<li><a data-mode-type="css" data-mode="css">CSS</a></li>
<li><a data-mode-type="css" data-mode="scss">SCSS</a></li>
<li><a data-mode-type="css" data-mode="less">LESS</a></li>
<li><a data-type="css" data-mode="css">CSS</a></li>
<li><a data-type="css" data-mode="scss">SCSS</a></li>
<li><a data-type="css" data-mode="less">LESS</a></li>
</ul>
</div>
</div>
@@ -352,9 +352,9 @@
<div class="btn-group" dropdown>
<span id="js-js-mode-label">JS</span><span class="caret"></span>
<ul class="js-modes-menu dropdown__menu">
<li><a data-mode-type="js" data-mode="js">JS</a></li>
<li><a data-mode-type="js" data-mode="coffee">CoffeeScript</a></li>
<li><a data-mode-type="js" data-mode="es6">ES6 (Babel)</a></li>
<li><a data-type="js" data-mode="js">JS</a></li>
<li><a data-type="js" data-mode="coffee">CoffeeScript</a></li>
<li><a data-type="js" data-mode="es6">ES6 (Babel)</a></li>
</ul>
</div>
</div>

22
src/script.js
View File

@@ -128,11 +128,17 @@
cssMode = value;
cssModelLabel.textContent = value;
editur.cm.css.setOption('mode', value);
chrome.storage.sync.set({
cssMode: value
}, function () {});
}
function updateJsMode(value) {
jsMode = value;
jsModelLabel.textContent = value;
editur.cm.js.setOption('mode', value);
chrome.storage.sync.set({
jsMode: value
}, function () {});
}
function computeHtml() {
return editur.cm.html.getValue();
@@ -203,9 +209,9 @@
editur.setPreviewContent = function () {
var html = computeHtml();
var cssPromise = css = computeCss();
var js = computeJs();
Promise.all([html, cssPromise, js]).then(function (result) {
var cssPromise = computeCss();
var jsPromise = computeJs();
Promise.all([html, cssPromise, jsPromise]).then(function (result) {
createPreviewFile(result[0], result[1], result[2]);
});
};
@@ -321,7 +327,7 @@
var type = e.currentTarget.dataset.type;
var currentMode = type === 'js' ? jsMode : cssMode;
if (currentMode !== mode) {
if (type = 'js') {
if (type === 'js') {
updateJsMode(mode);
} else {
updateCssMode(mode);
@@ -329,8 +335,6 @@
}
});
});
updateJsMode(jsMode);
updateCssMode(cssMode);
window.addEventListener('keydown', function (event) {
if ((event.ctrlKey || event.metaKey) && (event.keyCode === 83)){
@@ -375,7 +379,9 @@
// Get synced `preserveLastCode` setting to get back last code (or not).
chrome.storage.sync.get({
preserveLastCode: true
preserveLastCode: true,
jsMode: 'js',
cssMode: 'css'
}, function syncGetCallback(result) {
if (result.preserveLastCode && lastCode) {
editur.cm.html.setValue(lastCode.html);
@@ -385,6 +391,8 @@
editur.cm.css.refresh();
editur.cm.js.refresh();
}
updateJsMode(result.jsMode);
updateCssMode(result.cssMode);
});
// Check for new version notifications