miklo
/
soapbox
sforkowany z mirror/soapbox
1
0
Forkuj 0
Kod Zgłoszenia Oczekujące zmiany Packages Projekty Wydania Wiki Aktywność

SoapboxConfig: improve layout

chats_delete_account
Alex Gleason 2020-10-01 19:44:40 -05:00
rodzic 3a0b58315f
commit b99bb7bd4b
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 7211D1F99744FBB7
1 zmienionych plików z 64 dodań i 66 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

130
app/soapbox/features/soapbox_config/index.js
Wyświetl plik

@ -229,76 +229,74 @@ class SoapboxConfig extends ImmutablePureComponent {
/> />
</FieldsGroup> </FieldsGroup>
<FieldsGroup> <FieldsGroup>
<div className='fields-row__column fields-group'> <div className='input with_block_label'>
<div className='input with_block_label'> <label><FormattedMessage id='soapbox_config.fields.promo_panel_fields_label' defaultMessage='Promo panel items' /></label>
<label><FormattedMessage id='soapbox_config.fields.promo_panel_fields_label' defaultMessage='Promo panel items' /></label> <span className='hint'>
<span className='hint'> <FormattedMessage id='soapbox_config.hints.promo_panel_fields' defaultMessage='You can have custom defined links displayed on the left panel of the timelines page.' />
<FormattedMessage id='soapbox_config.hints.promo_panel_fields' defaultMessage='You can have custom defined links displayed on the left panel of the timelines page.' /> </span>
</span> <span className='hint'>
<span className='hint'> <FormattedMessage id='soapbox_config.hints.promo_panel_icons' defaultMessage='{ link }' values={{ link: <a target='_blank' href='https://forkaweso.me/Fork-Awesome/icons/'>Soapbox Icons List</a> }} />
<FormattedMessage id='soapbox_config.hints.promo_panel_icons' defaultMessage='{ link }' values={{ link: <a target='_blank' href='https://forkaweso.me/Fork-Awesome/icons/'>Soapbox Icons List</a> }} /> </span>
</span> {
{ soapbox.getIn(['promoPanel', 'items']).map((field, i) => (
soapbox.getIn(['promoPanel', 'items']).map((field, i) => ( <div className='row' key={i}>
<div className='row' key={i}> <TextInput
<TextInput label={intl.formatMessage(messages.promoItemIcon)}
label={intl.formatMessage(messages.promoItemIcon)} placeholder={intl.formatMessage(messages.promoItemIcon)}
placeholder={intl.formatMessage(messages.promoItemIcon)} value={field.get('icon')}
value={field.get('icon')} onChange={this.handlePromoItemChange(i, 'icon', field)}
onChange={this.handlePromoItemChange(i, 'icon', field)} />
/> <TextInput
<TextInput label={intl.formatMessage(messages.promoItemLabel)}
label={intl.formatMessage(messages.promoItemLabel)} placeholder={intl.formatMessage(messages.promoItemLabel)}
placeholder={intl.formatMessage(messages.promoItemLabel)} value={field.get('text')}
value={field.get('text')} onChange={this.handlePromoItemChange(i, 'text', field)}
onChange={this.handlePromoItemChange(i, 'text', field)} />
/> <TextInput
<TextInput label={intl.formatMessage(messages.promoItemURL)}
label={intl.formatMessage(messages.promoItemURL)} placeholder={intl.formatMessage(messages.promoItemURL)}
placeholder={intl.formatMessage(messages.promoItemURL)} value={field.get('url')}
value={field.get('url')} onChange={this.handlePromoItemChange(i, 'url', field)}
onChange={this.handlePromoItemChange(i, 'url', field)} />
/> <Icon id='times-circle' onClick={this.handleDeleteItem(['promoPanel', 'items', i])} />
<Icon id='times-circle' onClick={this.handleDeleteItem(['promoPanel', 'items', i])} />
</div>
))
}
<div className='actions'>
<div name='button' type='button' role='presentation' className='btn button button-secondary' onClick={this.handleAddItem(['promoPanel', 'items'], templates.promoPanelItem)}>
<Icon id='plus-circle' />
<FormattedMessage id='soapbox_config.fields.promo_panel.add' defaultMessage='Add new Promo panel item' />
</div> </div>
))
}
<div className='actions'>
<div name='button' type='button' role='presentation' className='btn button button-secondary' onClick={this.handleAddItem(['promoPanel', 'items'], templates.promoPanelItem)}>
<Icon id='plus-circle' />
<FormattedMessage id='soapbox_config.fields.promo_panel.add' defaultMessage='Add new Promo panel item' />
</div> </div>
</div> </div>
<div className='input with_block_label'> </div>
<label><FormattedMessage id='soapbox_config.fields.home_footer_fields_label' defaultMessage='Home footer items' /></label> <div className='input with_block_label'>
<span className='hint'> <label><FormattedMessage id='soapbox_config.fields.home_footer_fields_label' defaultMessage='Home footer items' /></label>
<FormattedMessage id='soapbox_config.hints.home_footer_fields' defaultMessage='You can have custom defined links displayed on the footer of your static pages' /> <span className='hint'>
</span> <FormattedMessage id='soapbox_config.hints.home_footer_fields' defaultMessage='You can have custom defined links displayed on the footer of your static pages' />
{ </span>
soapbox.getIn(['navlinks', 'homeFooter']).map((field, i) => ( {
<div className='row' key={i}> soapbox.getIn(['navlinks', 'homeFooter']).map((field, i) => (
<TextInput <div className='row' key={i}>
label={intl.formatMessage(messages.homeFooterItemLabel)} <TextInput
placeholder={intl.formatMessage(messages.homeFooterItemLabel)} label={intl.formatMessage(messages.homeFooterItemLabel)}
value={field.get('title')} placeholder={intl.formatMessage(messages.homeFooterItemLabel)}
onChange={this.handleHomeFooterItemChange(i, 'title', field)} value={field.get('title')}
/> onChange={this.handleHomeFooterItemChange(i, 'title', field)}
<TextInput />
label={intl.formatMessage(messages.homeFooterItemURL)} <TextInput
placeholder={intl.formatMessage(messages.homeFooterItemURL)} label={intl.formatMessage(messages.homeFooterItemURL)}
value={field.get('url')} placeholder={intl.formatMessage(messages.homeFooterItemURL)}
onChange={this.handleHomeFooterItemChange(i, 'url', field)} value={field.get('url')}
/> onChange={this.handleHomeFooterItemChange(i, 'url', field)}
<Icon id='times-circle' onClick={this.handleDeleteItem(['navlinks', 'homeFooter', i])} /> />
</div> <Icon id='times-circle' onClick={this.handleDeleteItem(['navlinks', 'homeFooter', i])} />
))
}
<div className='actions'>
<div name='button' type='button' role='presentation' className='btn button button-secondary' onClick={this.handleAddItem(['navlinks', 'homeFooter'], templates.footerItem)}>
<Icon id='plus-circle' />
<FormattedMessage id='soapbox_config.fields.home_footer.add' defaultMessage='Add new Home Footer Item' />
</div> </div>
))
}
<div className='actions'>
<div name='button' type='button' role='presentation' className='btn button button-secondary' onClick={this.handleAddItem(['navlinks', 'homeFooter'], templates.footerItem)}>
<Icon id='plus-circle' />
<FormattedMessage id='soapbox_config.fields.home_footer.add' defaultMessage='Add new Home Footer Item' />
</div> </div>
</div> </div>
</div> </div>