fd-polymer-ispermitted.html

<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../fd-polymer-api-settings/fd-polymer-api-settings.html">
<link rel="import" href="../fd-polymer-ws-service/fd-polymer-generic-ws.html">

<!--
Element providing a service for checking a user permission

##### Example

    <fd-ispermitted permission="*:read">
      This message is shown only if user has proper permissions.
    </fd-ispermitted>

@element fd-ws-service
@blurb Element providing a service for checking a user permission
@status alpha
@homepage http://freedomotic.github.io/fd-polymer-ispermitted
-->

<polymer-element name="fd-ispermitted" extends="fd-generic-ws" attributes="permission allowed">
  <template>
    <template if="{{allowed}}">
      <content></content>
    </template>
  </template>
  <script>
    Polymer("fd-ispermitted", {
      /**
       * The 'permission' attribute contains a string representing a Wildcard permission to check
       *
       * @attribute permission
       * @type string
       * @default undefined
       */
      type: 'ispermitted',
      auto: true,
      allowed: false,
      onMessage: function(e, det) {
        if (det.permission == this.permission) {
          // console.log("PERMISSION CHECK:", det);
          this.allowed = det.allowed;
        }
      },
      onOpen: function(e, self) {
        this.send(this.permission);
      },
      permissionChanged: function() {
        // console.log("NEWPERMISSION:", this.permission);
        // console.log("SENDING ON PERMISSIONCHANGE", this.permission);
        this.send(this.permission);
      },
      allowedChanged: function() {
        // console.log(this.permission, " IS ", this.allowed);
      }
    });
  </script>
</polymer-element>