Skip to content
Snippets Groups Projects
Unverified Commit 3001d9d6 authored by Bekerle, Patrizio's avatar Bekerle, Patrizio :fire:
Browse files

Fix linting errors

parent fd9d43d2
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
packages/common/src/icon.js
+ 57
− 57
View file @ 3001d9d6
import {html, LitElement, css} from 'lit-element'; import {html, LitElement, css} from 'lit-element';
import {unsafeHTML} from 'lit-html/directives/unsafe-html.js'; // import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
import {until} from 'lit-html/directives/until.js'; // import {until} from 'lit-html/directives/until.js';
import * as commonUtils from '../utils.js'; import * as commonUtils from '../utils.js';
import {name as pkgName} from './../package.json'; import {name as pkgName} from './../package.json';
// Use in case the icon fails to load // // Use in case the icon fails to load
const errorIcon = ` // const errorIcon = `
<svg version="1.1" id="Layer_2_1_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" // <svg version="1.1" id="Layer_2_1_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"> // viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<g> // <g>
<path d="M38.2,98.7c-1.1,0-2.2-0.6-2.8-1.6c-0.5-0.8-0.6-1.8-0.3-2.6l8.9-37.8H24.5c-1.2,0-2.2-0.6-2.8-1.5c-0.6-1-0.7-2.2-0.1-3.2 // <path d="M38.2,98.7c-1.1,0-2.2-0.6-2.8-1.6c-0.5-0.8-0.6-1.8-0.3-2.6l8.9-37.8H24.5c-1.2,0-2.2-0.6-2.8-1.5c-0.6-1-0.7-2.2-0.1-3.2
l0.2-0.3L54.9,3.1c0.9-1.6,2.3-1.8,2.8-1.8c1.1,0,2.2,0.6,2.8,1.6c0.5,0.8,0.6,1.7,0.3,2.6l-6.9,30.4L75.6,36 // l0.2-0.3L54.9,3.1c0.9-1.6,2.3-1.8,2.8-1.8c1.1,0,2.2,0.6,2.8,1.6c0.5,0.8,0.6,1.7,0.3,2.6l-6.9,30.4L75.6,36
c1.1,0,2.2,0.6,2.8,1.5c0.6,1,0.7,2.2,0.1,3.2l-0.2,0.3L40.8,97.4l-0.2,0.2C40.3,97.9,39.5,98.7,38.2,98.7z M28.6,51.2h18.1 // c1.1,0,2.2,0.6,2.8,1.5c0.6,1,0.7,2.2,0.1,3.2l-0.2,0.3L40.8,97.4l-0.2,0.2C40.3,97.9,39.5,98.7,38.2,98.7z M28.6,51.2h18.1
c1.8,0,3.2,1.5,3.2,3.4v0.3l-6.8,29l28.2-42.4l-20.3-0.1c-1.8,0-3.2-1.5-3.2-3.4v-0.3l5-21.9L28.6,51.2z M75.5,41.5 // c1.8,0,3.2,1.5,3.2,3.4v0.3l-6.8,29l28.2-42.4l-20.3-0.1c-1.8,0-3.2-1.5-3.2-3.4v-0.3l5-21.9L28.6,51.2z M75.5,41.5
C75.5,41.5,75.5,41.5,75.5,41.5L75.5,41.5z M51.1,35.9L51.1,35.9C51.2,35.9,51.1,35.9,51.1,35.9z"/> // C75.5,41.5,75.5,41.5,75.5,41.5L75.5,41.5z M51.1,35.9L51.1,35.9C51.2,35.9,51.1,35.9,51.1,35.9z"/>
</g> // </g>
</svg> // </svg>
`; // `;
function getCSSVariable(name) { // function getCSSVariable(name) {
let value = window.getComputedStyle(document.documentElement).getPropertyValue(name); // let value = window.getComputedStyle(document.documentElement).getPropertyValue(name);
//
if (!value) { // if (!value) {
return null; // return null;
} // }
//
return value.replaceAll('"', '').replaceAll('\'', '').trim(); // return value.replaceAll('"', '').replaceAll('\'', '').trim();
} // }
export function getIconSVGURL(name) { export function getIconSVGURL(name) {
// const varName = '--dbp-override-icon-' + name; // const varName = '--dbp-override-icon-' + name;
...@@ -71,38 +71,38 @@ export function getIconCSS(name) { ...@@ -71,38 +71,38 @@ export function getIconCSS(name) {
`; `;
} }
async function getSVGTextElement(name) { // async function getSVGTextElement(name) {
const iconURL = getIconSVGURL(name); // const iconURL = getIconSVGURL(name);
// console.log("iconURL: " + iconURL); // // console.log("iconURL: " + iconURL);
//
const response = await fetch(iconURL); // const response = await fetch(iconURL);
if (!response.ok) { // if (!response.ok) {
return unsafeHTML(errorIcon); // return unsafeHTML(errorIcon);
} // }
let text = await response.text(); // let text = await response.text();
if (text.indexOf('<svg') === -1) { // if (text.indexOf('<svg') === -1) {
return unsafeHTML(errorIcon); // return unsafeHTML(errorIcon);
} // }
text = text.slice(text.indexOf('<svg')); // text = text.slice(text.indexOf('<svg'));
return unsafeHTML(text); // return unsafeHTML(text);
} // }
const iconCache = {}; // const iconCache = {};
/** // /**
* Avoid lots of requests in case an icon is used multiple times on the same page. // * Avoid lots of requests in case an icon is used multiple times on the same page.
* // *
* @param {string} name // * @param {string} name
*/ // */
async function getSVGTextElementCached(name) { // async function getSVGTextElementCached(name) {
if (iconCache[name] === undefined) { // if (iconCache[name] === undefined) {
let promise = getSVGTextElement(name); // let promise = getSVGTextElement(name);
iconCache[name] = promise; // iconCache[name] = promise;
return promise; // return promise;
} else { // } else {
return iconCache[name]; // return iconCache[name];
} // }
} // }
/** /**
* For icon names see https://lineicons.com * For icon names see https://lineicons.com
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment