loviuz/openstamanager
loviuz
/
openstamanager
mirror of https://github.com/devcode-it/openstamanager.git
1
0
Fork 0
Code Issues Releases Activity

fix: Icone e opzioni select non visualizzabili

This commit is contained in:
Maicol Battistini 2023-12-11 15:08:11 +01:00
parent ac00f29786
commit 93047b15b9
No known key found for this signature in database
7 changed files with 24 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/ts/Views/LoginPage.tsx
View File

@ -83,12 +83,12 @@ export default class LoginPage extends Page {
return collect<VnodeCollectionItem>({ return collect<VnodeCollectionItem>({
username: ( username: (
<md-filled-text-field name="username" required label={__('Nome utente/email')}> <md-filled-text-field name="username" required label={__('Nome utente/email')}>
<MdIcon icon={mdiAccountOutline} slot="leadingicon"/> <MdIcon icon={mdiAccountOutline} slot="leading-icon"/>
</md-filled-text-field> </md-filled-text-field>
), ),
password: ( password: (
<md-filled-text-field name="password" required label={__('Password')} type="password"> <md-filled-text-field name="password" required label={__('Password')} type="password">
<MdIcon icon={mdiLockOutline} slot="leadingicon"/> <MdIcon icon={mdiLockOutline} slot="leading-icon"/>
</md-filled-text-field> </md-filled-text-field>
), ),
remember: ( remember: (
@ -104,7 +104,7 @@ export default class LoginPage extends Page {
return collect<VnodeCollectionItem>({ return collect<VnodeCollectionItem>({
email: ( email: (
<md-filled-text-field name="email" required label={__('Email')} type="email"> <md-filled-text-field name="email" required label={__('Email')} type="email">
<MdIcon icon={mdiEmailOutline} slot="leadingicon"/> <MdIcon icon={mdiEmailOutline} slot="leading-icon"/>
</md-filled-text-field> </md-filled-text-field>
) )
}); });

6
resources/ts/Views/ResetPasswordPage.tsx
View File

@ -54,12 +54,12 @@ export default class ResetPasswordPage extends Page {
token: <input type="hidden" name="token" value={this.parameters.get('token')}/>, token: <input type="hidden" name="token" value={this.parameters.get('token')}/>,
password: ( password: (
<md-filled-text-field name="password" required label={__('Password')} type="password"> <md-filled-text-field name="password" required label={__('Password')} type="password">
<MdIcon icon={mdiLockOutline} slot="leadingicon"/> <MdIcon icon={mdiLockOutline} slot="leading-icon"/>
</md-filled-text-field> </md-filled-text-field>
), ),
password_confirmation: ( password_confirmation: (
<md-filled-text-field name="password_confirmation" required label={__('Conferma password')} type="password"> <md-filled-text-field name="password_confirmation" required label={__('Conferma password')} type="password">
<MdIcon icon={mdiLockCheckOutline} slot="leadingicon"/> <MdIcon icon={mdiLockCheckOutline} slot="leading-icon"/>
</md-filled-text-field> </md-filled-text-field>
) )
}); });
@ -70,7 +70,7 @@ export default class ResetPasswordPage extends Page {
login: ( login: (
<md-filled-button type="submit" onclick={this.onResetPasswordButtonClicked.bind(this)}> <md-filled-button type="submit" onclick={this.onResetPasswordButtonClicked.bind(this)}>
{__('Reimposta password')} {__('Reimposta password')}
<MdIcon icon={mdiAccountOutline} slot="leadingicon"/> <MdIcon icon={mdiAccountOutline} slot="leading-icon"/>
</md-filled-button> </md-filled-button>
) )
}); });

8
resources/ts/Views/Setup/Steps/AdminUserStep.tsx
View File

@ -58,22 +58,22 @@ export default class AdminUserStep extends SetupStep<AdminUserStepAttributes> {
return collect<VnodeCollectionItem>({ return collect<VnodeCollectionItem>({
email: ( email: (
<md-filled-text-field name="email" label={__('Email')} required grid-span={6}> <md-filled-text-field name="email" label={__('Email')} required grid-span={6}>
<MdIcon icon={mdiEmailOutline} slot="leadingicon"/> <MdIcon icon={mdiEmailOutline} slot="leading-icon"/>
</md-filled-text-field> </md-filled-text-field>
), ),
username: ( username: (
<md-filled-text-field name="username" label={__('Nome utente')} required grid-span={6}> <md-filled-text-field name="username" label={__('Nome utente')} required grid-span={6}>
<MdIcon icon={mdiAccountOutline} slot="leadingicon"/> <MdIcon icon={mdiAccountOutline} slot="leading-icon"/>
</md-filled-text-field> </md-filled-text-field>
), ),
password: ( password: (
<md-filled-text-field name="password" label={__('Password')} required type="password" minLength={8} grid-span={6}> <md-filled-text-field name="password" label={__('Password')} required type="password" minLength={8} grid-span={6}>
<MdIcon icon={mdiLockOutline} slot="leadingicon"/> <MdIcon icon={mdiLockOutline} slot="leading-icon"/>
</md-filled-text-field> </md-filled-text-field>
), ),
password_confirmation: ( password_confirmation: (
<md-filled-text-field name="passwordConfirmation" label={__('Conferma password')} required type="password" minLength={8} grid-span={6}> <md-filled-text-field name="passwordConfirmation" label={__('Conferma password')} required type="password" minLength={8} grid-span={6}>
<MdIcon icon={mdiLockCheckOutline} slot="leadingicon"/> <MdIcon icon={mdiLockCheckOutline} slot="leading-icon"/>
</md-filled-text-field> </md-filled-text-field>
) )
}); });

12
resources/ts/Views/Setup/Steps/DatabaseStep.tsx
View File

@ -63,32 +63,32 @@ export default class DatabaseStep extends SetupStep {
// TODO: Autocomplete/Select with possible drivers // TODO: Autocomplete/Select with possible drivers
driver: ( driver: (
<md-filled-text-field name="driver" label={__('Driver')} required grid-span={4}> <md-filled-text-field name="driver" label={__('Driver')} required grid-span={4}>
<MdIcon icon={mdiPowerPlugOutline} slot="leadingicon"/> <MdIcon icon={mdiPowerPlugOutline} slot="leading-icon"/>
</md-filled-text-field> </md-filled-text-field>
), ),
host: ( host: (
<md-filled-text-field name="host" label={__('Host')} required grid-span={4} placeholder="localhost"> <md-filled-text-field name="host" label={__('Host')} required grid-span={4} placeholder="localhost">
<MdIcon icon={mdiServerNetwork} slot="leadingicon"/> <MdIcon icon={mdiServerNetwork} slot="leading-icon"/>
</md-filled-text-field> </md-filled-text-field>
), ),
username: ( username: (
<md-filled-text-field name="username" label={__('Nome utente')} required grid-span={4} placeholder="root"> <md-filled-text-field name="username" label={__('Nome utente')} required grid-span={4} placeholder="root">
<MdIcon icon={mdiAccountOutline} slot="leadingicon"/> <MdIcon icon={mdiAccountOutline} slot="leading-icon"/>
</md-filled-text-field> </md-filled-text-field>
), ),
password: ( password: (
<md-filled-text-field type="password" name="password" label={__('Password')} grid-span={4}> <md-filled-text-field type="password" name="password" label={__('Password')} grid-span={4}>
<MdIcon icon={mdiFormTextboxPassword} slot="leadingicon"/> <MdIcon icon={mdiFormTextboxPassword} slot="leading-icon"/>
</md-filled-text-field> </md-filled-text-field>
), ),
database_name: ( database_name: (
<md-filled-text-field name="database_name" label={__('Nome database')} required grid-span={4} placeholder="openstamanager"> <md-filled-text-field name="database_name" label={__('Nome database')} required grid-span={4} placeholder="openstamanager">
<MdIcon icon={mdiDatabaseOutline} slot="leadingicon"/> <MdIcon icon={mdiDatabaseOutline} slot="leading-icon"/>
</md-filled-text-field> </md-filled-text-field>
), ),
port: ( port: (
<md-filled-text-field name="port" label={__('Porta')} required grid-span={4} placeholder="3306"> <md-filled-text-field name="port" label={__('Porta')} required grid-span={4} placeholder="3306">
<MdIcon icon={mdiServerNetwork} slot="leadingicon"/> <MdIcon icon={mdiServerNetwork} slot="leading-icon"/>
</md-filled-text-field> </md-filled-text-field>
) )
}); });

