фикс ошибок линетера
This commit is contained in:
@ -16,28 +16,28 @@ class StorageListApi {
|
||||
/**
|
||||
* @param {string} key - уникальный ключ для api, который будет записан в сервисе
|
||||
*/
|
||||
constructor(key) {
|
||||
constructor (key) {
|
||||
this.key = key;
|
||||
this.api = new StorageServiceApi();
|
||||
}
|
||||
|
||||
/**
|
||||
* @private
|
||||
*
|
||||
*
|
||||
* @param {Array.<Element>} list - список элементов по которым осуществялется поиск
|
||||
* @param {string} _id - _id искомого элемента
|
||||
*
|
||||
*
|
||||
* @returns {number} - Возвращает индекс искомого эллемента по _id
|
||||
*/
|
||||
_findIndex = (list, _id) => {
|
||||
return list.findIndex(item => item._id === _id);
|
||||
return list.findIndex((item) => item._id === _id);
|
||||
}
|
||||
|
||||
/**
|
||||
* @private
|
||||
*
|
||||
*
|
||||
* @param {Array<Element>} list - новый список элементов
|
||||
*
|
||||
*
|
||||
* @returns {Promise<Array<Element>>} - возвращает обновленный список элементов
|
||||
*/
|
||||
_updateList = async (list) => {
|
||||
@ -46,7 +46,7 @@ class StorageListApi {
|
||||
|
||||
/**
|
||||
* @public
|
||||
*
|
||||
*
|
||||
* @returns {Promise<Array<Element>>} - возвращает все элементы списка
|
||||
*/
|
||||
request = async () => {
|
||||
@ -56,9 +56,9 @@ class StorageListApi {
|
||||
|
||||
/**
|
||||
* @public
|
||||
*
|
||||
*
|
||||
* @param {string} _id - _id искомого элемента списка
|
||||
*
|
||||
*
|
||||
* @returns {Promise<Element>} - возвращает элемент списка или генерит ошибку
|
||||
*/
|
||||
find = async (_id) => {
|
||||
@ -72,9 +72,9 @@ class StorageListApi {
|
||||
|
||||
/**
|
||||
* @public
|
||||
*
|
||||
*
|
||||
* @param {Object} data - элемент списка
|
||||
*
|
||||
*
|
||||
* @returns {Promise<Element>} - Возвращает вновь созданный элемент с уникальным полем _id
|
||||
*/
|
||||
create = async (data) => {
|
||||
@ -90,9 +90,9 @@ class StorageListApi {
|
||||
|
||||
/**
|
||||
* @public
|
||||
*
|
||||
*
|
||||
* @param {Element} data - элемент списка
|
||||
*
|
||||
*
|
||||
* @returns {Promise<Element>} - Возвращает обновленный элемент списка
|
||||
*/
|
||||
update = async (data) => {
|
||||
@ -107,10 +107,10 @@ class StorageListApi {
|
||||
}
|
||||
|
||||
/**
|
||||
* @public
|
||||
*
|
||||
* @public
|
||||
*
|
||||
* @param {string} _id - _id удаляемого элемента
|
||||
*
|
||||
*
|
||||
* @returns {Promise<string>} - Возвращает _id удаленного элемента или ошибку
|
||||
*/
|
||||
remove = async (_id) => {
|
||||
|
||||
@ -18,7 +18,7 @@ class StorageServiceApi {
|
||||
|
||||
/**
|
||||
* @public
|
||||
*
|
||||
*
|
||||
* @returns {Promise<Array<Store>>} - Возвращает список всех пар ключ-значение
|
||||
*/
|
||||
request = async () => {
|
||||
@ -28,9 +28,9 @@ class StorageServiceApi {
|
||||
|
||||
/**
|
||||
* @public
|
||||
*
|
||||
*
|
||||
* @param {string} key - ключ хранилища в api
|
||||
*
|
||||
*
|
||||
* @returns {Promise<unknown>} - Возвращает значение по указанному ключу
|
||||
*/
|
||||
find = async (key) => {
|
||||
@ -40,10 +40,10 @@ class StorageServiceApi {
|
||||
|
||||
/**
|
||||
* @public
|
||||
*
|
||||
*
|
||||
* @param {string} key - ключ хранилища в api
|
||||
* @param {unknown} value - значение, которое будет хранится под указанным ключом
|
||||
*
|
||||
*
|
||||
* @returns {Promise<unknown>} - возвращает вновь созданный элемент
|
||||
*/
|
||||
createOrUpdate = async (key, value) => {
|
||||
@ -53,9 +53,9 @@ class StorageServiceApi {
|
||||
|
||||
/**
|
||||
* @public
|
||||
*
|
||||
*
|
||||
* @param {string} key - ключ хранилища api
|
||||
*
|
||||
*
|
||||
* @returns {Promise<string>} - возвращает 'ok', если удаление было выполнено
|
||||
*/
|
||||
remove = async (key) => {
|
||||
|
||||
@ -12,4 +12,4 @@ export const ENDPOINT = '/store';
|
||||
* @type {Object<string, string>}
|
||||
*/
|
||||
export const API_KEYS = {
|
||||
};
|
||||
};
|
||||
|
||||
16
src/app.js
16
src/app.js
@ -4,7 +4,7 @@ import 'bootstrap';
|
||||
|
||||
// ! TODO: 5-14 строчки удалить, после теста компонента
|
||||
import TestModal from './components/test-modal';
|
||||
import {TestButton} from './components/test-button';
|
||||
import TestButton from './components/test-button';
|
||||
|
||||
const testModal = new TestModal();
|
||||
const testButton = new TestButton();
|
||||
@ -12,17 +12,3 @@ const testButton = new TestButton();
|
||||
testButton.subscribe('click', () => {
|
||||
testModal.show();
|
||||
});
|
||||
|
||||
export const foo = function () {
|
||||
// Sdf
|
||||
console.log('dfg');
|
||||
alert('dfg');
|
||||
};
|
||||
|
||||
const x = {
|
||||
f: 5,
|
||||
g: 7,
|
||||
k: 9
|
||||
};
|
||||
|
||||
x + 3;
|
||||
|
||||
@ -23,7 +23,7 @@
|
||||
class Component {
|
||||
/**
|
||||
* @private
|
||||
*
|
||||
*
|
||||
* @type {Listener[]}
|
||||
*/
|
||||
_listeners;
|
||||
@ -31,7 +31,7 @@ class Component {
|
||||
/**
|
||||
* События компонента
|
||||
* @private
|
||||
*
|
||||
*
|
||||
* @type {Events}
|
||||
*/
|
||||
_events;
|
||||
@ -39,7 +39,7 @@ class Component {
|
||||
/**
|
||||
* Корневой элемент компонента
|
||||
* @public
|
||||
*
|
||||
*
|
||||
* @type {Node} - корневой элемент компонента
|
||||
*/
|
||||
mainNode;
|
||||
@ -49,7 +49,7 @@ class Component {
|
||||
* @param {Node} parentNode - родительский Node, в который следует положить созданный элемент
|
||||
* @constructor
|
||||
*/
|
||||
constructor(mainNodeSelector, parentNode) {
|
||||
constructor (mainNodeSelector, parentNode) {
|
||||
/**
|
||||
* @type {DocumentFragment}
|
||||
*/
|
||||
@ -68,7 +68,7 @@ class Component {
|
||||
/**
|
||||
* Метод добавления обработчиков события на Node'ы компонента
|
||||
* @public
|
||||
*
|
||||
*
|
||||
* @param {Node} element - элемент, на который будет навешен обработчик
|
||||
* @param {string} eventName - событие, на которое будет реагировать обработчик
|
||||
* @param {function} listener - обработчик события
|
||||
@ -81,7 +81,7 @@ class Component {
|
||||
/**
|
||||
* Метод подписки на события компонента
|
||||
* @public
|
||||
*
|
||||
*
|
||||
* @param {string} eventName - событие компонента, на которое будет реагировать обработчик
|
||||
* @param {EventListener} listener - обработчик события
|
||||
*/
|
||||
@ -96,13 +96,13 @@ class Component {
|
||||
/**
|
||||
* Метод генерирует событие
|
||||
* @public
|
||||
*
|
||||
*
|
||||
* @param {string} eventName - событие, которое необходимо сгенерировать
|
||||
* @param {unknown[]} args - аругемнты, который необходимо передать обработчикам события
|
||||
*/
|
||||
next = (eventName, ...args) => {
|
||||
const listeners = this._events[eventName];
|
||||
listeners.forEach(listener => {
|
||||
listeners.forEach((listener) => {
|
||||
listener(...args);
|
||||
});
|
||||
}
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
import Component from '../component';
|
||||
|
||||
class TestButton extends Component {
|
||||
constructor() {
|
||||
constructor () {
|
||||
super('#test-button', document.body);
|
||||
|
||||
this.addEventListener(this.mainNode, 'click', (evt) => {
|
||||
|
||||
@ -11,7 +11,7 @@ const CN = {
|
||||
};
|
||||
|
||||
class TestModal extends Component {
|
||||
constructor() {
|
||||
constructor () {
|
||||
super('#test-modal', document.body);
|
||||
|
||||
this.shadow = this.mainNode.querySelector(`.${CN.SHADOW}`);
|
||||
|
||||
Reference in New Issue
Block a user