From 358f8d58062ec14f4a67faf7b8e4a88427a5ed2f Mon Sep 17 00:00:00 2001 From: vigdorov Date: Thu, 9 Jul 2020 12:17:30 +0300 Subject: [PATCH] =?UTF-8?q?=D1=84=D0=B8=D0=BA=D1=81=20=D0=BE=D1=88=D0=B8?= =?UTF-8?q?=D0=B1=D0=BE=D0=BA=20=D0=BB=D0=B8=D0=BD=D0=B5=D1=82=D0=B5=D1=80?= =?UTF-8?q?=D0=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/StorageListAPI.js | 32 ++++++++++++------------ src/api/StorageServiceAPI.js | 14 +++++------ src/api/consts.js | 2 +- src/app.js | 16 +----------- src/components/component/Component.js | 16 ++++++------ src/components/test-button/TestButton.js | 2 +- src/components/test-modal/TestModal.js | 2 +- 7 files changed, 35 insertions(+), 49 deletions(-) diff --git a/src/api/StorageListAPI.js b/src/api/StorageListAPI.js index 37da939..66dd41b 100644 --- a/src/api/StorageListAPI.js +++ b/src/api/StorageListAPI.js @@ -16,28 +16,28 @@ class StorageListApi { /** * @param {string} key - уникальный ключ для api, который будет записан в сервисе */ - constructor(key) { + constructor (key) { this.key = key; this.api = new StorageServiceApi(); } /** * @private - * + * * @param {Array.} 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} list - новый список элементов - * + * * @returns {Promise>} - возвращает обновленный список элементов */ _updateList = async (list) => { @@ -46,7 +46,7 @@ class StorageListApi { /** * @public - * + * * @returns {Promise>} - возвращает все элементы списка */ request = async () => { @@ -56,9 +56,9 @@ class StorageListApi { /** * @public - * + * * @param {string} _id - _id искомого элемента списка - * + * * @returns {Promise} - возвращает элемент списка или генерит ошибку */ find = async (_id) => { @@ -72,9 +72,9 @@ class StorageListApi { /** * @public - * + * * @param {Object} data - элемент списка - * + * * @returns {Promise} - Возвращает вновь созданный элемент с уникальным полем _id */ create = async (data) => { @@ -90,9 +90,9 @@ class StorageListApi { /** * @public - * + * * @param {Element} data - элемент списка - * + * * @returns {Promise} - Возвращает обновленный элемент списка */ update = async (data) => { @@ -107,10 +107,10 @@ class StorageListApi { } /** - * @public - * + * @public + * * @param {string} _id - _id удаляемого элемента - * + * * @returns {Promise} - Возвращает _id удаленного элемента или ошибку */ remove = async (_id) => { diff --git a/src/api/StorageServiceAPI.js b/src/api/StorageServiceAPI.js index edf19c1..55eb66b 100644 --- a/src/api/StorageServiceAPI.js +++ b/src/api/StorageServiceAPI.js @@ -18,7 +18,7 @@ class StorageServiceApi { /** * @public - * + * * @returns {Promise>} - Возвращает список всех пар ключ-значение */ request = async () => { @@ -28,9 +28,9 @@ class StorageServiceApi { /** * @public - * + * * @param {string} key - ключ хранилища в api - * + * * @returns {Promise} - Возвращает значение по указанному ключу */ find = async (key) => { @@ -40,10 +40,10 @@ class StorageServiceApi { /** * @public - * + * * @param {string} key - ключ хранилища в api * @param {unknown} value - значение, которое будет хранится под указанным ключом - * + * * @returns {Promise} - возвращает вновь созданный элемент */ createOrUpdate = async (key, value) => { @@ -53,9 +53,9 @@ class StorageServiceApi { /** * @public - * + * * @param {string} key - ключ хранилища api - * + * * @returns {Promise} - возвращает 'ok', если удаление было выполнено */ remove = async (key) => { diff --git a/src/api/consts.js b/src/api/consts.js index b19da15..cf0437b 100644 --- a/src/api/consts.js +++ b/src/api/consts.js @@ -12,4 +12,4 @@ export const ENDPOINT = '/store'; * @type {Object} */ export const API_KEYS = { -}; \ No newline at end of file +}; diff --git a/src/app.js b/src/app.js index 4c78a9d..8eb0c9a 100644 --- a/src/app.js +++ b/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; diff --git a/src/components/component/Component.js b/src/components/component/Component.js index 5fb1148..c38f0ed 100644 --- a/src/components/component/Component.js +++ b/src/components/component/Component.js @@ -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); }); } diff --git a/src/components/test-button/TestButton.js b/src/components/test-button/TestButton.js index fe3e149..decb7d7 100644 --- a/src/components/test-button/TestButton.js +++ b/src/components/test-button/TestButton.js @@ -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) => { diff --git a/src/components/test-modal/TestModal.js b/src/components/test-modal/TestModal.js index 792373f..97b0dcc 100644 --- a/src/components/test-modal/TestModal.js +++ b/src/components/test-modal/TestModal.js @@ -11,7 +11,7 @@ const CN = { }; class TestModal extends Component { - constructor() { + constructor () { super('#test-modal', document.body); this.shadow = this.mainNode.querySelector(`.${CN.SHADOW}`);