@@ -10,21 +10,47 @@ Installation
10
10
The date picker is an add-on to the Bootstrap decorator. To use it, just include
11
11
` dist/bootstrap-colorpicker.min.js ` * after* ` dist/bootstrap-decorator.min.js ` .
12
12
13
+ Easiest way is to install is with bower, this will also include dependencies:
14
+ ``` bash
15
+ $ bower install angular-schema-form-colorpicker
16
+ ```
17
+
13
18
You'll need to load a few additional files to use colorpicker:
14
19
15
- 1 . jQuery (Spectrum depends on it)
16
- 2 . The Spectrum source files The Spectrum source files (see the
20
+ * Before loading angular schema form*
21
+
22
+ 1 . jQuery
23
+ 2 . Angular
24
+
25
+ * After loading angular schema form*
26
+
27
+ 1 . The Spectrum source files (see the
17
28
[ GitHub page] ( https://github.com/amsul/pickadate.js ) for documentation)
18
- 3 . The Spectrum-angular source files (see the
29
+ 2 . The Spectrum-angular source files (see the
19
30
[ GitHub page] ( https://github.com/Jimdo/angular-spectrum-colorpicker ) for documentation)
31
+ 3 . The Angular Schema Form Colorpicker files (this project)
20
32
3 . The spectrum CSS
21
33
4 . Translation files for whatever language you want to use
22
34
23
- Easiest way is to install is with bower, this will also include dependencies:
24
- ``` bash
25
- $ bower install angular-schema-form-colorpicker
35
+ Example
36
+
37
+ ``` HTML
38
+ <script type =" text/javascript" src =" http://code.jquery.com/jquery-2.1.1.min.js" ></script >
39
+ <script type =" text/javascript" src =" /bower_components/angular/angular.min.js" ></script >
40
+ <script type =" text/javascript" src =" /bower_components/angular-sanitize/angular-sanitize.min.js" ></script >
41
+ <script type =" text/javascript" src =" /bower_components/angular-schema-form/schema-form.min.js" ></script >
42
+ <script type =" text/javascript" src =" /bower_components/angular-schema-form/bootstrap-decorator.min.js" ></script >
43
+
44
+ <script type =" text/javascript" src =" /bower_components/spectrum/spectrum.js" ></script >
45
+ <script type =" text/javascript" src =" /bower_components/spectrum/i18n/jquery.spectrum-sv.js" ></script >
46
+ <script type =" text/javascript" src =" /bower_components/angular-spectrum-colorpicker/dist/angular-spectrum-colorpicker.min.js" ></script >
47
+ <script type =" text/javascript" src =" /bower_components/angular-schema-form-colorpicker/angular-schema-form-colorpicker.min.js" ></script >
48
+
49
+ <link rel =" stylesheet" href =" /bower_components/spectrum/spectrum.css" >
26
50
```
27
51
52
+
53
+
28
54
Usage
29
55
-----
30
56
The colorpicker add-on adds a new form type, ` colorpicker ` , and a new default
0 commit comments