@c8y/ng1-modules 1021.6.0 → 1021.11.1

package/core/ui/schemaForm/schemaPropertyEditor.component.js

@@ -1 +1 @@
-(()=>{function e(r){var t,o=this,e=r.Types,n=r.Validations;function a(e){return!!_.includes(o.schemaPropertyType.validations,e)}function p(p){return _.reduce(n.values(),function(e,r){var t=a(r),o=!_.isUndefined(p.schema[r.value]);return e[r.value]=t&&o,e},{})}_.assign(o,{Types:e,Validations:n,isValidationSupported:a,$onChanges:function(e){e._property&&(o.property=_.cloneDeep(o._property),o.schemaPropertyType=r.getType(o.property),o.validationsApplied=p(o.property))},$doCheck:function(){var e=(()=>{var t={key:o.property.key,schema:o.property.schema};return _.forEach(o.validationsApplied,function(e,r){e||"required"===r||_.unset(t,["schema",r])}),t})();(e=>{var r=!_.isEqual(e,t);return t=_.cloneDeep(e),r})(e)&&o.onChange({property:e,originalProperty:o._property})},setType:function(){r.setType(o.property,o.schemaPropertyType),o.validationsApplied=p(o.property)}})}e.$inject=["SchemaPropertiesSvc"],angular.module("c8y.ui").component("c8ySchemaPropertyEditor",{bindings:{_property:"<property",onChange:"&"},templateUrl:":::PLUGIN_PATH:::/ui/schemaForm/schemaPropertyEditor.html",controller:e,controllerAs:"vm"})})();
+(()=>{function e(r){var t,p=this,e=r.Types,n=r.Validations;function i(e){return!!_.includes(p.schemaPropertyType.validations,e)}function o(o){return _.reduce(n.values(),function(e,r){var t=i(r),p=!_.isUndefined(o.schema[r.value]);return e[r.value]=t&&p,e},{})}_.assign(p,{Types:e,Validations:n,isValidationSupported:i,$onChanges:function(e){e._property&&(p.property=_.cloneDeep(p._property),p.schemaPropertyType=r.getType(p.property),p.validationsApplied=o(p.property))},$doCheck:function(){var e=(()=>{var t={key:p.property.key,schema:p.property.schema};return _.forEach(p.validationsApplied,function(e,r){e||"required"===r||_.unset(t,["schema",r])}),t})();(e=>{var r=!_.isEqual(e,t);return t=_.cloneDeep(e),r})(e)&&p.onChange({property:e,originalProperty:p._property})},setType:function(){r.setType(p.property,p.schemaPropertyType),p.validationsApplied=o(p.property)},updateRequiredValidationApplied:function(){p.property.schema.required||_.unset(p.property.schema,"required")}})}e.$inject=["SchemaPropertiesSvc"],angular.module("c8y.ui").component("c8ySchemaPropertyEditor",{bindings:{_property:"<property",onChange:"&"},templateUrl:":::PLUGIN_PATH:::/ui/schemaForm/schemaPropertyEditor.html",controller:e,controllerAs:"vm"})})();

package/core/ui/schemaForm/schemaPropertyEditor.html

@@ -72,6 +72,7 @@
             <input
               type="checkbox"
               ng-model="vm.property.schema.required"
+              ng-change="vm.updateRequiredValidationApplied()"
               ng-disabled="!vm.isValidationSupported(vm.Validations.REQUIRED)"
             />
             <span></span>

package/dataPointExplorer/controllers/dataPointWidgetConfig.js

