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