6
resources/ts/Views/Setup/Steps/RegionalSettings.tsx
View File

@ -60,14 +60,14 @@ export default class RegionalSettings extends SetupStep {
<md-filled-text-field name="long" label={__('Formato data lunga')} required supporting-text={__('Anteprima: :date', { <md-filled-text-field name="long" label={__('Formato data lunga')} required supporting-text={__('Anteprima: :date', {
date: dayjs().format(this.dateFormats.long()) date: dayjs().format(this.dateFormats.long())
})}> })}>
<MdIcon icon={mdiCalendarClockOutline} slot="leadingicon"/> <MdIcon icon={mdiCalendarClockOutline} slot="leading-icon"/>
</md-filled-text-field> </md-filled-text-field>
), ),
short_date_format: ( short_date_format: (
<md-filled-text-field name="short" label={__('Formato data corta')} required supporting-text={__('Anteprima: :date', { <md-filled-text-field name="short" label={__('Formato data corta')} required supporting-text={__('Anteprima: :date', {
date: dayjs().format(this.dateFormats.short()) date: dayjs().format(this.dateFormats.short())
})}> })}>
<MdIcon icon={mdiCalendarMonthOutline} slot="leadingicon"/> <MdIcon icon={mdiCalendarMonthOutline} slot="leading-icon"/>
</md-filled-text-field> </md-filled-text-field>
), ),
time_format: ( time_format: (
@ -75,7 +75,7 @@ export default class RegionalSettings extends SetupStep {
date: dayjs().format(this.dateFormats.time()) date: dayjs().format(this.dateFormats.time())
})} })}
> >
<MdIcon icon={mdiClockOutline} slot="leadingicon"/> <MdIcon icon={mdiClockOutline} slot="leading-icon"/>
</md-filled-text-field> </md-filled-text-field>
) )
}); });