@@ -1 +1 @@
-angular.module("c8y.cockpit.dataPointExplorer").controller("DataPointWidgetConfigCtrl",["$scope","c8yDataPointSvc","gettext",function(a,n,t){a.noActions=!0,a.dontSave=!0,a.onRealtimeAlarmFn=function(t){a.onAlarm=t},a.onRealtimeEventFn=function(t){a.onEvent=t},a.dateSelectionHelpPopoverText=t('\n      Choose how to select a date range, the available options are:\n      <ul class="m-l-0 p-l-8 m-t-8 m-b-0">\n        <li><b>Widget configuration:</b> restricts the date selection only to the widget configuration</li>\n        <li><b>Widget and widget configuration:</b> restricts the date selection to the widget view and widget configuration only</li>\n        <li><b>Dashboard time range:</b> restricts date selection to the global dashboard configuration only</li>\n      </ul>\n    ');function e(t,a){var a=_.pick(a,"dateFrom","dateTo","aggregation","displayDateSelection","interval","realtime","displayDateSelection","widgetInstanceGlobalTimeContext","canDecoupleGlobalTimeContext"),e=n.getDefaultFilters();_.assign(t,e,a)}a.onBoxChanged=function(t){a.chartBox=t},a.data={},a.data.datapoints=_.cloneDeep(a.config.datapoints),a.data.alarmsEventsConfigs=_.cloneDeep(a.config.alarmsEventsConfigs),e(a.data,a.config),a.dateSelection=(()=>{var t=a.data.widgetInstanceGlobalTimeContext?"dashboard_context":a.data.displayDateSelection?"view_and_config":"config";return t})(),a.$watch("dateSelection",function(){switch(a.dateSelection){case"dashboard_context":a.data.widgetInstanceGlobalTimeContext=!0;break;case"view_and_config":a.data.widgetInstanceGlobalTimeContext=!1,a.data.displayDateSelection=!0;break;default:a.data.widgetInstanceGlobalTimeContext=!1,a.data.displayDateSelection=!1}},!0),a.$watch("data",function(){a.data.widgetInstanceGlobalTimeContext&&(a.data.dateFrom=a.config.date?a.config.date[0]:a.data.dateFrom,a.data.dateTo=a.config.date?a.config.date[1]:a.data.dateTo,a.data.realtime=a.config.realtime,a.data.displayDateSelection=!1,a.data.canDecoupleGlobalTimeContext=!1,a.data.interval=null),e(a.config,a.data),a.config.datapoints=a.data.graphDataPoints,a.config.alarmsEventsConfigs=a.data.graphAlarmsEventsConfigs},!0)}]);
+angular.module("c8y.cockpit.dataPointExplorer").controller("DataPointWidgetConfigCtrl",["$scope","c8yDataPointSvc","gettext",function(a,n,t){a.noActions=!0,a.dontSave=!0,a.onRealtimeAlarmFn=function(t){a.onAlarm=t},a.onRealtimeEventFn=function(t){a.onEvent=t},a.dateSelectionHelpPopoverText=t('\n      Choose how to select a date range, the available options are:\n      <ul class="m-l-0 p-l-8 m-t-8 m-b-0">\n        <li><b>Dashboard time range:</b> restricts date selection to the global dashboard configuration only</li>\n        <li><b>Widget configuration:</b> restricts the date selection only to the widget configuration</li>\n        <li><b>Widget and widget configuration:</b> restricts the date selection to the widget view and widget configuration only</li>\n      </ul>\n    ');function e(t,a){var a=_.pick(a,"dateFrom","dateTo","aggregation","displayDateSelection","interval","realtime","displayDateSelection","widgetInstanceGlobalTimeContext","canDecoupleGlobalTimeContext"),e=n.getDefaultFilters();_.assign(t,e,a)}a.onBoxChanged=function(t){a.chartBox=t},a.data={},a.data.datapoints=_.cloneDeep(a.config.datapoints),a.data.alarmsEventsConfigs=_.cloneDeep(a.config.alarmsEventsConfigs),e(a.data,a.config),a.dateSelection=(()=>{var t=!Object.hasOwn(a.data,"widgetInstanceGlobalTimeContext")&&!Object.hasOwn(a.data,"displayDateSelection")||a.data.widgetInstanceGlobalTimeContext?"dashboard_context":a.data.displayDateSelection?"view_and_config":"config";return t})(),a.$watch("dateSelection",function(){switch(a.dateSelection){case"dashboard_context":a.data.widgetInstanceGlobalTimeContext=!0;break;case"view_and_config":a.data.widgetInstanceGlobalTimeContext=!1,a.data.displayDateSelection=!0;break;default:a.data.widgetInstanceGlobalTimeContext=!1,a.data.displayDateSelection=!1}},!0),a.$watch("data",function(){a.data.widgetInstanceGlobalTimeContext&&(a.data.dateFrom=a.config.date?a.config.date[0]:a.data.dateFrom,a.data.dateTo=a.config.date?a.config.date[1]:a.data.dateTo,a.data.realtime=a.config.realtime,a.data.displayDateSelection=!1,a.data.canDecoupleGlobalTimeContext=!1,a.data.interval=null),e(a.config,a.data),a.config.datapoints=a.data.graphDataPoints,a.config.alarmsEventsConfigs=a.data.graphAlarmsEventsConfigs},!0)}]);

