fd-polymer-role.html

<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../fd-polymer-i18next-translate/fd-polymer-i18next-translate.html">
<link rel="import" href="../paper-icon-button/paper-icon-button.html">
<link rel="import" href="../core-icons/social-icons.html">
<link rel="import" href="../fd-polymer-ispermitted/fd-polymer-ispermitted.html">
<link rel="import" href="../fd-polymer-generics/fd-generic-item.html">
<link rel="import" href="fd-polymer-tags.html">
<!--
Element providing proof of concept of a Thing card, with all needed features

##### Example

    <fd-thing  address="fritz.bestmazzo.it" port="9111" apiVersion="v3" 
          thingUuid="76fd619c-617b-4fb7-9870-8f08164c4926" guest></fd-thing>

@element fd-thing
@blurb Element providing proof of concept of a Thing card, with all needed features
@status beta
@homepage http://bestmazzo.github.io/fd-polymer-thing
-->
<polymer-element name="fd-role" attributes="role uuid guest mode encopy enshape">

  <template>
     <style>
    :host {
      display: block;
      position: relative;
      font-size: 1.2rem;
      font-weight: 300;
      font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial;
    }
    paper-icon-button::shadow core-icon[role=img] {
      color: #333;
    }
    </style>
<fd-ispermitted permission="auth:roles:update" allowed="{{canUpdate}}"></fd-ispermitted>
<fd-generic-item uuidfield="name" item="{{role}}" uuid="{{uuid}}" guest="{{guest}}" mode="{{mode}}" type="system/roles" ensettings="{{canUpdate}}" encopy="{{encopy}}" enshape="{{enshape}}">
<icon>
    <paper-icon-button icon="social:people"></paper-icon-button>
</icon>
<name>{{role.name}}</name>
<description></description>
<extra></extra>
<modify>
  <div layout vertical>
    <h3>{{role.name}}</h3>
    <div>
      {{'permissions' | t}}: 
      <fd-tags tags="{{role.permissions}}"></fd-tags>
    </div>
  </div>
</modify>
</fd-generic-item>
</template>
  <script>
    Polymer("fd-role", {
     /**
       * The 'guest' attribute tells whether the API call should be made as a guest user 
       *
       * @attribute guest
       * @type boolean
       */
     /**
       * The 'thingUuid' attribute specifies the uuid of Thing to show
       *
       * @attribute thingUuid
       * @type string
       */
     /**
       * The 'address' attribute specifies the hostname or ip address of API service 
       *
       * @attribute address
       * @type string
       */
    
     /**
       * The 'apiVersion' attribute specifies the API version to use 
       *
       * @attribute apiVersion
       * @type string
       */
    
     /**
       * The 'port' attribute specifies the tcp port of API service. 
       * Default value 0 mean the port number is choosen from the SSL attribute, 
       * so port will be 9111 if no SSL, and 9113 is SSL
       * @attribute port
       * @type int
       */
    
     /**
       * The 'ssl' attribute tells whether the API call requires a encrypted connection 
       *
       * @attribute ssl
       * @type boolean
       */
    mode: 'matCard',
    guest: undefined,  
    role: undefined
    });

  </script>

</polymer-element>