Mirror
/
programmingfonts
mirror of https://github.com/braver/programmingfonts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

run rome formatter

This commit is contained in:
Koen Lagveen 2022-12-28 16:46:17 +01:00
parent 8134985103
commit 87fc4229bb
1 changed files with 17 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
index.js
View File

@ -31,7 +31,7 @@ const selectTheme = () => {
} }
editor.setOption('theme', theme); editor.setOption('theme', theme);
document.cookie = `theme=${theme};max-age=172800`; document.cookie = `theme=${theme};max-age=172800`;
} };
// ProgrammingFonts font selector // ProgrammingFonts font selector
const selectFont = () => { const selectFont = () => {
@ -43,8 +43,7 @@ const selectFont = () => {
font = 'cartograph'; font = 'cartograph';
status_msg.innerHTML = 'Test drive all the programming fonts!'; status_msg.innerHTML = 'Test drive all the programming fonts!';
} else if (typeof font_data !== 'undefined') { } else if (typeof font_data !== 'undefined') {
status_msg.innerHTML = status_msg.innerHTML = `Test drive <a rel="external" href="${font_data[font].website}">${font_data[font].name}!</a>`;
`Test drive <a rel="external" href="${font_data[font].website}">${font_data[font].name}!</a>`;
} }
if (typeof font_data !== 'undefined' && font_data[font].rendering === 'bitmap') { if (typeof font_data !== 'undefined' && font_data[font].rendering === 'bitmap') {
@ -55,25 +54,25 @@ const selectFont = () => {
if (font === 'input') { if (font === 'input') {
code_mirror.style.fontFamily = 'Input Mono, monospace'; code_mirror.style.fontFamily = 'Input Mono, monospace';
code_mirror.querySelectorAll('pre, textarea').forEach(element => { code_mirror.querySelectorAll('pre, textarea').forEach((element) => {
element.style.fontFamily = 'Input Mono, monospace'; element.style.fontFamily = 'Input Mono, monospace';
}); });
} else { } else {
code_mirror.style.fontFamily = `${font}, monospace`; code_mirror.style.fontFamily = `${font}, monospace`;
code_mirror.querySelectorAll('pre, textarea').forEach(element => { code_mirror.querySelectorAll('pre, textarea').forEach((element) => {
element.style.fontFamily = `${font}, monospace`; element.style.fontFamily = `${font}, monospace`;
}); });
} }
document.querySelectorAll('#select-font [data-alias]').forEach(element => { document.querySelectorAll('#select-font [data-alias]').forEach((element) => {
element.classList.remove('active'); element.classList.remove('active');
}); });
document.querySelectorAll(`#select-font [data-alias='${font}']`).forEach(element => { document.querySelectorAll(`#select-font [data-alias='${font}']`).forEach((element) => {
element.classList.add('active'); element.classList.add('active');
}); });
document.cookie = `font=${font};max-age=172800`; document.cookie = `font=${font};max-age=172800`;
} };
window.onhashchange = selectFont; window.onhashchange = selectFont;
@ -107,26 +106,26 @@ function setCounter(amount) {
function applyFilters() { function applyFilters() {
var count = 0; var count = 0;
Object.keys(filters).forEach(filter => { Object.keys(filters).forEach((filter) => {
var button = document.querySelector(`button[value="${filter}"]`); var button = document.querySelector(`button[value="${filter}"]`);
if (!button) { if (!button) {
return; return;
} }
if (filters[filter]) { if (filters[filter]) {
button.classList.add('selected'); button.classList.add('selected');
button.querySelectorAll('svg').forEach(image => { button.querySelectorAll('svg').forEach((image) => {
image.classList.remove('selected'); image.classList.remove('selected');
}); });
button.querySelector(`svg[alt="${filters[filter]}"]`).classList.add('selected'); button.querySelector(`svg[alt="${filters[filter]}"]`).classList.add('selected');
} else { } else {
button.classList.remove('selected'); button.classList.remove('selected');
button.querySelectorAll('svg').forEach(image => { button.querySelectorAll('svg').forEach((image) => {
image.classList.remove('selected'); image.classList.remove('selected');
}); });
} }
}); });
document.querySelectorAll('.entry[data-alias]').forEach(element => { document.querySelectorAll('.entry[data-alias]').forEach((element) => {
var data = font_data[element.dataset.alias]; var data = font_data[element.dataset.alias];
if ( if (
(!filters.style || data.style === filters.style) && (!filters.style || data.style === filters.style) &&
@ -176,7 +175,7 @@ function renderSelectList() {
if (ajax.readyState === 4 && ajax.status === 200) { if (ajax.readyState === 4 && ajax.status === 200) {
font_data = ajax.response; font_data = ajax.response;
Object.keys(font_data).forEach(key => { Object.keys(font_data).forEach((key) => {
var v = font_data[key]; var v = font_data[key];
v.alias = key; v.alias = key;
fonts.push(v); fonts.push(v);
@ -203,13 +202,13 @@ function renderSelectList() {
return 0; return 0;
}); });
authors.forEach(author => { authors.forEach((author) => {
var option = document.createElement('option'); var option = document.createElement('option');
option.innerHTML = author; option.innerHTML = author;
document.getElementById('authors-list').querySelector('.other').appendChild(option); document.getElementById('authors-list').querySelector('.other').appendChild(option);
}); });
fonts.forEach(v => { fonts.forEach((v) => {
var option = document.createElement('div'); var option = document.createElement('div');
option.classList.add('entry'); option.classList.add('entry');
@ -218,8 +217,7 @@ function renderSelectList() {
} }
option.setAttribute('data-alias', v.alias); option.setAttribute('data-alias', v.alias);
option.innerHTML = option.innerHTML = `<a href="#${v.alias}" data-style="${v.style}"><span class="name">${v.name}</span><span class="details">${v.year} — ${v.author}</span></a><a class="favoritelink" onclick="toggleFavorite(\'${v.alias}\')">${pinIcon}</a><a class="website" href="${v.website}" rel="external"> <span>Website</span>${icon}</a>`;
`<a href="#${v.alias}" data-style="${v.style}"><span class="name">${v.name}</span><span class="details">${v.year} — ${v.author}</span></a><a class="favoritelink" onclick="toggleFavorite(\'${v.alias}\')">${pinIcon}</a><a class="website" href="${v.website}" rel="external"> <span>Website</span>${icon}</a>`;
document.getElementById('select-font').appendChild(option); document.getElementById('select-font').appendChild(option);
}); });
@ -238,7 +236,7 @@ function toggleFavorite(alias) {
try { try {
favorites = JSON.parse(localStorage.getItem('favorites')) || []; favorites = JSON.parse(localStorage.getItem('favorites')) || [];
if (favorites.indexOf(alias) > -1) { if (favorites.indexOf(alias) > -1) {
favorites = favorites.filter(v => { favorites = favorites.filter((v) => {
return v !== alias; return v !== alias;
}); });
} else { } else {
@ -377,7 +375,7 @@ window.addEventListener('DOMContentLoaded', () => {
document document
.getElementById('filters') .getElementById('filters')
.querySelectorAll('button') .querySelectorAll('button')
.forEach(button => { .forEach((button) => {
button.onclick = (event) => { button.onclick = (event) => {
event.preventDefault(); event.preventDefault();
event.stopPropagation(); event.stopPropagation();