package/dataPointExplorer/views/widgetConfig.html

@@ -27,6 +27,12 @@
             aria-label="{{ 'Date selection' | translate }}"
             ng-model="dateSelection"
           >
+            <option
+              title="{{ 'Dashboard time range' | translate }}"
+              value="{{ 'dashboard_context' }}"
+            >
+              {{ 'Dashboard time range' | translate }}
+            </option>
             <option
               title="{{ 'Widget configuration' | translate }}"
               value="{{ 'config' }}"
@@ -39,12 +45,6 @@
             >
               {{ 'Widget and widget configuration' | translate }}
             </option>
-            <option
-              title="{{ 'Dashboard time range' | translate }}"
-              value="{{ 'dashboard_context' }}"
-            >
-              {{ 'Dashboard time range' | translate }}
-            </option>
           </select>
         </div>
       </div>

package/eventList/eventListConfig.controller.js

@@ -1 +1 @@
-(()=>{function e(e){this.dateSelectionHelpPopoverText=e('\n      Choose how to select a date range, the available options are:\n      <ul class="m-l-0 p-l-8 m-t-8 m-b-0">\n        <li><b>Widget:</b> restricts the date selection to the widget view only</li>\n        <li><b>Dashboard time range:</b> restricts date selection to the global dashboard configuration only</li>\n      </ul>\n    ')}e.$inject=["gettext"],angular.module("c8y.eventList").controller("EventListConfigCtrl",e)})();
+(()=>{function e(e,t){!!e.config.displaySettings&&"true"!==e.config.widgetInstanceGlobalTimeContext||(e.config.widgetInstanceGlobalTimeContext=!0),this.dateSelectionHelpPopoverText=t('\n      Choose how to select a date range, the available options are:\n      <ul class="m-l-0 p-l-8 m-t-8 m-b-0">\n        <li><b>Dashboard time range:</b> restricts date selection to the global dashboard configuration only</li>\n        <li><b>Widget:</b> restricts the date selection to the widget view only</li>\n      </ul>\n    ')}e.$inject=["$scope","gettext"],angular.module("c8y.eventList").controller("EventListConfigCtrl",["$scope","gettext",e])})();

package/eventList/views/eventListConfig.html

@@ -20,12 +20,12 @@
         aria-label="{{ 'Date selection' | translate }}"
         ng-model="config.widgetInstanceGlobalTimeContext"
       >
-        <option title="{{ 'Widget' | translate }}" value="{{ undefined }}">
-          {{ 'Widget' | translate }}
-        </option>
-        <option title="{{ 'Dashboard time range' | translate }}" value="{{ true }}">
+        <option title="{{ 'Dashboard time range' | translate }}" ng-value="true">
           {{ 'Dashboard time range' | translate }}
         </option>
+        <option title="{{ 'Widget' | translate }}" ng-value="undefined">
+          {{ 'Widget' | translate }}
+        </option>
       </select>
     </div>
   </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c8y/ng1-modules",
-  "version": "1021.6.0",
+  "version": "1021.11.1",
   "license": "Apache-2.0",
   "author": "Cumulocity",
   "description": "AngularJS modules for Cumulocity IoT applications.",

package/tenantApplications/subscribed-applications/subscribed-applications.component.js

