blob: 959bc56a497d6156766b1daa3a83a801d7767ce8 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
|
import projects from './config/projects';
import { isStyleJsExists } from './utilities/helpers';
/**
* Create a list item for a project.
* @param {Integer} id - The project id.
* @param {String} name - The project name.
* @returns {HTMLElement} The list item.
*/
function getProjectsNavItem(id, name) {
const item = document.createElement('li');
const link = document.createElement('a');
link.classList.add('nav__link', 'nav__link--app');
link.href = id;
link.id = id;
link.textContent = name;
item.classList.add('nav__item');
item.appendChild(link);
return item;
}
/**
* Print the list of available projects.
*/
function printProjectsNav() {
const ul = document.querySelector('.nav .nav__list');
projects.forEach((project) => {
const item = getProjectsNavItem(project.id, project.name);
ul.appendChild(item);
});
}
/**
* Add style.js script for development purposes.
*/
function loadWebpackStyles() {
if (isStyleJsExists()) {
const head = document.querySelector('head');
const script = document.createElement('script');
script.src = 'assets/js/style.js';
head.appendChild(script);
}
}
/**
* Initialize the website with the projects list.
*/
function init() {
loadWebpackStyles();
printProjectsNav();
}
init();
|
