confraria

<!-- this is needed to initialize the variable -->
<i style="display:none">{{device.valueToRead}}</i>

<div style="transition:none" ng-show="device.valueToRead > 10"> more than 10</div>
<div style="transition:none" ng-show="device.valueToRead == 10"> exactly 10!</div>
<div style="transition:none" ng-show="device.valueToRead < 10"> less than 10!</div>


<div ng-switch="device.valueToRead">
  <div style="transition:none" ng-switch-when="high" >HIGH</div>

confraria

How can I hide and block access to menu items and plugins based on user role?

When calling addNavigation you can defined two properties showIf and showIfPermissions

c8yNavigatorProvider.addNavigation({
  name: gettext('Example Navigation'),
  icon: 'pencil',
  priority: 1000,
  path: 'example',
  showIf: ShowMenuItemIf, // This is an angular injectable function that should return a promise that resolves in a boolean

confraria

### Keybase proof

I hereby claim:

  * I am confraria on github.
  * I am confraria (https://keybase.io/confraria) on keybase.
  * I have a public key whose fingerprint is 215D 1923 EF98 AE66 989E  4A65 6A94 6C78 5436 3CD9

To claim this, I am signing this object:

confraria

import { Client, BasicAuth } from './core';
import * as services from './services';
export const serviceProviders: any = [
  { provide: BasicAuth, useValue: new BasicAuth()},
  { provide: Client, useFactory: factory.bind(Client), deps: [BasicAuth]}
].concat(Object.values(services).map(toProvider))

function factory(dep) {
  return new this(dep);
}

confraria

import { Client } from '@c8y/client';

@Component() 
class MyComponent() {
  constructor(client: Client) {}
}

confraria

{
    "globalTitle": "Testing",
    "faviconUrl": "https://assets-cdn.github.com/favicon.ico",
    "brandingCssVars": {
      "brand-primary": "pink",
      "brand-complementary": "#14629F",
      "brand-dark": " #0B385B",
      "brand-light": "#5FAEEC",
      "gray-text": "#333",
      "link-color": "var(--brand-primary)",

confraria

1. ng new myc8yapp --routing
2. cd myc8yapp
3. npm i @c8y/ngx-components@next @c8y/style@next && npm i @c8y/cli@next uglifyjs-webpack-plugin autoprefixer@^7.1.1 -D
4. In package.json

append the following properties:

  "main": "src/main.ts",
  "c8y": {
    "application": {

confraria

function orderBy(property) {
      let prop = property;

      if (_.isArray(prop)) {
        prop = prop.join('.');
      }

      const [, sign, iterateeString] = prop.match(/^(-?)(.*)$/);
      const order = sign === '-' ? 'desc' : 'asc';
      let iteratee = iterateeString;

confraria

angular.module('c8y.ui').decorator('c8yDocs', ($delegate) => {
   'ngInject';
  
   const listFn = $delegate.list.bind($delegate);
   $delegate.list = function() {
      return listFn().then(links => {
        links.push({
           {
            icon: 'c8y-book', // choose from http://styleguide.cumulocity.com/icons/fontawesome or http://styleguide.cumulocity.com/icons/cumulocity
            label: 'My link'

confraria

{
	"name": "topz2",
	"version": "1.0.0",
	"description": "",
	"main": "index.js",
	"scripts": {
		"couch:start": "docker run -p 5984:5984 -it -v $(pwd)/couchdata:/opt/couchdb/data -e COUCHDB_USER=admin -e COUCHDB_PASSWORD=local_development_password topzcouch"
	},
	"keywords": [],
	"author": "",