File tree Expand file tree Collapse file tree 2 files changed +11
-1
lines changed Expand file tree Collapse file tree 2 files changed +11
-1
lines changed Original file line number Diff line number Diff line change 11import i18next from '../../i18n.js'
22const input = document . querySelector ( '#url-input' )
33const feedback = document . querySelector ( '#feedback' )
4+ const addBtn = document . querySelector ( '#add-feed-btn' )
45
56export 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+ }
Original file line number Diff line number Diff line change 11import i18next from '../../i18n.js'
2- import { renderErrors , renderSuccess } from './form.js'
2+ import { renderErrors , renderSuccess , disableForm } from './form.js'
33import { renderFeedsPending } from './feed.js'
44const title = document . querySelector ( '#main-title' )
55const 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' :
You can’t perform that action at this time.
0 commit comments