NoInfoPath UI (noinfopath-ui) *@version 2.0.32 *
Copyright (c) 2017 The NoInfoPath Group, LLC.
Licensed under the MIT License. (MIT)
noAutoComplete Directive
NoBtnGroupDirective
NoButtonDirective
Extands a standard button element to support noActionQueue configurations
that are store in area.json
files.
Configuration
{
myButtonConfig: {
"actions": [
{
"provider": "$state",
"method": "go",
"noContextParams": true,
"params": [
"efr.project.search",
{
"provider": "noStateHelper",
"method": "makeStateParams",
"params": [
{
"key": "id",
"provider": "scope",
"property": "document.ProjectID.ID"
}
],
"passLocalScope": true
}
]
}
]
}
}
NoInfoPath UI (noinfopath-ui) * @version 2.0.32 *
Copyright (c) 2017 The NoInfoPath Group, LLC.
Licensed under the MIT License. (MIT)
noDataPanel Directive
Renders a databound panel that can contain any kind of HTML content, which can be bound data on $scope. The datasources bring bound to are NoInfoPath data providers.
Sample HTML
<no-data-panel no-form="noForms.noComponents.foo"/>
Property | Description |
---|---|
no-form | The property that the configuration is located for the NoDataPanel |
Sample Configuration
{
"foo": {
"scopeKey": "foo",
"noDataPanel": {
"version": 1,
"saveOnRootScope": true,
"resultType": "one"
"refresh": {
"property": "bar"
},
"templateUrl": "foo.html"
},
"noDataSource": {
"dataProvider": "noWebSQL",
"databaseName": "testdb",
"entityName": "Foo",
"primaryKey": "FooID",
"filter": [
{
"field": "FooID",
"operator": "eq",
"value": {
"source": "$stateParams",
"property": "id"
}
}
]
}
}
}
Configuration Property | Type | Description |
---|---|---|
scopeKey | String | The property that the NoDataPanel directive will databind to |
noDataPanel | Object | A configuration object specific to the NoDataPanel directive |
noDataPanel.refresh | Object | An object holding configuration that will trigger the NoDataPanel to request data again |
noDataPanel.refresh.property | String | The property on the scope that the NoDataPanel to watch. On change, it will request the data again |
noDataPanel.resultType | String | Default one . The type of call that will be performed when the NoDataPanel uses the NoDataSource to query for data |
noDataPanel.saveOnRootScope | Boolean | Default false. Sets what NoDataPanel returns on the local scope if false, or the rootScope if true. |
noDataPanel.templateUrl | String | The path to an html document to load within the NoDataPanel directive |
noDataPanel.version | Interger | Default 1 . If version is 1 , NoDataPanel saves a NoResults object to the scopeKey. If version is 2 , NoDataPanel saves a NoDataModel object to the scopeKey |
noDataSource | Object | Configuration for NoInfoPath Data NoDataSource. Read more here: NoDataSource |
NoInfoPath UI (noinfopath-ui)
Copyright (c) 2017 The NoInfoPath Group, LLC.
Licensed under the MIT License. (MIT)
noNotificationService
Has the ability to create notifications in the DOM with a message and specific options.
Sample Usage
This sample show how to use the noNotificationService service in your code.
noNotificationService.appendMessage("Hello World", {id: "jawnjawnjawn"});
Sample Options
{
ttl: 1000, // Time to live in milliseconds
dismissible: false, // If true, message will be stuck until dismissed
type: "info" // A specific type that connects to bootstrap classes. Can be warning, info, danger, or success
}
Option Name | Description |
---|---|
ttl | This is the time to live. It defaults to 1000 ms (1 second). |
dismissable | This is default to false . If set to true, the notification will have an "x" and stay on the screen until dismissed. |
type | This corresponds to the bootstrap classes. Possible values are warning , info , danger , or success . Default is info . |
classes | An array of CSS classes to add onto the notification |
id | A specific id can be given so the same message cannot be shown repeatedly. |
How it Works
When append message is called, an element is appended to the DOM, off the <no-notifications>
element.
It uses CSS defined in _notification.scss
. $interval
is used to update the age
property on the element.
When the age
is greater than the ttl
defined in the options, the element is removed.
NoInfoPath UI (noinfopath-ui) *@version 2.0.32 *
Copyright (c) 2017 The NoInfoPath Group, LLC.
Licensed under the MIT License. (MIT)