@thingspro-web/profile-card

Sanji Profile Card

Example usage

import {sjProfileCard} from 'sanji-profile-card';

angular.module('myApp', [sjProfileCard]);

class DemoController {
  
  $onInit() {
    this.title = 'Profile 1';
    this.hashtagNum = '1';    // omit this to hide hashtag number
    this.profileMessage = `
      <ul>
        <li>APN Auth</li>
        <li>Username: TestUser</li>
        <li>Password: ******</li>
      </ul>
    `;    // omit profileMessage to hide account icon and its message tooltip
    
    this.keyValuePairs = [    // pairs can be any length as long as the card is nice-looking
      {key: 'APN Type', value: 'Static'},
      {key: 'Authentication Type', value: 'Both'},
      {key: 'APN', value: 'internet'},
      {key: 'SIM', value: 'Slot 1'},
      {key: 'Pin Code', value: '0000'}
    ];
  }
}

const DemoComponent = {
  controller: DemoController,
  template: `
    <sanji-profile-card card-title="$ctrl.title"
      hashtag-num="$ctrl.hashtagNum"
      profile-message="$ctrl.profileMessage"
      key-value-pairs="$ctrl.keyValuePairs"></sanji-profile-card>
  `
};

License

This project is licensed under the MIT License - see the LICENSE file for details