Skip to content

Commit 1746aa7

Browse files
committed
Fixed a minor issue, added comments to code
1 parent 7d4576a commit 1746aa7

File tree

4 files changed

+29
-30
lines changed

4 files changed

+29
-30
lines changed

assets/js/content-buttons-component.js

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,12 +28,15 @@ export default class ContentButtonsComponent extends ContentListComponent{
2828
text: obj.text,
2929
creator: obj.creator,
3030
});
31+
32+
this.onInitList();
3133
});
3234
});
3335
}
3436

3537
renderButtons(value) {
36-
if (value) { // вызывается когда нужно отрисовать только один конкретный элемент
38+
// вызывается когда нужно отрисовать кнопки только для одиного конкретного элемента
39+
if (value) {
3740
value.lastElementChild.innerHTML = `
3841
<a class="content__main-results-list-item-buttons-done done-button"></a>
3942
<a class="content__main-results-list-item-buttons-delete delete-button"></a>

assets/js/content-item-component.js

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -37,17 +37,17 @@ export default class ContentItemComponent extends ContentButtonsComponent {
3737
onReadyToEditItem(item, value) {
3838
/*
3939
Условие If срабатывает тогда, когда у нас уже один элемент открыт в режиме
40-
редактирования но мы хотим незавершая первого, переключиться на редактирование
40+
редактирования но мы хотим незавершая его редактирования (не сохраняя изменений, нажав кнопку "Edit"), переключиться на редактирование
4141
другого элемента (например, когда случайно вызвали редактор не того элемента)
4242
*/
4343
if (this.editingItem) {
4444
console.log( this.editingItem );
45-
45+
// Возвращаем предыдущий элемент в исходное состояние ("до вызова редактора")
4646
this.renderList(this.editingItem, this.value);
4747
this.renderButtons( this.editingItem);
48-
48+
// Вызываем режим редактора на новом элементе
4949
this.onInitItem(item, value);
50-
// Сохраняем состояние последующих вызовов
50+
// Сохраняем состояние для последующих вызовов
5151
this.editingItem = item;
5252
this.value = value;
5353

@@ -71,12 +71,10 @@ export default class ContentItemComponent extends ContentButtonsComponent {
7171
let id = this.editingItem.id;
7272
let boolean = this.editingItem.getAttribute('markeddone');
7373

74-
console.log( boolean );
75-
7674
if (inputValue.length >= 5) {
7775

7876
/*
79-
Обнуляем состояние предыдущего элемента который был открыт в режиме
77+
Обнуляем состояние последнего элемента который был открыт в режиме
8078
редактирования
8179
*/
8280
this.editingItem = 0;

assets/js/content-list-component.js

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -38,13 +38,17 @@ export default class ContentListComponent extends ContentFilterComponent {
3838
</ul>
3939
`;
4040

41+
/* Вызываем в случаях закрытия режима редактирования без сохранинения
42+
изменений (возвращаем наш item к первозданному виду), а так же когда
43+
сохряняем изменения после редактирования элемента (рендерим итем с уже
44+
новым содержанием)*/
4145
} else if (anchor && value) {
4246
anchor.innerHTML = `
4347
<p class="content__main-results-list-item-text">${value}</p>
4448
<div class="content__main-results-list-item-buttons"></div>
4549
`;
4650

47-
} else {
51+
} else { // Если активный фильтр "Done"
4852
if (this.anchorList.hasAttribute('done-filter')) {
4953
let filteredArray = store.props.filter(item => item.completed === true);
5054
this.anchorList.innerHTML = `
@@ -58,7 +62,7 @@ export default class ContentListComponent extends ContentFilterComponent {
5862
`).join('')}
5963
</ul>
6064
`;
61-
65+
// Если активный фильтр "In progress"
6266
} else if (this.anchorList.hasAttribute('in-progress-filter')) {
6367
let filteredArray = store.props.filter(item => item.completed === false);
6468
this.anchorList.innerHTML = `

readme.md

Lines changed: 14 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -26,26 +26,20 @@ https://github.com/Mirror-Image/ToDo-web-application
2626
Структура программы
2727
----------------------
2828
Программа состоит из таких компонентов:
29+
* Component
2930
* Login Component
31+
* Login Sign-In Component
32+
* Login Sign-Up Component
3033
* Content Component
31-
* Form Component
32-
* List Component
33-
* Item Component
34-
* Buttons Component
35-
*
34+
* Content-Form Component
35+
* Content-Counter Component
36+
* Content-Filter Component
37+
* Content-List Component
38+
* Content-Buttons Component
39+
* Content-Item Component
40+
* NetworkRequest
41+
* AuthorizationStorageComponent
42+
* Store
43+
* Observer
44+
* Utilities
3645
----------------------------------------------------------------------------------
37-
38-
39-
# 3. Заходим в полученную папку с программой
40-
41-
* Удалите папку **$PLUGINSDIR**
42-
43-
> эта папка бесполезна
44-
45-
* Перейдите в папку **bin** и найдите там файл конфигурации **idea.properties**
46-
47-
```
48-
# idea.config.path=${user.home}/.WebStorm/config
49-
50-
# idea.system.path=${user.home}/.WebStorm/system
51-
```

0 commit comments

Comments
 (0)