open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Edit style: allow adding sections midway, autofocus on manual add

Browse Source
This commit is contained in:
tophf 2015-03-12 13:17:59 +03:00
parent b8c918e502
commit 55538f808d
2 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
edit.html
View File

@ -134,10 +134,6 @@
display: none;
}
#sections > div .add-section {
display: none;
}
#sections > div:last-of-type .add-section {
display: inline;
margin-left: 0.4em;
}
.applies-to img {

22
edit.js
View File

@ -171,11 +171,11 @@ function addAppliesTo(list, name, value) {
list.appendChild(e);
}
function addSection(section) {
function addSection(event, section) {
var div = sectionTemplate.cloneNode(true);
div.querySelector(".applies-to-help").addEventListener("click", showAppliesToHelp, false);
div.querySelector(".remove-section").addEventListener("click", removeSection, false);
div.querySelector(".add-section").addEventListener("click", function() {addSection()}, false);
div.querySelector(".add-section").addEventListener("click", addSection, false);
var appliesTo = div.querySelector(".applies-to-list");
@ -211,8 +211,18 @@ function addSection(section) {
}
var sections = document.getElementById("sections");
sections.appendChild(div);
setupCodeMirror(div.querySelector('.code'));
var section = event ? event.target.parentNode : null;
if (event && section.nextElementSibling) {
sections.insertBefore(div, section.nextElementSibling);
} else {
sections.appendChild(div);
}
var cm = setupCodeMirror(div.querySelector('.code'));
if (section) {
var index = Array.prototype.indexOf.call(sections.children, section);
editors.splice(index, 0, editors.pop());
cm.focus();
}
}
function removeAppliesTo(event) {
@ -334,7 +344,7 @@ function init() {
} else if (params["url-prefix"]) {
section.urlPrefixes = [params["url-prefix"]];
}
addSection(section);
addSection(null, section);
// default to enabled
document.getElementById("enabled").checked = true
document.title = t("addStyleTitle");
@ -359,7 +369,7 @@ function initWithStyle(style) {
Array.prototype.forEach.call(document.querySelectorAll("#sections > div"), function(div) {
div.parentNode.removeChild(div);
});
style.sections.forEach(addSection);
style.sections.forEach(function(section) { addSection(null, section) });
setupGlobalSearch();
}