5
resources/ts/Views/Setup/Steps/WelcomeStep.tsx
View File

@ -51,10 +51,11 @@ export default class WelcomeStep<A extends WelcomeStepAttributes = WelcomeStepAt
})} })}
</p> </p>
<md-filled-select id="language-select" name="locale" label={__('Lingua')} required value={app.locale} style={{textAlign: 'initial'}} oninput={WelcomeStep.onLanguageSelected}> <md-filled-select id="language-select" name="locale" label={__('Lingua')} required value={app.locale} style={{textAlign: 'initial'}} oninput={WelcomeStep.onLanguageSelected}>
{getFlag(app.locale, 'leadingicon')} {getFlag(app.locale, 'leading-icon')}
{vnode.attrs.languages.map((locale) => ( {vnode.attrs.languages.map((locale) => (
<md-select-option key={locale} value={locale} headline={capitalize(getLocaleDisplayName(locale))}> <md-select-option key={locale} value={locale}>
{getFlag(locale, 'start', {marginLeft: '16px'})} {getFlag(locale, 'start', {marginLeft: '16px'})}
<div slot="headline">{capitalize(getLocaleDisplayName(locale))}</div>
</md-select-option> </md-select-option>
))} ))}
</md-filled-select> </md-filled-select>

4
resources/ts/Views/Users/UsersRecordDialog.tsx
View File

@ -23,12 +23,12 @@ export default class UsersRecordDialog extends AddEditRecordDialog<User> {
return collect({ return collect({
username: ( username: (
<md-filled-text-field required label={__('Nome utente')}> <md-filled-text-field required label={__('Nome utente')}>
<MdIcon icon={mdiAccountOutline} slot="leadingicon"/> <MdIcon icon={mdiAccountOutline} slot="leading-icon"/>
</md-filled-text-field> </md-filled-text-field>
), ),
email: ( email: (
<md-filled-text-field required type="email" label={__('Email')}> <md-filled-text-field required type="email" label={__('Email')}>
<MdIcon icon={mdiEmailOutline} slot="leadingicon"/> <MdIcon icon={mdiEmailOutline} slot="leading-icon"/>
</md-filled-text-field> </md-filled-text-field>
) )
}); });