@@ -1 +1 @@
-(()=>{function t(t,n){var i=this,e=t.tenantId,s={},t=_.memoize(function(t){t=o(t.id);return _.get(t,"instances")},function(t){return t.id}),a=null;function c(t){_.forEach(t,function(t){var n=t.applicationId;n&&(s[n]=t)})}function o(t){t=_.get(s,t);return n.getApplicationStatusForTenant(t,e)}_.assign(i,{$onInit:function(){var t={tenantId:e,filters:{pageSize:2e3}};n.getApplicationMOs(t).then(c)},openItem:function(t){(a=a!==t?t:null)&&(t=>{(t=o(t))?i.instancesStatus=n.getInstanceCounts(_.get(t,"details")):i.instancesStatus={}})(t.id)},isOpen:function(t){return a===t},hasApplicationStatus:function(t){t=o(t.id);return!_.isEmpty(t)},memoizedGetSubscriptionInstances:t,instancesStatus:{},getStatusIcon:function(t){t=_.find(n.status.values(),{value:_.get(o(t),"status")});return _.get(t,"icon")},getStringTooltip:function(t){t=_.find(n.status.values(),{value:_.get(o(t),"status")});return _.get(t,"label")}})}t.$inject=["$routeParams","c8yApplication"],angular.module("c8y.tenantApplications").component("c8ySubscribedApplications",{bindings:{associatedApplications:"<",dissociate:"<"},templateUrl:":::PLUGIN_PATH:::/subscribed-applications/subscribed-applications.html",controller:t,controllerAs:"vm"})})();
+(()=>{function t(t,n){var i=this,e=t.tenantId,a={},t=_.memoize(function(t){t=o(t.id);return _.get(t,"instances")},function(t){return t.id}),s=null;function c(t){_.forEach(t,function(t){var n=t.applicationId;n&&(a[n]=t)})}function o(t){t=_.get(a,t);return n.getApplicationStatusForTenant(t,e)}_.assign(i,{$onInit:function(){var t={tenantId:e,filters:{pageSize:2e3}};n.getApplicationMOs(t).then(c)},openItem:function(t){(s=s!==t?t:null)&&(t=>{(t=o(t))?i.instancesStatus=n.getInstanceCounts(_.get(t,"details")):i.instancesStatus={}})(t.id)},isOpen:function(t){return s===t},hasApplicationStatus:function(t){t=o(t.id);return!_.isEmpty(t)},memoizedGetSubscriptionInstances:t,instancesStatus:{},getStatusIcon:function(t){t=_.find(n.status.values(),{value:_.get(o(t),"status")});return _.get(t,"icon")},getStringTooltip:function(t){t=_.find(n.status.values(),{value:_.get(o(t),"status")});return _.get(t,"label")}})}t.$inject=["$routeParams","c8yApplication"],angular.module("c8y.tenantApplications").component("c8ySubscribedApplications",{bindings:{associatedApplications:"<",dissociate:"<",tenant:"<"},templateUrl:":::PLUGIN_PATH:::/subscribed-applications/subscribed-applications.html",controller:t,controllerAs:"vm"})})();

package/tenantApplications/subscribed-applications/subscribed-applications.html

@@ -1,3 +1,5 @@
+<c8y-ui-title-set title="vm.tenant.company"></c8y-ui-title-set>
+
 <div class="card-header sticky-top separator large-padding">
   <div class="card-title" translate>Subscribed applications</div>
 </div>

package/tenantApplications/views/index.html

@@ -13,6 +13,7 @@
 <div class="card d-grid content-fullpage grid__col--6-6--md">
   <c8y-subscribed-applications
     dissociate="dissociate"
+    tenant="tenant"
     class="inner-scroll bg-level-0"
     associated-applications="associatedApplications"
   ></c8y-subscribed-applications>

package/tenants/controllers/customProperties.js

