https://github.com/sinsunsan/angular_mixy
Forms fields jade mixins working with angular and compiled from yaml files
https://github.com/sinsunsan/angular_mixy
angular jade-mixins yaml yaml-files
Last synced: about 1 month ago
JSON representation
Forms fields jade mixins working with angular and compiled from yaml files
- Host: GitHub
- URL: https://github.com/sinsunsan/angular_mixy
- Owner: sinsunsan
- Created: 2015-08-25T21:50:12.000Z (almost 11 years ago)
- Default Branch: master
- Last Pushed: 2018-06-14T22:02:11.000Z (about 8 years ago)
- Last Synced: 2024-09-27T09:35:50.683Z (over 1 year ago)
- Topics: angular, jade-mixins, yaml, yaml-files
- Language: HTML
- Homepage:
- Size: 307 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular Mixy : A collection of jade mixins to setup angular forms more quickly
Angular mixy is a collection of jade mixins to set up forms with Angular and Jade and Yaml
- set up forms form a yaml file that define the field content
- fields definition can be inherited from other fields
- fields are compiled with jade
# Main parts
* [A library of jade forms mixins](https://github.com/sinsunsan/angular_mixy/tree/master/app/jade/_global_ui/mixins/form)
* [Example YAML files](https://github.com/sinsunsan/angular_mixy/tree/master/app/data/yaml)
# angular-mixy-start
### Dependencies
Lodash and merge-default are required libraries
"merge-defaults": "^0.2.1"
### Include the main jade lib
In you jade main file include the lib main file
```
include angular_mixy/dist/_global_ui.jade
```
### Configure your grunt file
Example of jade section of the file
Load the main concatanated json file
```
gData: grunt.file.readJSON('app/data/hola.json'),
```
Load lodash to be used in the templates
```
_: _, // Make lodash available in jade templates
```
Load utility function (Change the path to match your installation)
```
util: require('./angular_mixy/dist/jade/js/formFn.js')
```
```
jade: {
app: {
expand: false,
src: ['<%= yeoman.app %>/jade/index.jade'],
dest: '<%= yeoman.app %>/index.html',
ext: '.html'
},
options: {
doctype: 'html',
client: false,
pretty: true, // Output HTML in indented style
data: function(dest, src) {
return {
gData: grunt.file.readJSON('app/data/hola.json'),
_: _, // Make lodash available in jade templates
util: require('./app/jade/_global_ui/js/formFn.js') // load utility function for global_ui libs
};
}
},
}
```