Sanji core module is part of Sanji UI framework and also it is a angular module. It is responsible for config all webapp services.
- angularjs
- angular-sanitize
- angular-translate
- angular-material
- angular-material-icons
- angular-ui-router
- angular-formly
- angular-sanji-window
- ocLazyLoad
- lodash
- api-check
- sanji-utils-ui
npm install sanji-core-ui --save
let app = angular.module('webapp', ['sanji.core']);
sanji-core-ui define some basic form fields through angular-formly.
- key(required): this is field uniq id.
- type(required): this is field type.
- templateOptions(optional): this is for setting field property.
example:
[{
"key": "ip",
"type": "input",
"templateOptions": {
"label": "IP",
"required": true
}
}]
Type name: input
templateOptions:
- required: value is
true
orfalse
. - label: label name.
- placeholder: placeholder string.
Type name: password
templateOptions:
- required: value is
true
orfalse
. - label: label name.
- placeholder: placeholder string.
Type name: url
templateOptions:
- required: value is
true
orfalse
. - label: label name.
- placeholder: placeholder string.
Type name: email
templateOptions:
- required: value is
true
orfalse
. - label: label name.
- placeholder: placeholder string.
Type name: range
templateOptions:
- required: value is
true
orfalse
. - label: label name.
- min: minimum value.
- max: maximum value.
Type name: file
templateOptions:
- required: value is
true
orfalse
. - label: label name.
- accept: accept file pattern, like
image/*
. - maxSize: file size limitation, like
10MB
.
Type name: date
templateOptions:
- required: value is
true
orfalse
. - label: label name.
- min: minimum date value.
- max: maximum date value.
Type name: datetime
templateOptions:
- required: value is
true
orfalse
. - label: label name.
- min: minimum date value(ISO8601).
- max: maximum date value(ISO8601).
Type name: number
templateOptions:
- required: value is
true
orfalse
. - label: label name.
- placeholder: placeholder string.
- min: minimum value.
- max: maximum value.
Type name: radio
templateOptions:
- options: radio option array, like
[{label: 'foo', value: 'bar'}]
.
Type name: datepicker
templateOptions:
- required: value is
true
orfalse
. - placeholder: placeholder string.
- min: minimum date value.
- max: maximum date value.
Type name: select
templateOptions:
- options: select option array, like
[{label: 'foo', value: 'bar'}]
.
Type name: checkbox
templateOptions:
- label: label name.
Type name: ip
templateOptions:
- required: value is
true
orfalse
. - label: label name.
- placeholder: placeholder string.
Type name: latitude
templateOptions:
- required: value is
true
orfalse
. - label: label name.
- placeholder: placeholder string.
Type name: longitude
templateOptions:
- required: value is
true
orfalse
. - label: label name.
- placeholder: placeholder string.
Type name: aliasName
templateOptions:
- required: value is
true
orfalse
. - label: label name.
- placeholder: placeholder string.
Type name: hostname
templateOptions:
- required: value is
true
orfalse
. - label: label name.
- placeholder: placeholder string.
Type name: port
templateOptions:
- required: value is
true
orfalse
. - label: label name.
- placeholder: placeholder string.
Type name: mac
templateOptions:
- required: value is
true
orfalse
. - label: label name.
- placeholder: placeholder string.
Type name: float
templateOptions:
- required: value is
true
orfalse
. - label: label name.
- placeholder: placeholder string.
Author: Zack Yang © 2015
Support: if you find any problems with this library, open issue on Github