From 02de6132a784c3dbb16b002f951f821a873d623c Mon Sep 17 00:00:00 2001
From: palmieri@dia.unisa.it <palmieri@dia.unisa.it>
Date: Wed, 4 Nov 2015 09:54:45 +0100
Subject: [PATCH] a new datalet pie chart

---
 datalets/piechart-datalet/demo/index.html       |  19 +++++++++++++++++++
 datalets/piechart-datalet/docs.html             |  12 ++++++++++++
 datalets/piechart-datalet/piechart-datalet.html | 150 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 datalets/piechart-datalet/piechart-datalet.png  | Bin 0 -> 7648 bytes
 datalets/piechart-datalet/piechart-datalet.xml  |  35 +++++++++++++++++++++++++++++++++++
 5 files changed, 216 insertions(+), 0 deletions(-)
 create mode 100644 datalets/piechart-datalet/demo/index.html
 create mode 100644 datalets/piechart-datalet/docs.html
 create mode 100644 datalets/piechart-datalet/piechart-datalet.html
 create mode 100644 datalets/piechart-datalet/piechart-datalet.png
 create mode 100644 datalets/piechart-datalet/piechart-datalet.xml
diff --git a/datalets/piechart-datalet/demo/index.html b/datalets/piechart-datalet/demo/index.html
new file mode 100644
index 0000000..841a008
--- /dev/null
+++ b/datalets/piechart-datalet/demo/index.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title></title>
+
+    <script>
+    </script>
+
+</head>
+<body>
+
+<script src="https://code.jquery.com/jquery-2.1.4.min.js" type="text/javascript"></script>
+<link rel="import" href="../piechart-datalet.html" />
+<piechart-datalet data-url="https://data.issy.com/api/records/1.0/search?dataset=flux-rss-des-offres-demplois-a-issy-les-moulineaux&sort=published&facet=published&refine.published=2015%2F10"
+                         fields='["facet_groups,facets,facets,path","facet_groups,facets,facets,count"]'></piechart-datalet>
+</body>
+</html>
+
diff --git a/datalets/piechart-datalet/docs.html b/datalets/piechart-datalet/docs.html
new file mode 100644
index 0000000..e1c4208
--- /dev/null
+++ b/datalets/piechart-datalet/docs.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <link rel="import"  href="../../bower_components/iron-component-page/iron-component-page.html">
+    <meta charset="UTF-8">
+</head>
+<body>
+
+<iron-component-page src="piechart-datalet.html"></iron-component-page>
+
+</body>
+</html>
diff --git a/datalets/piechart-datalet/piechart-datalet.html b/datalets/piechart-datalet/piechart-datalet.html
new file mode 100644
index 0000000..0d79b7a
--- /dev/null
+++ b/datalets/piechart-datalet/piechart-datalet.html
@@ -0,0 +1,150 @@
+<!--
+@license
+    The MIT License (MIT)
+
+    Copyright (c) 2015 Dipartimento di Informatica - Universit� di Salerno - Italy
+
+    Permission is hereby granted, free of charge, to any person obtaining a copy
+    of this software and associated documentation files (the "Software"), to deal
+    in the Software without restriction, including without limitation the rights
+    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+    copies of the Software, and to permit persons to whom the Software is
+    furnished to do so, subject to the following conditions:
+
+    The above copyright notice and this permission notice shall be included in
+    all copies or substantial portions of the Software.
+
+    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+    THE SOFTWARE.
+-->
+
+<!--
+* Developed by :
+* ROUTE-TO-PA Project - grant No 645860. - www.routetopa.eu
+*
+-->
+<link rel="import" href="../../bower_components/polymer/polymer.html">
+<link rel="import" href="../highcharts-datalet/highcharts-datalet.html">
+
+
+<!--
+`piechart-datalet` is a piechart datalet based on highcharts project <http://www.highcharts.com/>
+
+Example:
+
+    <piechart-datalet>
+        data-url="http://ckan.routetopa.eu/api/action/datastore_search?resource_id=#"
+        fields='["field1","field2"]'>
+    </piechart-datalet>
+
+@element piechart-datalet
+@status v0.1
+@demo demo/index.html
+@group datalets
+-->
+<dom-module id="piechart-datalet">
+    <template>
+        <highcharts-datalet id="charts" data-url="{{dataUrl}}"  fields="{{fields}}" data="{{data}}"></highcharts-datalet>
+    </template>
+    <script>
+
+        var PiechartBehavior = {
+            /**
+             * Build Highchart object
+             *
+             * @method presentData
+             */
+            presentData: function(){
+
+                var PieSeries = [{"name": this.data[1].name, "data":[]}];
+
+                for(var i=0; i<this.data[0].data.length; i++)
+                {
+                    var PieArr = [this.data[0].data[i], this.data[1].data[i]];
+                    PieSeries[0].data.push(PieArr);
+                }
+
+                //Build Highchart element
+                $(this._component.$.charts.$.container).highcharts({
+                    chart: {
+                        plotBackgroundColor: null,
+                        plotBorderWidth: null,
+                        plotShadow: false,
+                        type: 'pie'
+                    },
+                    title: {
+                        text: "" + this._component.title
+                    },
+                    plotOptions: {
+                        pie: {
+                            allowPointSelect: true,
+                            cursor: 'pointer',
+                            dataLabels: {
+                                enabled: true,
+                                formatter: function() {
+                                    if (this.point.name.length > 10) {
+                                        return this.point.name.substr(0, 10) + "...";
+                                    } else {
+                                        return this.point.name;
+                                    }
+                                }
+                                },
+                            showInLegend: true
+                        }
+                    },
+                    //hide link HighChart
+                    credits: {
+                        enabled: false
+                    },
+                   series: PieSeries
+                });
+            }
+        };
+
+
+        PiechartDatalet = Polymer({
+            is: 'piechart-datalet',
+
+            properties: {
+                /**
+                 * It's the component behavior
+                 *
+                 * @attribute behavior
+                 * @type Object
+                 * @default {}
+                 */
+                behavior : {
+                    type : Object,
+                    value : {}
+                },
+                /**
+                 * It's the title of the chart
+                 *
+                 * @attribute title
+                 * @type Strig
+                 * @default ''
+                 */
+                title: {
+                    type: String,
+                    value: ""
+                }
+            },
+
+            /**
+             * 'ready' callback extend the PiechartComponentBehavior with HighchartsComponentBehavior and PiechartBehavior
+             * and run the Datalet workcycle.
+             *
+             * @method ready
+             */
+            ready: function(){
+                this.behavior = $.extend(true, {}, HighchartsComponentBehavior, PiechartBehavior);
+                this.async(function(){this.behavior.init(this)},1000);
+            }
+        });
+    </script>
+</dom-module>
\ No newline at end of file
diff --git a/datalets/piechart-datalet/piechart-datalet.png b/datalets/piechart-datalet/piechart-datalet.png
new file mode 100644
index 0000000..ff424b8
Binary files /dev/null and b/datalets/piechart-datalet/piechart-datalet.png differ
diff --git a/datalets/piechart-datalet/piechart-datalet.xml b/datalets/piechart-datalet/piechart-datalet.xml
new file mode 100644
index 0000000..646037c
--- /dev/null
+++ b/datalets/piechart-datalet/piechart-datalet.xml
@@ -0,0 +1,35 @@
+<component>
+<name>piechart-datalet</name>
+<attributes>
+<attribute>
+    <name>data-url</name>
+</attribute>
+<attribute>
+    <name>fields</name>
+</attribute>
+</attributes>
+<idm>
+<inputs>
+    <input>
+        <name>Series</name>
+        <description>The chart series. Its values will be put on slice of  each series.</description>
+        <scale>nominal</scale>
+        <role>domain</role>
+        <selection>11</selection>
+    </input>
+    <input>
+        <name>Size </name>
+        <description>The size for each series to create a concentric rings</description>
+        <scale>nominal</scale>
+        <role>domain</role>
+        <selection>11</selection>
+    </input>
+    <layouts>
+        <input>
+            <name>title</name>
+            <description>The label for the title of the chart</description>
+        </input>
+    </layouts>
+</inputs>
+</idm>
+</component>
\ No newline at end of file
--
libgit2 0.21.4

