├── .gitignore
├── README.md
├── bower.json
├── package.json
├── LICENSE
├── angular-jqcloud.js
└── examples
    └── index.html


/.gitignore:
--------------------------------------------------------------------------------
1 | bower_components
2 | node_modules
3 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # AngularJS jQCloud
 2 | 
 3 | [![Bower version](https://badge.fury.io/bo/angular-jqcloud.svg)](http://badge.fury.io/bo/angular-jqcloud)
 4 | 
 5 | Simple AngularJS directive for [jQCloud](https://github.com/mistic100/jQCloud), a beautiful words cloud generator.
 6 | 
 7 | ## Usage
 8 | 
 9 | ```html
10 | <jqcloud words="words" width="500" height="350" steps="7"></jqcloud>
11 | 
12 | <script>
13 |   var app = angular.module('app', [
14 |     'angular-jqcloud'
15 |   ]);
16 | 
17 |   app.controller('controller', function($scope) {
18 |     $scope.words = [/* ... */];
19 |   });
20 | </script>
21 | ```
22 | 
23 | Consult [jQCloud documentation](http://mistic100.github.io/jQCloud) for full options.
24 | 


--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "angular-jqcloud",
 3 |   "version": "1.0.2",
 4 |   "author": {
 5 |     "name": "Damien \"Mistic\" Sorel",
 6 |     "homepage": "http://www.strangeplanet.fr"
 7 |   },
 8 |   "description": "AngularJS directive for jQCloud 2 plugin",
 9 |   "main": "angular-jqcloud.js",
10 |   "dependencies": {
11 |     "angular": "1.x",
12 |     "jqcloud2": "2.x"
13 |   },
14 |   "keywords": [
15 |     "angularjs",
16 |     "cloud",
17 |     "jquery",
18 |     "keyword",
19 |     "tag"
20 |   ],
21 |   "license": "MIT",
22 |   "homepage": "https://github.com/mistic100/angular-jqcloud",
23 |   "repository": {
24 |     "type": "git",
25 |     "url": "git://github.com/mistic100/angular-jqcloud.git"
26 |   },
27 |   "ignore": [
28 |     "**/.*",
29 |     "node_modules",
30 |     "bower_components",
31 |     "test",
32 |     "tests"
33 |   ]
34 | }
35 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "angular-jqcloud",
 3 |   "version": "1.0.2",
 4 |   "author": {
 5 |     "name": "Damien \"Mistic\" Sorel",
 6 |     "homepage": "http://www.strangeplanet.fr"
 7 |   },
 8 |   "description": "AngularJS directive for jQCloud 2 plugin",
 9 |   "main": "angular-jqcloud.js",
10 |   "dependencies": {
11 |     "angular": "1.x",
12 |     "jqcloud-npm": "3.x"
13 |   },
14 |   "keywords": [
15 |     "angularjs",
16 |     "cloud",
17 |     "jquery",
18 |     "keyword",
19 |     "tag"
20 |   ],
21 |   "license": "MIT",
22 |   "homepage": "https://github.com/mistic100/angular-jqcloud",
23 |   "repository": {
24 |     "type": "git",
25 |     "url": "git://github.com/mistic100/angular-jqcloud.git"
26 |   },
27 |   "ignore": [
28 |     "**/.*",
29 |     "node_modules",
30 |     "bower_components",
31 |     "test",
32 |     "tests"
33 |   ]
34 | }
35 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2014 Damien Sorel
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.


--------------------------------------------------------------------------------
/angular-jqcloud.js:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Angular jQCloud 1.0.2
 3 |  * For jQCloud 2 (https://github.com/mistic100/jQCloud)
 4 |  * Copyright 2014 Damien "Mistic" Sorel (http://www.strangeplanet.fr)
 5 |  * Licensed under MIT (http://opensource.org/licenses/MIT)
 6 |  */
 7 | 
 8 | angular.module('angular-jqcloud', []).directive('jqcloud', ['$parse', function($parse) {
 9 |   // get existing options
10 |   var defaults = jQuery.fn.jQCloud.defaults.get(),
11 |       jqcOptions = [];
12 | 
13 |   for (var opt in defaults) {
14 |     if (defaults.hasOwnProperty(opt)) {
15 |       jqcOptions.push(opt);
16 |     }
17 |   }
18 | 
19 |   return {
20 |     restrict: 'E',
21 |     template: '<div></div>',
22 |     replace: true,
23 |     scope: {
24 |       words: '=words',
25 |       afterCloudRender: '&'
26 |     },
27 |     link: function($scope, $elem, $attr) {
28 |       var options = {};
29 | 
30 |       for (var i=0, l=jqcOptions.length; i<l; i++) {
31 |         var opt = jqcOptions[i];
32 |         var attr = $attr[opt] || $elem.attr(opt);
33 |         if (attr !== undefined) {
34 |           options[opt] = $parse(attr)();
35 |         }
36 |       }
37 | 
38 |       if ($scope.afterCloudRender) {
39 |         options.afterCloudRender = $scope.afterCloudRender;
40 |       }
41 | 
42 |       jQuery($elem).jQCloud($scope.words, options);
43 | 
44 |       $scope.$watchCollection('words', function() {
45 |         $scope.$evalAsync(function() {
46 |           var words = [];
47 |           $.extend(words,$scope.words);
48 |           jQuery($elem).jQCloud('update', words);
49 |         });
50 |       });
51 | 
52 |       $elem.bind('$destroy', function() {
53 |         jQuery($elem).jQCloud('destroy');
54 |       });
55 |     }
56 |   };
57 | }]);
58 | 


--------------------------------------------------------------------------------
/examples/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |   <meta charset="utf-8">
 5 | 
 6 |   <link rel="stylesheet" href="../bower_components/jqcloud2/dist/jqcloud.min.css">
 7 |   
 8 |   <style>
 9 |     html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
10 |     #cloud-dynamic { width: 80%; height: 400px; }
11 |   </style>
12 | </head>
13 | 
14 | <body ng-app="app" ng-controller="controller">
15 | 
16 | <button ng-click="update()">Update</button>
17 | 
18 | <p>Fixed size cloud :</p>
19 | <jqcloud words="words" width="500" height="350" colors="{{colors}}" delay="10" steps="7" font-size="{from:0.09, to:0.04}"></jqcloud>
20 | 
21 | <p>Full width cloud :</p>
22 | <jqcloud words="words" id="cloud-dynamic" auto-resize="true" steps="7" font-size="{from:0.09, to:0.04}"></jqcloud>
23 | 
24 | <script src="../bower_components/jquery/dist/jquery.min.js"></script>
25 | <script src="../bower_components/jqcloud2/dist/jqcloud.min.js"></script>
26 | <script src="../bower_components/angular/angular.min.js"></script>
27 | <script src="../angular-jqcloud.js"></script>
28 | 
29 | <script>
30 |   var app = angular.module('app', [
31 |     'angular-jqcloud'
32 |   ]);
33 | 
34 |   app.controller('controller', function($scope) {
35 |     $scope.words = [
36 |       {text: "Lorem", weight: 13},
37 |       {text: "Ipsum", weight: 10.5},
38 |       {text: "Dolor", weight: 9.4},
39 |       {text: "Sit", weight: 8},
40 |       {text: "Amet", weight: 6.2},
41 |       {text: "Consectetur", weight: 5},
42 |       {text: "Adipiscing", weight: 5},
43 |       {text: "Elit", weight: 5},
44 |       {text: "Nam et", weight: 5},
45 |       {text: "Leo", weight: 4},
46 |       {text: "Sapien", weight: 4},
47 |       {text: "Pellentesque", weight: 3},
48 |       {text: "habitant", weight: 3},
49 |       {text: "morbi", weight: 3},
50 |       {text: "tristisque", weight: 3},
51 |       {text: "senectus", weight: 3},
52 |       {text: "et netus", weight: 3},
53 |       {text: "et malesuada", weight: 3},
54 |       {text: "fames", weight: 2},
55 |       {text: "ac turpis", weight: 2},
56 |       {text: "egestas", weight: 2},
57 |       {text: "Aenean", weight: 2},
58 |       {text: "vestibulum", weight: 2},
59 |       {text: "elit", weight: 2},
60 |       {text: "sit amet", weight: 2},
61 |       {text: "metus", weight: 2},
62 |       {text: "adipiscing", weight: 2},
63 |       {text: "ut ultrices", weight: 2}
64 |     ];
65 |     
66 |     $scope.colors = ["#800026", "#bd0026", "#e31a1c", "#fc4e2a", "#fd8d3c", "#feb24c", "#fed976"];
67 |     
68 |     $scope.update = function() {
69 |       $scope.words.splice(-5);
70 |     };
71 |   });
72 | </script>
73 | 
74 | </body>
75 | </html>


--------------------------------------------------------------------------------