162 lines
4.7 KiB
HTML
162 lines
4.7 KiB
HTML
<div class="container">
|
|
|
|
<mat-accordion>
|
|
|
|
<mat-expansion-panel>
|
|
|
|
<mat-expansion-panel-header>
|
|
<mat-panel-title>
|
|
{{ 'labels.inputs.Main Configuration' |translate}}
|
|
</mat-panel-title>
|
|
</mat-expansion-panel-header>
|
|
|
|
<div fxLayout="column">
|
|
|
|
<mat-form-field>
|
|
<mat-label>{{ 'labels.inputs.Name of the Organization' |translate}}</mat-label>
|
|
<input matInput>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field>
|
|
<mat-label>{{ 'labels.inputs.Description' |translate}}</mat-label>
|
|
<textarea matInput></textarea>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field>
|
|
<mat-label>{{ 'labels.inputs.Summary' |translate}}</mat-label>
|
|
<textarea matInput></textarea>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field>
|
|
<mat-label>{{ 'labels.inputs.Default Language' |translate}}</mat-label>
|
|
<mat-select>
|
|
<mat-option *ngFor="let language of languages" [value]="language">
|
|
{{ language }}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field>
|
|
<mat-label>{{ 'labels.inputs.Default Date Format' |translate}}</mat-label>
|
|
<mat-select>
|
|
<mat-option *ngFor="let dateFormat of dateFormats" [value]="dateFormat">
|
|
{{ dateFormat }}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
|
|
</div>
|
|
|
|
</mat-expansion-panel>
|
|
|
|
<mat-expansion-panel>
|
|
|
|
<mat-expansion-panel-header>
|
|
<mat-panel-title>
|
|
{{ 'labels.inputs.Images' |translate}}
|
|
</mat-panel-title>
|
|
</mat-expansion-panel-header>
|
|
|
|
<div fxLayout="column">
|
|
|
|
<span class="header">{{ 'labels.inputs.Favicon' |translate}}</span>
|
|
<mifosx-file-upload></mifosx-file-upload>
|
|
|
|
<span class="header">{{ 'labels.inputs.Cover Image' |translate}}</span>
|
|
<mifosx-file-upload></mifosx-file-upload>
|
|
|
|
<span class="header">{{ 'labels.inputs.Logo' |translate}}</span>
|
|
<mifosx-file-upload></mifosx-file-upload>
|
|
|
|
<span class="header">{{ 'labels.inputs.Logo with Organization Name' |translate}}</span>
|
|
<mifosx-file-upload></mifosx-file-upload>
|
|
|
|
</div>
|
|
|
|
</mat-expansion-panel>
|
|
|
|
<mat-expansion-panel>
|
|
|
|
<mat-expansion-panel-header>
|
|
<mat-panel-title>
|
|
{{ 'labels.inputs.Theme and Font' |translate}}
|
|
</mat-panel-title>
|
|
</mat-expansion-panel-header>
|
|
|
|
<div fxLayout="column">
|
|
|
|
<span class="header">{{ 'labels.inputs.Mobile Banking App' |translate}}</span>
|
|
<mat-form-field>
|
|
<mat-label>{{ 'labels.inputs.Default Theme' |translate}}</mat-label>
|
|
<mat-select>
|
|
<mat-option *ngFor="let theme of mobileAppThemes" [value]="theme">
|
|
{{ theme }}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field>
|
|
<mat-label>{{ 'labels.inputs.Default Font' |translate}}</mat-label>
|
|
<mat-select>
|
|
<mat-option *ngFor="let font of mobileAppFonts" [value]="font">
|
|
{{ font }}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
|
|
<span class="header">{{ 'labels.inputs.Online Banking App' |translate}}</span>
|
|
<mat-form-field>
|
|
<mat-label>{{ 'labels.inputs.Default Theme' |translate}}</mat-label>
|
|
<mat-select>
|
|
<mat-option *ngFor="let theme of onlineBankingAppThemes" [value]="theme">
|
|
{{ theme }}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field>
|
|
<mat-label>{{ 'labels.inputs.Default Font' |translate}}</mat-label>
|
|
<mat-select>
|
|
<mat-option *ngFor="let font of onlineBankingAppFonts" [value]="font">
|
|
{{ font }}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
|
|
</div>
|
|
|
|
</mat-expansion-panel>
|
|
|
|
<mat-expansion-panel>
|
|
|
|
<mat-expansion-panel-header>
|
|
<mat-panel-title>
|
|
{{ 'labels.inputs.Contact Information' |translate}}
|
|
</mat-panel-title>
|
|
</mat-expansion-panel-header>
|
|
|
|
<div fxLayout="column">
|
|
|
|
<mat-form-field>
|
|
<mat-label>{{ 'labels.inputs.Website' |translate}}</mat-label>
|
|
<input type="url" matInput>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field>
|
|
<mat-label>{{ 'labels.inputs.Email' |translate}}</mat-label>
|
|
<input type="email" matInput>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field>
|
|
<mat-label>{{ 'labels.inputs.Contact No' |translate}}</mat-label>
|
|
<input type="tel" matInput>
|
|
</mat-form-field>
|
|
|
|
</div>
|
|
|
|
</mat-expansion-panel>
|
|
|
|
</mat-accordion>
|
|
|
|
</div>
|