@@ -1 +1 @@
-(()=>{function e(i,e,t,s,a,n,r,o,c){var u=this,h=t.tenantId,l=n.another(n.paths.Tenants,{tenantId:h}),g="c8ySchema!!customProperties",m={notitle:!0};_.assign(u,{schema:{},form:[],cancel:function(){e.path("tenants")},save:function(e){return a.save(_.pick(u.tenant,["id","applications","customProperties"])).then(function(){o.success(c("Custom properties saved.")),e.$setPristine()})}}),i.all({rootProperty:l.list().then(function(e){return _.filter(e,{id:g})}),isGainsightKeyDefined:_.get(window,"C8Y_APP.gainsightKey")?i.resolve(!!window.C8Y_APP.gainsightKey):r.detailValue({category:"configuration",key:"system.gainsight.api.key"}).then(function(e){return!!e})}).then(function(e){var t=e.rootProperty,n=e.isGainsightKeyDefined;return e=t,i.all({schema:l.getSchema(e),form:l.getForm(e,m),tenant:a.detail(h).then(s.getResData)}).then(function(e){return{results:e,isGainsightKeyDefined:n}})}).then(function(e){var t=e.results;u.schema=e.isGainsightKeyDefined?t.schema:(e=>(e=_.cloneDeep(e),_.unset(e,"properties.customProperties.properties.gainsightEnabled"),e))(t.schema),u.form=t.form,u.tenant=t.tenant})}e.$inject=["$q","$location","$routeParams","c8yBase","c8yTenant","c8yPropertiesLibrary","c8ySettings","c8yAlert","gettext"],angular.module("c8y.tenants").controller("tenantCustomPropertiesCtrl",e)})();
+(()=>{function e(n,e,t,r,s,i,a,o,c){var u=this,p=t.tenantId,l=i.another(i.paths.Tenants,{tenantId:p}),m="c8ySchema!!customProperties",h={notitle:!0};_.assign(u,{schema:{},form:[],cancel:function(){e.path("tenants")},save:function(e){return s.save(_.pick(u.tenant,["id","applications","customProperties"])).then(function(){o.success(c("Custom properties saved.")),e.$setPristine()})}}),u.loaded=!1,n.all({rootProperty:l.list().then(function(e){return _.filter(e,{id:m})}),isGainsightKeyDefined:_.get(window,"C8Y_APP.gainsightKey")?n.resolve(!!window.C8Y_APP.gainsightKey):a.detailValue({category:"configuration",key:"system.gainsight.api.key"}).then(function(e){return!!e})}).then(function(e){var t=e.rootProperty,i=e.isGainsightKeyDefined;return e=t,n.all({schema:l.getSchema(e),form:l.getForm(e,h),tenant:s.detail(p).then(r.getResData)}).then(function(e){return e.schema.properties.customProperties.properties=_.omit(e.schema.properties.customProperties.properties,["externalReference","limit.devices.number","limit.http.requests","limit.http.queue","limit.stream.requests","limit.stream.queue","cepServer.queue.limit","data-broker.queue.limit","gainsightEnabled"]),e}).then(function(e){return{results:e,isGainsightKeyDefined:i}})}).then(function(e){var t=e.results;u.schema=e.isGainsightKeyDefined?t.schema:(e=>(e=_.cloneDeep(e),_.unset(e,"properties.customProperties.properties.gainsightEnabled"),e))(t.schema),u.form=t.form,u.tenant=t.tenant,u.hasCustomProperties=0<Object.keys(u.schema.properties.customProperties.properties).length}).finally(function(){u.loaded=!0})}e.$inject=["$q","$location","$routeParams","c8yBase","c8yTenant","c8yPropertiesLibrary","c8ySettings","c8yAlert","gettext"],angular.module("c8y.tenants").controller("tenantCustomPropertiesCtrl",e)})();

package/tenants/index.js

@@ -1 +1 @@
-(()=>{function t(t,e,n,r){r.when("/tenants/new",{templateUrl:":::PLUGIN_PATH:::/views/detail.html",controller:"tenantDetailCtrl"}),t.when("/tenants/:tenantId",{templateUrl:":::PLUGIN_PATH:::/views/detail.html",controller:"tenantDetailCtrl",icon:"new-property",name:n("Properties"),priority:4e3}),t.when("/tenants/:tenantId",{templateUrl:":::PLUGIN_PATH:::/views/customProperties.html",controller:"tenantCustomPropertiesCtrl as vm",icon:"property-script",name:n("Custom properties"),priority:3e3,showIf:["$routeParams",function(t){return _.get(t,"tenantId")}]}),e.addTitle("/tenants/:tenantId",{data:["$routeParams","c8yTenant",function(t,e){t=t.tenantId;return t?e.detail(t).then(function(t){return{title:t.data.company}}):{title:n("New tenant")}}]})}t.$inject=["c8yViewsProvider","c8yTitleProvider","gettext","$routeProvider"],angular.module("c8y.tenants",[]).config(t)})();
+(()=>{function e(e,t,n,r){r.when("/tenants/new",{templateUrl:":::PLUGIN_PATH:::/views/detail.html",controller:"tenantDetailCtrl"}),e.when("/tenants/:tenantId",{templateUrl:":::PLUGIN_PATH:::/views/detail.html",controller:"tenantDetailCtrl",icon:"new-property",name:n("Properties"),priority:4e3})}e.$inject=["c8yViewsProvider","c8yTitleProvider","gettext","$routeProvider"],angular.module("c8y.tenants",[]).config(e)})();

package/tenants/views/customProperties.html

