This project is tools lib for a common use in software development, It include some useful Directives, Services and a Toolset.
This project was developed from the application template seed here https://github.com/refactorthis/angular-component-seed
This repository contains a set of native AngularJS directives based on Bootstrap's markup and CSS.
- ODS-Forms-builder: Drag and drop dynamic bootstrap forms builder using angular, this component is inspired in angular-form-gen. An extendable angular module that allows you create, design and render forms Bootstrap based. Field components can be dragged from a field toolbar onto a canvas, you can add fields validations. Ease way to extend by adding custom field components and validation patterns.
- ODS-CKEditor: CKEditor directive for Angular including autocompletion plugin.
- ODS-Signature: AngularJs Directive for jSignature library. It is a JavaScript widget (a jQuery plugin) that simplifies creation of a signature capture field in a browser window, allowing a user to draw a signature using mouse, pen, or finger.
- ODS-Address: Useful directive that allow to have an address management adding an input group field. It open a modal windows where you can handle all address fields.
- ODS-Img-Upload: Useful directive that allow to upload images(profile images, logo images) and edit using a crop tool.
- Report Viewer Directive: Report Viewer directive that allow to parametrize and visualize reports include report params.
- Bootstrap Select with Filter Support Directive: Select directive with dynamic filter support.
- ODS-Hide-Value: Useful directive for SSN, Medicaid and Medicare number that need privacy with a mask.
Documentation will be coming soon.
You need git to clone the git ods-lib repository. You can get git from http://git-scm.com/.
We also use a number of node.js tools to initialize and test angular-component-seed. You must have node.js and its package manager (npm) installed. You can get them from http://nodejs.org/.
We have two kinds of dependencies in this project: tools and angular framework code. The tools help us manage and test the application.
- We get the tools we depend upon via
npm
, the node package manager. - We get the angular code via
bower
, a client-side code package manager.
We have preconfigured npm
to automatically run bower
so we can simply do:
npm install
Behind the scenes this will also call bower install
. You should find that you have two new
folders in your project.
node_modules
- contains the npm packages for the tools we needbower_components
- contains the angular framework files
You can update the tool dependencies by running:
npm update
This will find the latest versions that match the version ranges specified in the package.json
file.
You can install and update the Angular dependencies by running:
install dependencies:
bower install
update dependencies:
bower update
If you want to build a distribution of this library just run a gulp task, this is the default task.
gulp build
You can check the gulpfile.js
and check all defined gulp task.
For more information on AngularJS please check out http://angularjs.org/