Skip to content

Commit 3a49b9e

Browse files
committed
fix: исправление обработки состояний загрузки
1 parent fae4b1b commit 3a49b9e

File tree

2 files changed

+11
-1
lines changed

2 files changed

+11
-1
lines changed

src/js/view/form.js

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import i18next from '../../i18n.js'
22
const input = document.querySelector('#url-input')
33
const feedback = document.querySelector('#feedback')
4+
const addBtn = document.querySelector('#add-feed-btn')
45

56
export const renderInputValue = (value) => {
67
input.value = value
@@ -16,3 +17,8 @@ export const renderSuccess = () => {
1617
feedback.classList.add('text-success')
1718
feedback.textContent = i18next.t(`ui.success`)
1819
}
20+
21+
export const disableForm = (shouldDisable) => {
22+
input.disabled = shouldDisable
23+
addBtn.disabled = shouldDisable
24+
}

src/js/view/ui.js

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import i18next from '../../i18n.js'
2-
import { renderErrors, renderSuccess } from './form.js'
2+
import { renderErrors, renderSuccess, disableForm } from './form.js'
33
import { renderFeedsPending } from './feed.js'
44
const title = document.querySelector('#main-title')
55
const subtitle = document.querySelector('#subtitle')
@@ -39,10 +39,14 @@ export const renderUi = (uiState, message) => {
3939
break
4040
case 'success':
4141
cleanDomElements()
42+
disableForm(false)
4243
renderSuccess()
4344
break
4445
case 'pending':
46+
// изменять ли содержимое поля в этот момент?
47+
// писать сообщение или только блокировать?
4548
cleanDomElements()
49+
disableForm(true)
4650
renderFeedsPending()
4751
break
4852
case 'update':

0 commit comments

Comments
 (0)