@@ -1,54 +1,65 @@
-<c8y-breadcrumbs-set>
-  <c8y-breadcrumbs-item
-    path="#tenants"
-    label="{{ 'Subtenants' | translate }}"
-    icon="c8y-sub-tenants"
-  ></c8y-breadcrumbs-item>
-  <c8y-breadcrumbs-item
-    label="{{ 'Tenants' | translate }}"
-    icon="c8y-sub-tenants"
-  ></c8y-breadcrumbs-item>
-</c8y-breadcrumbs-set>
-
-<form name="tenantCustomPropertiesForm" novalidate class="row">
-  <div class="col-md-8 col-xs-12">
-    <div class="card card--fullpage m-b-0">
-      <div class="card-header separator">
-        <div class="card-title">
-          {{ 'Custom properties' | translate }}
-        </div>
-      </div>
-      <div class="inner-scroll">
-        <div class="card-block">
-          <c8y-schema-form
-            schema="vm.schema"
-            form="vm.form"
-            model="vm.tenant"
-            options="{pristine: { errors: true }}"
-            class="d-contents"
-          >
-          </c8y-schema-form>
-        </div>
-      </div>
-      <div class="card-footer separator">
-        <button
-          title="{{ 'Cancel' | translate }}"
-          class="btn btn-default"
-          ng-click="vm.cancel()"
-        >
-          {{ 'Cancel' | translate }}
-        </button>
-        <button
-          title="{{ 'Save' | translate }}"
-          class="btn btn-primary"
-          ng-disabled="tenantCustomPropertiesForm.$invalid || !tenantCustomPropertiesForm.$dirty"
-          ng-click="vm.save(tenantCustomPropertiesForm)"
-          translate
-        >
-          Save
-        </button>
-      </div>
-    </div>
-  </div>
-</form>
-
+<c8y-breadcrumbs-set>
+  <c8y-breadcrumbs-item
+    path="#tenants"
+    label="{{ 'Subtenants' | translate }}"
+    icon="c8y-sub-tenants"
+  ></c8y-breadcrumbs-item>
+  <c8y-breadcrumbs-item
+    label="{{ 'Tenants' | translate }}"
+    icon="c8y-sub-tenants"
+  ></c8y-breadcrumbs-item>
+</c8y-breadcrumbs-set>
+
+<form name="tenantCustomPropertiesForm" novalidate class="row">
+  <div class="col-md-8 col-xs-12">
+    <div class="card card--fullpage m-b-0">
+      <div class="card-header separator">
+        <div class="card-title">
+          {{ 'Custom properties' | translate }}
+        </div>
+      </div>
+      <div class="inner-scroll">
+        <div class="card-block">
+          <c8y-loading ng-if="!vm.loaded"></c8y-loading>
+          <c8y-ui-empty-state
+            [icon]="'property-script'"
+            [title]="'No custom properties yet.' | translate"
+            [subtitle]="'Add a new custom property for tenants in Properties library.' | translate"
+            ng-if="vm.loaded && !vm.hasCustomProperties"
+          ></c8y-ui-empty-state>
+          <c8y-schema-form
+            class="d-contents"
+            ng-if="vm.loaded && vm.hasCustomProperties"
+            schema="vm.schema"
+            form="vm.form"
+            model="vm.tenant"
+            options="{pristine: { errors: true }}"
+            class="d-contents"
+          >
+          </c8y-schema-form>
+        </div>
+      </div>
+      <div
+        class="card-footer separator"
+        ng-if="vm.loaded && vm.hasCustomProperties"
+      >
+        <button
+          title="{{ 'Cancel' | translate }}"
+          class="btn btn-default"
+          ng-click="vm.cancel()"
+        >
+          {{ 'Cancel' | translate }}
+        </button>
+        <button
+          title="{{ 'Save' | translate }}"
+          class="btn btn-primary"
+          ng-disabled="tenantCustomPropertiesForm.$invalid || !tenantCustomPropertiesForm.$dirty"
+          ng-click="vm.save(tenantCustomPropertiesForm)"
+          translate
+        >
+          Save
+        </button>
+      </div>
+    </div>
+  </div>
+</form>

package/tenants/views/detail.html

@@ -1,3 +1,5 @@
+<c8y-ui-title-set title="tenant.company"></c8y-ui-title-set>
+
 <c8y-breadcrumbs-set>
   <c8y-breadcrumbs-item
     icon="c8y-sub-tenants"