aboutsummaryrefslogtreecommitdiff
path: root/src/main/assets/icon.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/main/assets/icon.js')
-rw-r--r--src/main/assets/icon.js31
1 files changed, 17 insertions, 14 deletions
diff --git a/src/main/assets/icon.js b/src/main/assets/icon.js
index 6ab3cd81..c94a1663 100644
--- a/src/main/assets/icon.js
+++ b/src/main/assets/icon.js
@@ -1,40 +1,43 @@
-import evilIcons from 'evil-icons/assets/sprite.svg';
+import evilIcons from 'evil-icons/assets/sprite.svg'
function icon(name, { size = '', className = '' }) {
- const classes = `icon icon--${name} icon--${size} ${className}`.trim();
+ const classes = `icon icon--${name} icon--${size} ${className}`.trim()
var icon = '<svg class="icon__cnt">' +
`<use xlink:href='${evilIcons}#${name}-icon' />` +
- '</svg>';
+ '</svg>'
var html = '<div class="' + classes + '">' +
wrapSpinner(icon, classes) +
- '</div>';
+ '</div>'
- return html;
+ return html
}
function wrapSpinner(html, klass) {
if (klass.indexOf('spinner') > -1) {
- return '<div class="icon__spinner">' + html + '</div>';
+ return '<div class="icon__spinner">' + html + '</div>'
} else {
- return html;
+ return html
}
}
+/**
+ *
+ */
export default function renderIcons() {
- var render = true;
- var icons = document.querySelectorAll('[data-icon]');
+ var render = true
+ var icons = document.querySelectorAll('[data-icon]')
for (var i = 0; i < icons.length; i++) {
- var currentIcon = icons[i];
- var name = currentIcon.getAttribute('data-icon');
+ var currentIcon = icons[i]
+ var name = currentIcon.getAttribute('data-icon')
var options = {
className: currentIcon.className,
size: currentIcon.getAttribute('data-size')
- };
+ }
- currentIcon.insertAdjacentHTML('beforebegin', icon(name, options));
- currentIcon.parentNode.removeChild(currentIcon);
+ currentIcon.insertAdjacentHTML('beforebegin', icon(name, options))
+ currentIcon.parentNode.removeChild(currentIcon)
}
}