src/lib/configuration/sz-configuration-about/sz-configuration-about.component.ts
Provides a component that lists all current API connection config parameters as a human readable table.
Example :<!-- (Angular) -->
<sz-configuration-about></sz-configuration-about><!-- (WC) by attribute -->
<sz-wc-configuration-about></sz-wc-configuration-about>
OnInit
OnDestroy
| selector | sz-configuration-about |
| styleUrls | ./sz-configuration-about.component.scss |
| templateUrl | ./sz-configuration-about.component.html |
Properties |
|
Methods |
|
constructor(apiConfiguration: SzRestConfiguration, apiConfigService: SzConfigurationService)
|
|||||||||
|
Parameters :
|
| Public getPropsAsArray | ||||||
getPropsAsArray(config: SzRestConfiguration)
|
||||||
|
Parameters :
Returns :
object[]
|
| ngOnDestroy |
ngOnDestroy()
|
|
unsubscribe when component is destroyed
Returns :
void
|
| ngOnInit |
ngOnInit()
|
|
Returns :
void
|
| Public apiConfiguration |
Type : SzRestConfiguration
|
Decorators :
@Inject(SzRestConfiguration)
|
| Public apiProperties |
Type : object[]
|
| Public unsubscribe$ |
Default value : new Subject<void>()
|
|
subscription to notify subscribers to unbind |
<div class="sz-configuration-about">
<div class="header">
<div class="column">Property Name</div>
<div class="column">Property Value</div>
</div>
<div *ngFor=" let propObj of this.apiProperties" class="row">
<div class="column cell">{{propObj['key']}}</div>
<div class="column cell">{{propObj['value']}}</div>
</div>
</div>
./sz-configuration-about.component.scss
:host {
border: 1px solid #000;
border-radius: 3px;
display: inline-table;
}
.header {
border: 1px outset #C0C0C0;
background-color: #e1e1e1;
font-weight: bold;
.column {
margin: 4px 10px;
}
}
.row, .header {
display: flex;
}
.column {
flex: 50%;
margin: 0 2px 0 2px;
}
.row {
padding: 2px 0 2px 10px;
border-bottom: 1px inset #c0c0c0;
}
.cell {
/*border: 1px inset #C0C0C0;*/
padding: 2px;
}