tree: c3beff6ef74fe4c57725b0ff2b2ca031a833aaac [path history] [tgz]
  1. index.js
  2. nice-tab-directive.js
  3. nice-tab.jade
  4. nice-tabs-directive.js
  5. nice-tabs-spec.js
  6. nice-tabs.jade
  7. README.md
crowdstf/res/app/components/stf/common-ui/nice-tabs/README.md

nice-tabs

This are nice tabs. They wrap:

  • Angular Bootstrap tabs
  • Feature Font Awesome icon support
  • Load and preload templates for each tab
  • Save last selected tab to localForage
  • Support tab show/hide (?)

Current syntax

<nice-tabs key='ControlBottomTabs' direction='below' tabs='tabs'></nice-tabs>
function Ctrl($scope) {
	$scope.tabs = [
    	{title: 'Tab One', icon: 'fa-bolt', templateUrl='terminal/tab-one.jade'},
    	{title: 'Tab One', icon: 'fa-bolt', templateUrl='terminal/tab-one.jade'},
	]
}

Declarative syntax (future):

<nice-tabs key='ControlBottomTabs' direction='below'>
      <nice-tab title='Tab One' icon='fa-bolt' templateUrl='"terminal/tab-one.jade"'></nice-tab>
      <nice-tab title='Tab Two' icon='fa-bolt' templateUrl='"terminal/tab-two.jade"' ng-show='showOtherTabs'></nice-tab>
</nice-tabs>