Skip to content
This repository was archived by the owner on Apr 16, 2022. It is now read-only.

Commit b09d653

Browse files
nazarioanazarioa
committed
Trigger linting
1 parent 2a8af18 commit b09d653

22 files changed

Lines changed: 298 additions & 308 deletions

‎app-main/babel.config.cjs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
11
module.exports = {
2-
presets: [['@babel/preset-env', {targets: {node: 'current'}}]],
2+
presets: [["@babel/preset-env", { targets: { node: "current" } }]],
33
};

‎app-main/gulpfile.js‎

Lines changed: 11 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,18 @@
11
var gulp = require('gulp');
22
var concat = require('gulp-concat');
33

4-
gulp.task('pack-js', function() {
5-
return gulp.src(['public/js/index.js'])
6-
.pipe(concat('bundle.js'))
7-
.pipe(gulp.dest('public/build/js'))
4+
gulp.task('pack-js', function () {
5+
return gulp
6+
.src(['public/js/index.js'])
7+
.pipe(concat('bundle.js'))
8+
.pipe(gulp.dest('public/build/js'));
89
});
910

10-
gulp.task('pack-css', function() {
11-
return gulp.src(['public/css/style.css'])
12-
.pipe(concat('stylesheet.css'))
13-
.pipe(gulp.dest('public/build/css'))
11+
gulp.task('pack-css', function () {
12+
return gulp
13+
.src(['public/css/style.css'])
14+
.pipe(concat('stylesheet.css'))
15+
.pipe(gulp.dest('public/build/css'));
1416
});
1517

16-
gulp.task('default', gulp.series(['pack-js', 'pack-css']));
18+
gulp.task('default', gulp.series(['pack-js', 'pack-css']));

‎app-main/public/404.html‎

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -5,16 +5,10 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1" />
66
<link rel="stylesheet" href="./css/style_404.css" />
77
<title>Page Not Found</title>
8-
<meta
9-
name="description"
10-
content="404: Page Not Found"
11-
/>
8+
<meta name="description" content="404: Page Not Found" />
129
<meta name="twitter:card" content="summary_large_image" />
1310
<meta property="og:title" content="Page Not Found" />
14-
<meta
15-
property="og:description"
16-
content="404: Page Not Found"
17-
/>
11+
<meta property="og:description" content="404: Page Not Found" />
1812
<meta
1913
property="og:image"
2014
content="https://dev-jot.netlify.app/app-main/public/images/share-image.png"

‎app-main/public/css/style.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
:root {
2-
--main-b-color: #35586C;
2+
--main-b-color: #35586c;
33
--secondary-b-color: #2b2c28;
44
--tertiary-b-color: #f7b501;
55
--in-progress: #039dfc;

‎app-main/public/js/events/eventHandlers.js‎

Lines changed: 33 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,75 +1,75 @@
1-
import { quill } from "../quill_init.js";
1+
import { quill } from '../quill_init.js';
22

33
// cached document elements
4-
const overlay = document.querySelector(".overlay");
5-
const modalLesson = document.querySelector(".modal-lesson");
6-
const modalLessonTitle = document.querySelector(".modal-lesson-title");
7-
const modalLessonContent = document.querySelector(".modal-lesson-content");
8-
const lessonInput = document.querySelector(".create-lesson-input");
9-
const submitLessonElement = document.querySelector("#submit");
10-
const clearBtn = document.querySelector(".create-lesson-clear");
11-
const tagSelectors = document.querySelector(".tag-selectors");
4+
const overlay = document.querySelector('.overlay');
5+
const modalLesson = document.querySelector('.modal-lesson');
6+
const modalLessonTitle = document.querySelector('.modal-lesson-title');
7+
const modalLessonContent = document.querySelector('.modal-lesson-content');
8+
const lessonInput = document.querySelector('.create-lesson-input');
9+
const submitLessonElement = document.querySelector('#submit');
10+
const clearBtn = document.querySelector('.create-lesson-clear');
11+
const tagSelectors = document.querySelector('.tag-selectors');
1212

1313
export function handleClear(e) {
14-
quill.root.innerHTML = "";
15-
lessonInput.value = "";
16-
clearBtn.setAttribute("hidden", "");
14+
quill.root.innerHTML = '';
15+
lessonInput.value = '';
16+
clearBtn.setAttribute('hidden', '');
1717

1818
const selectedTags = [...tagSelectors.children].filter((tag) =>
19-
tag.classList.contains("selected")
19+
tag.classList.contains('selected')
2020
);
2121

2222
selectedTags.forEach((tag) => {
23-
tag.classList.remove("selected");
23+
tag.classList.remove('selected');
2424
});
2525
}
2626

2727
export function handleViewClick(lesson) {
28-
const title = lesson.querySelector(".lesson-card-title").innerText;
29-
const content = lesson.querySelector(".lesson-card-content").innerHTML;
28+
const title = lesson.querySelector('.lesson-card-title').innerText;
29+
const content = lesson.querySelector('.lesson-card-content').innerHTML;
3030

3131
modalLessonTitle.innerText = title;
3232
modalLessonContent.innerHTML = content;
33-
modalLesson.removeAttribute("hidden");
34-
overlay.removeAttribute("hidden");
35-
overlay.classList.add("dark");
33+
modalLesson.removeAttribute('hidden');
34+
overlay.removeAttribute('hidden');
35+
overlay.classList.add('dark');
3636
}
3737

3838
export function handleClearBtn() {
3939
let textLessonContent = quill.root.innerHTML;
40-
let textTitleContent = document.querySelector(".create-lesson-input");
40+
let textTitleContent = document.querySelector('.create-lesson-input');
4141
if (
4242
textTitleContent.value.length > 0 ||
43-
(textLessonContent.length >= 8 && textLessonContent !== "<p><br></p>")
43+
(textLessonContent.length >= 8 && textLessonContent !== '<p><br></p>')
4444
) {
45-
clearBtn.removeAttribute("hidden");
45+
clearBtn.removeAttribute('hidden');
4646
} else {
47-
clearBtn.setAttribute("hidden", "");
47+
clearBtn.setAttribute('hidden', '');
4848
}
4949
}
5050

5151
export function handleCloseLessonModal() {
52-
modalLessonTitle.innerHTML = "";
53-
modalLessonContent.innerHTML = "";
52+
modalLessonTitle.innerHTML = '';
53+
modalLessonContent.innerHTML = '';
5454

55-
modalLesson.setAttribute("hidden", "");
56-
overlay.setAttribute("hidden", "");
57-
overlay.classList.remove("dark");
55+
modalLesson.setAttribute('hidden', '');
56+
overlay.setAttribute('hidden', '');
57+
overlay.classList.remove('dark');
5858
}
5959

6060
export function handleEscapeLessonModal(event) {
61-
if (event.key === "Escape" || event.keyCode === 27) {
61+
if (event.key === 'Escape' || event.keyCode === 27) {
6262
handleCloseLessonModal();
6363
}
6464
}
6565

6666
export function handleTagVisibility(e) {
67-
const tagSelectors = document.querySelector(".tag-selectors");
68-
tagSelectors.classList.toggle("hidden");
67+
const tagSelectors = document.querySelector('.tag-selectors');
68+
tagSelectors.classList.toggle('hidden');
6969
}
7070

7171
export function handleTagSelect(e) {
72-
const addTagButton = document.querySelector(".add-tag");
72+
const addTagButton = document.querySelector('.add-tag');
7373
let tag = e.target;
74-
tag.classList.toggle("selected");
74+
tag.classList.toggle('selected');
7575
}

‎app-main/public/js/events/eventListeners.js‎

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -6,38 +6,38 @@ import {
66
handleViewClick,
77
handleTagVisibility,
88
handleTagSelect,
9-
} from "./eventHandlers.js";
10-
import { addLesson } from "../lessons/index.js";
11-
import registerSW from "./serviceWorker.js";
9+
} from './eventHandlers.js';
10+
import { addLesson } from '../lessons/index.js';
11+
import registerSW from './serviceWorker.js';
1212

1313
export default function setEventListeners() {
1414
// cache necessary elements
15-
const overlay = document.querySelector(".overlay");
16-
const modalLessonClose = document.querySelector(".modal-lesson-close");
17-
const formElement = document.querySelector("form");
18-
const clearBtn = document.querySelector(".create-lesson-clear");
19-
const addTagButton = document.querySelector(".add-tag");
20-
const tagSelectors = document.querySelector(".tag-selectors");
21-
22-
formElement.addEventListener("submit", function (e) {
15+
const overlay = document.querySelector('.overlay');
16+
const modalLessonClose = document.querySelector('.modal-lesson-close');
17+
const formElement = document.querySelector('form');
18+
const clearBtn = document.querySelector('.create-lesson-clear');
19+
const addTagButton = document.querySelector('.add-tag');
20+
const tagSelectors = document.querySelector('.tag-selectors');
21+
22+
formElement.addEventListener('submit', function (e) {
2323
e.preventDefault();
2424
addLesson();
2525
});
2626

2727
// Modal event listeners
28-
modalLessonClose.addEventListener("click", handleCloseLessonModal);
29-
overlay.addEventListener("click", handleCloseLessonModal);
30-
document.addEventListener("keydown", handleEscapeLessonModal);
28+
modalLessonClose.addEventListener('click', handleCloseLessonModal);
29+
overlay.addEventListener('click', handleCloseLessonModal);
30+
document.addEventListener('keydown', handleEscapeLessonModal);
3131

32-
clearBtn.addEventListener("click", handleClear);
32+
clearBtn.addEventListener('click', handleClear);
3333

34-
formElement.addEventListener("keyup", handleClearBtn);
34+
formElement.addEventListener('keyup', handleClearBtn);
3535

36-
addTagButton.addEventListener("click", handleTagVisibility);
36+
addTagButton.addEventListener('click', handleTagVisibility);
3737

38-
tagSelectors.addEventListener("click", handleTagSelect);
38+
tagSelectors.addEventListener('click', handleTagSelect);
3939

40-
window.addEventListener("load", () => {
40+
window.addEventListener('load', () => {
4141
registerSW();
4242
});
4343
}

‎app-main/public/js/events/eventListeners.test.js‎

Lines changed: 59 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -1,58 +1,58 @@
1-
const eventHandlers = require("./eventHandlers.js");
1+
const eventHandlers = require('./eventHandlers.js');
22

3-
describe("Checks that event listeners are called appropriately", () => {
4-
test("Test modal lesson close click event", () => {
5-
document.body.innerHTML = `
3+
describe('Checks that event listeners are called appropriately', () => {
4+
test('Test modal lesson close click event', () => {
5+
document.body.innerHTML = `
66
<button class="modal-lesson-close button">
77
<img alt="remove lesson icon" src="./images/cancel-white.svg" />
88
</button>
99
`;
10-
const modalLessonClose = document.querySelector(".modal-lesson-close");
10+
const modalLessonClose = document.querySelector('.modal-lesson-close');
1111

12-
eventHandlers.handleCloseLessonModal = jest.fn(() => {});
13-
modalLessonClose.addEventListener(
14-
"click",
15-
eventHandlers.handleCloseLessonModal
16-
);
12+
eventHandlers.handleCloseLessonModal = jest.fn(() => {});
13+
modalLessonClose.addEventListener(
14+
'click',
15+
eventHandlers.handleCloseLessonModal
16+
);
1717

18-
modalLessonClose.click();
19-
expect(eventHandlers.handleCloseLessonModal).toBeCalled();
20-
});
18+
modalLessonClose.click();
19+
expect(eventHandlers.handleCloseLessonModal).toBeCalled();
20+
});
2121

22-
test("Test overlay lesson close click event", () => {
23-
document.body.innerHTML = `
22+
test('Test overlay lesson close click event', () => {
23+
document.body.innerHTML = `
2424
<div class="overlay"></div>
2525
`;
26-
const overlay = document.querySelector(".overlay");
26+
const overlay = document.querySelector('.overlay');
2727

28-
overlay.click();
29-
expect(eventHandlers.handleCloseLessonModal).toBeCalled();
30-
});
28+
overlay.click();
29+
expect(eventHandlers.handleCloseLessonModal).toBeCalled();
30+
});
3131

32-
test("Test lesson close escape keypress event", () => {
33-
eventHandlers.handleEscapeLessonModal = jest.fn(() => {});
34-
document.addEventListener("keydown", eventHandlers.handleEscapeLessonModal);
32+
test('Test lesson close escape keypress event', () => {
33+
eventHandlers.handleEscapeLessonModal = jest.fn(() => {});
34+
document.addEventListener('keydown', eventHandlers.handleEscapeLessonModal);
3535

36-
const event = new KeyboardEvent("keydown", { keyCode: 27, which: 27 });
37-
document.dispatchEvent(event);
36+
const event = new KeyboardEvent('keydown', { keyCode: 27, which: 27 });
37+
document.dispatchEvent(event);
3838

39-
expect(eventHandlers.handleEscapeLessonModal).toBeCalled();
40-
});
39+
expect(eventHandlers.handleEscapeLessonModal).toBeCalled();
40+
});
4141

42-
test("Test clear button click event", () => {
43-
document.body.innerHTML = `
42+
test('Test clear button click event', () => {
43+
document.body.innerHTML = `
4444
<button class="create-lesson-clear button" hidden>Clear</button>
4545
`;
46-
const clearBtn = document.querySelector(".create-lesson-clear");
47-
eventHandlers.handleClear = jest.fn(() => {});
48-
clearBtn.addEventListener("click", eventHandlers.handleClear);
46+
const clearBtn = document.querySelector('.create-lesson-clear');
47+
eventHandlers.handleClear = jest.fn(() => {});
48+
clearBtn.addEventListener('click', eventHandlers.handleClear);
4949

50-
clearBtn.click();
51-
expect(eventHandlers.handleClear).toBeCalled();
52-
});
50+
clearBtn.click();
51+
expect(eventHandlers.handleClear).toBeCalled();
52+
});
5353

54-
test("Test form clear button", () => {
55-
document.body.innerHTML = `
54+
test('Test form clear button', () => {
55+
document.body.innerHTML = `
5656
<form>
5757
<div class="create-lesson-title-container">
5858
<input
@@ -79,18 +79,18 @@ describe("Checks that event listeners are called appropriately", () => {
7979
</button>
8080
</form>
8181
`;
82-
const formElement = document.querySelector("form");
83-
eventHandlers.handleClearBtn = jest.fn(() => {});
84-
formElement.addEventListener("keyup", eventHandlers.handleClearBtn);
82+
const formElement = document.querySelector('form');
83+
eventHandlers.handleClearBtn = jest.fn(() => {});
84+
formElement.addEventListener('keyup', eventHandlers.handleClearBtn);
8585

86-
const event = new KeyboardEvent("keyup");
87-
formElement.dispatchEvent(event);
86+
const event = new KeyboardEvent('keyup');
87+
formElement.dispatchEvent(event);
8888

89-
expect(eventHandlers.handleClearBtn).toBeCalled();
90-
});
89+
expect(eventHandlers.handleClearBtn).toBeCalled();
90+
});
9191

92-
test("Test addTagButton click event", () => {
93-
document.body.innerHTML = `
92+
test('Test addTagButton click event', () => {
93+
document.body.innerHTML = `
9494
<button
9595
class="add-tag create-lesson-input"
9696
id="addTag"
@@ -99,23 +99,23 @@ describe("Checks that event listeners are called appropriately", () => {
9999
Tags
100100
</button>
101101
`;
102-
const addTagButton = document.querySelector(".add-tag");
103-
eventHandlers.handleTagVisibility = jest.fn(() => {});
104-
addTagButton.addEventListener("click", eventHandlers.handleTagVisibility);
102+
const addTagButton = document.querySelector('.add-tag');
103+
eventHandlers.handleTagVisibility = jest.fn(() => {});
104+
addTagButton.addEventListener('click', eventHandlers.handleTagVisibility);
105105

106-
addTagButton.click();
107-
expect(eventHandlers.handleTagVisibility).toBeCalled();
108-
});
106+
addTagButton.click();
107+
expect(eventHandlers.handleTagVisibility).toBeCalled();
108+
});
109109

110-
test("Test tagSelectors click event", () => {
111-
document.body.innerHTML = `
110+
test('Test tagSelectors click event', () => {
111+
document.body.innerHTML = `
112112
<div class="tag-selectors hidden"></div>
113113
`;
114-
const tagSelectors = document.querySelector(".tag-selectors");
115-
eventHandlers.handleTagSelect = jest.fn(() => {});
116-
tagSelectors.addEventListener("click", eventHandlers.handleTagSelect);
114+
const tagSelectors = document.querySelector('.tag-selectors');
115+
eventHandlers.handleTagSelect = jest.fn(() => {});
116+
tagSelectors.addEventListener('click', eventHandlers.handleTagSelect);
117117

118-
tagSelectors.click();
119-
expect(eventHandlers.handleTagSelect).toBeCalled();
120-
});
118+
tagSelectors.click();
119+
expect(eventHandlers.handleTagSelect).toBeCalled();
120+
});
121121
});

0 commit comments

Comments
 (0)