bedrock-angular-ui
A bedrock AngularJS module that provides various UI components.
Uses features from bedrock-angular.
Setup
bower install bedrock-angular-ui
Installation of the module followed by a restart of your bedrock server is sufficient to make the module available to your application.
To manually add bedrock-angular-ui as a dependency:
angular;
Directives
br-action-menu
Show an action menu. Provides standard stackables
wrapper around <ul>
menu
items. Useful in headlines and tables of resources.
Name Action {{item.label}} <!-- Action --> <!-- Edit --> Edit <!-- Set as default --> Set as default <!-- Remove --> Remove
br-error
Show details of an error.
<!-- error details --> Error Details
br-headline
Show a standard section headline. Useful for a common look and feel. Supports having a menu for section specific actions.
Add Item You have no items for this identity. Add Item ... You have no recent items for this identity. ...
br-slug-in
Automatically create slug data from a model property.
Enter a short name for this resource. An example would be "my-short-name", or "myshortname".
br-tabs
Wrapper around a number of br-tabs-pane
components.
...
br-tabs-pane
Wrapper around content for a tab used with a br-tabs
component.
br-tooltip
Show a tooltip.
Options:
- placement: See UI Bootstrap tooltip docs.
- trigger: See UI Bootstrap tooltip docs.
placeholder
Polyfill for placeholder
attribute.
Filters
slug
Convert a string to a "slug". Repeated whitespace and -
in a string are
replaced with a single -
. The string is also lowercased. Useful for URL
friendly ids.
{{accountName | slug}}
var slugified = scopeinput;
{{'My name' | slug}} => 'my-name'
{{'My Name' | slug}} => 'my-name'
{{'My - Name' | slug}} => 'my-name'
{{'My --- Name' | slug}} => 'my-name'