cockpit-config/cockpit-configuration.component.ts
| selector | c8y-cockpit-configuration |
| templateUrl | ./cockpit-configuration.component.html |
Properties |
Methods |
|
constructor(cockpitConfigService: CockpitConfigService, alertService: AlertService)
|
|||||||||
|
Parameters :
|
| Async save |
save()
|
|
Stores the configuration and shows a success message.
Returns :
any
|
| updateFeatures |
updateFeatures()
|
|
Updates the features to directly reflect the results of the change.
Returns :
void
|
| Async updateRootNodes |
updateRootNodes()
|
|
Updates the root nodes to directly reflect the results of the change.
Returns :
any
|
| config |
Type : CockpitConfig
|
Default value : DEFAULT_CONFIG
|
|
The currently used configuration. |
<c8y-title>{{ 'App configuration' | translate }}</c8y-title>
<c8y-breadcrumb>
<c8y-breadcrumb-item
[icon]="'c8y-tools'"
[label]="'Configuration' | translate"
></c8y-breadcrumb-item>
<c8y-breadcrumb-item
[icon]="'c8y-tools'"
[label]="'App configuration' | translate"
></c8y-breadcrumb-item>
</c8y-breadcrumb>
<div class="row">
<div class="col-lg-12 col-lg-max">
<form #configForm="ngForm">
<div class="card card--fullpage">
<div class="card-header separator">
<div class="card-title" translate>Cockpit configuration</div>
</div>
<div class="inner-scroll">
<div class="card-block p-t-0 p-b-0">
<fieldset class="row separator-bottom p-t-24 p-b-24">
<div class="col-xs-12 col-sm-3 col-md-2 text-left-xs text-right-sm">
<div class="d-inline-flex m-b-16">
<div class="h4 text-medium m-r-4" translate>Features</div>
<button
class="btn-help btn-help--sm"
type="button"
popover="{{
'Define which are the enabled features in the current application.'
| translate
}}"
container="body"
placement="right"
triggers="focus"
[attr.aria-label]="'Help' | translate"
></button>
</div>
</div>
<div class="col-xs-12 col-sm-9 col-md-8">
<c8y-feature-config
[config]="config"
(onUpdate)="updateFeatures()"
></c8y-feature-config>
</div>
</fieldset>
<fieldset class="row separator-bottom p-t-24 p-b-24">
<div class="col-xs-12 col-sm-3 col-md-2 text-left-xs text-right-sm">
<div class="d-inline-flex m-b-16">
<div class="h4 text-medium m-r-8" translate>Top level nodes</div>
<button
class="btn-help btn-help--sm"
type="button"
popover="{{
'Select which nodes to display in the top level of the navigator menu. By default, only Groups is shown.'
| translate
}}"
container="body"
placement="right"
triggers="focus"
[attr.aria-label]="'Help' | translate"
></button>
</div>
</div>
<div class="col-xs-12 col-sm-10 col-md-10">
<div class="row">
<c8y-root-node-config
[config]="config"
(onUpdate)="updateRootNodes()"
></c8y-root-node-config>
</div>
</div>
</fieldset>
<fieldset class="row separator-bottom p-t-24 p-b-24">
<div class="col-xs-12 col-sm-3 col-md-2 text-left-xs text-right-sm">
<div class="d-inline-flex m-b-16">
<div class="h4 text-medium m-r-8" translate>Home dashboard</div>
<button
class="btn-help btn-help--sm"
type="button"
popover="{{
'The home page of this application. By default it is a customizable dashboard displaying overview data for the tenant.'
| translate
}}"
placement="right"
container="body"
triggers="focus"
[attr.aria-label]="'Help' | translate"
></button>
</div>
</div>
<div class="col-xs-12 col-sm-9 col-md-8">
<c8y-home-dashboard-config [config]="config"></c8y-home-dashboard-config>
</div>
</fieldset>
<fieldset class="row separator-bottom p-t-24 p-b-24">
<div class="col-xs-12 col-sm-3 col-md-2 text-left-xs text-right-sm">
<div class="h4 text-medium d-inline-block m-r-4" translate>Misc</div>
</div>
<div class="col-xs-12 col-sm-9 col-md-8">
<c8y-misc-config [config]="config"></c8y-misc-config>
</div>
</fieldset>
</div>
</div>
<div class="card-footer separator">
<button
title="{{ 'Save' | translate }}"
type="submit"
class="btn btn-primary"
[disabled]="!configForm.form.valid"
(click)="save()"
c8yProductExperience
[actionName]="'cockpitConfigurationSaved'"
[actionData]="{ config: config }"
>
{{ 'Save' | translate }}
</button>
</div>
</div>
</form>
</div>
</div>