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

Update element selectors

Browse Source
This commit is contained in:
Rob Garrison 2017-08-20 13:32:41 -05:00
parent b429735e86
commit 5936d766f8
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
edit/lint.js
View File

@ -3,14 +3,14 @@
'use strict'; 'use strict';
function initLint() { function initLint() {
document.getElementById('lint-help').addEventListener('click', showLintHelp); $('#lint-help').addEventListener('click', showLintHelp);
document.getElementById('lint').addEventListener('click', gotoLintIssue); $('#lint').addEventListener('click', gotoLintIssue);
window.addEventListener('resize', resizeLintReport); window.addEventListener('resize', resizeLintReport);
document.getElementById('stylelint-settings').addEventListener('click', openStylelintSettings); $('#stylelint-settings').addEventListener('click', openStylelintSettings);
// touch devices don't have onHover events so the element we'll be toggled via clicking (touching) // touch devices don't have onHover events so the element we'll be toggled via clicking (touching)
if ('ontouchstart' in document.body) { if ('ontouchstart' in document.body) {
document.querySelector('#lint h2').addEventListener('click', toggleLintReport); $('#lint h2').addEventListener('click', toggleLintReport);
} }
BG.chromeLocal.getValue('editorStylelintRules').then(rules => setStylelintRules(rules)); BG.chromeLocal.getValue('editorStylelintRules').then(rules => setStylelintRules(rules));
} }
@ -133,7 +133,7 @@ function updateLintReport(cm, delay) {
} }
function renderLintReport(someBlockChanged) { function renderLintReport(someBlockChanged) {
const container = document.getElementById('lint'); const container = $('#lint');
const content = container.children[1]; const content = container.children[1];
const label = t('sectionCode'); const label = t('sectionCode');
const newContent = content.cloneNode(false); const newContent = content.cloneNode(false);
@ -153,7 +153,7 @@ function renderLintReport(someBlockChanged) {
} }
}); });
if (someBlockChanged || newContent.children.length !== content.children.length) { if (someBlockChanged || newContent.children.length !== content.children.length) {
document.getElementById('issue-count').textContent = issueCount; $('#issue-count').textContent = issueCount;
container.replaceChild(newContent, content); container.replaceChild(newContent, content);
container.style.display = newContent.children.length ? 'block' : 'none'; container.style.display = newContent.children.length ? 'block' : 'none';
resizeLintReport(); resizeLintReport();
@ -183,13 +183,13 @@ function gotoLintIssue(event) {
makeSectionVisible(block.cm); makeSectionVisible(block.cm);
block.cm.focus(); block.cm.focus();
block.cm.setSelection({ block.cm.setSelection({
line: parseInt(issue.querySelector('td[role="line"]').textContent) - 1, line: parseInt($('td[role="line"]', issue).textContent) - 1,
ch: parseInt(issue.querySelector('td[role="col"]').textContent) - 1 ch: parseInt($('td[role="col"]', issue).textContent) - 1
}); });
} }
function toggleLintReport() { function toggleLintReport() {
document.getElementById('lint').classList.toggle('collapsed'); $('#lint').classList.toggle('collapsed');
} }
function showLintHelp() { function showLintHelp() {
@ -217,7 +217,7 @@ function showLintHelp() {
} }
function setupStylelintSettingsEvents(popup) { function setupStylelintSettingsEvents(popup) {
popup.querySelector('.save').addEventListener('click', event => { $('.save', popup).addEventListener('click', event => {
event.preventDefault(); event.preventDefault();
const json = tryJSONparse(popup.codebox.getValue()); const json = tryJSONparse(popup.codebox.getValue());
if (json && json.rules) { if (json && json.rules) {
@ -238,7 +238,7 @@ function setupStylelintSettingsEvents(popup) {
}, 3000); }, 3000);
} }
}); });
popup.querySelector('.reset').addEventListener('click', event => { $('.reset', popup).addEventListener('click', event => {
event.preventDefault(); event.preventDefault();
setStylelintRules(); setStylelintRules();
popup.codebox.setValue(JSON.stringify({rules: stylelintDefaultConfig.rules}, null, 2)); popup.codebox.setValue(JSON.stringify({rules: stylelintDefaultConfig.rules}, null, 2));
@ -287,7 +287,7 @@ function setupStylelintPopup(rules) {
}) })
] ]
})); }));
const contents = popup.querySelector('.contents'); const contents = $('.contents', popup);
const loadJSON = window.jsonlint ? [] : [ const loadJSON = window.jsonlint ? [] : [
'vendor/codemirror/mode/javascript/javascript.js', 'vendor/codemirror/mode/javascript/javascript.js',
'vendor/codemirror/addon/lint/json-lint.js', 'vendor/codemirror/addon/lint/json-lint.js',