ember-cli-google-charts - npm Package Compare versions

Comparing version 0.1.1 to 0.2.0

.idea/workspace.xml

 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ChangeListManager">
-    <list default="true" id="2269bee3-5fee-493a-b298-f24d0488635a" name="Default" comment="">
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/LICENSE.md" afterPath="$PROJECT_DIR$/LICENSE.md" />
-    </list>
+    <list default="true" id="2269bee3-5fee-493a-b298-f24d0488635a" name="Default" comment="" />
     <ignored path="$PROJECT_DIR$/.tmp/" />
@@ -20,7 +18,7 @@ <ignored path="$PROJECT_DIR$/dist/" />
     <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
-      <file leaf-file-name="g-barchart.js" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/addon/components/g-barchart.js">
+      <file leaf-file-name="linechart.hbs" pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/tests/dummy/app/templates/linechart.hbs">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="351">
-              <caret line="28" column="3" lean-forward="true" selection-start-line="6" selection-start-column="0" selection-end-line="28" selection-end-column="3" />
+            <state relative-caret-position="39">
+              <caret line="3" column="0" lean-forward="true" selection-start-line="3" selection-start-column="0" selection-end-line="3" selection-end-column="0" />
               <folding />
@@ -31,87 +29,12 @@ </state>
       </file>
-      <file leaf-file-name="g-columnchart.js" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/addon/components/g-columnchart.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="299">
-              <caret line="23" column="35" lean-forward="false" selection-start-line="23" selection-start-column="35" selection-end-line="23" selection-end-column="35" />
-              <folding />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="barchart.hbs" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/tests/dummy/app/templates/barchart.hbs">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="26">
-              <caret line="2" column="18" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="2" selection-end-column="117" />
-              <folding />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="g-chart.js" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/addon/lib/g-chart.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="239">
-              <caret line="121" column="37" lean-forward="false" selection-start-line="121" selection-start-column="37" selection-end-line="121" selection-end-column="37" />
-              <folding />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="barchart.js" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/tests/dummy/app/routes/barchart.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="169">
-              <caret line="13" column="0" lean-forward="true" selection-start-line="0" selection-start-column="0" selection-end-line="13" selection-end-column="0" />
-              <folding />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="columnchart.js" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/tests/dummy/app/routes/columnchart.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="169">
-              <caret line="13" column="0" lean-forward="true" selection-start-line="13" selection-start-column="0" selection-end-line="13" selection-end-column="0" />
-              <folding />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="columnchart.hbs" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/tests/dummy/app/templates/columnchart.hbs">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="26">
-              <caret line="2" column="15" lean-forward="false" selection-start-line="2" selection-start-column="15" selection-end-line="2" selection-end-column="15" />
-              <folding />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="LICENSE.md" pinned="false" current-in-tab="true">
-        <entry file="file://$PROJECT_DIR$/LICENSE.md">
-          <provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
-            <state split_layout="SPLIT">
-              <first_editor relative-caret-position="365">
-                <caret line="201" column="0" lean-forward="true" selection-start-line="201" selection-start-column="0" selection-end-line="201" selection-end-column="0" />
-                <folding />
-              </first_editor>
-              <second_editor />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="g-barchart.js" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/app/components/g-barchart.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="0">
-              <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
-              <folding />
-            </state>
-          </provider>
-        </entry>
-      </file>
     </leaf>
   </component>
+  <component name="FindInProjectRecents">
+    <findStrings>
+      <find>ember-cli-google-recaptcha</find>
+    </findStrings>
+    <replaceStrings>
+      <replace>ember-cli-google-charts</replace>
+    </replaceStrings>
+  </component>
   <component name="Git.Settings">
@@ -124,3 +47,2 @@ <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
         <option value="$PROJECT_DIR$/addon/components/g-geochart.js" />
-        <option value="$PROJECT_DIR$/addon/components/g-linechart.js" />
         <option value="$PROJECT_DIR$/addon/components/g-piechart.js" />
@@ -141,2 +63,6 @@ <option value="$PROJECT_DIR$/.gitignore" />
         <option value="$PROJECT_DIR$/LICENSE.md" />
+        <option value="$PROJECT_DIR$/README.md" />
+        <option value="$PROJECT_DIR$/addon/components/g-linechart.js" />
+        <option value="$PROJECT_DIR$/tests/dummy/app/routes/linechart.js" />
+        <option value="$PROJECT_DIR$/tests/dummy/app/templates/linechart.hbs" />
       </list>
@@ -184,4 +110,61 @@ </option>
               <item name="ember-cli-google-charts" type="462c0819:PsiDirectoryNode" />
+              <item name="addon" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="ember-cli-google-charts" type="b2602c69:ProjectViewProjectNode" />
+              <item name="ember-cli-google-charts" type="462c0819:PsiDirectoryNode" />
+              <item name="addon" type="462c0819:PsiDirectoryNode" />
+              <item name="components" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="ember-cli-google-charts" type="b2602c69:ProjectViewProjectNode" />
+              <item name="ember-cli-google-charts" type="462c0819:PsiDirectoryNode" />
+              <item name="addon" type="462c0819:PsiDirectoryNode" />
+              <item name="lib" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="ember-cli-google-charts" type="b2602c69:ProjectViewProjectNode" />
+              <item name="ember-cli-google-charts" type="462c0819:PsiDirectoryNode" />
               <item name="app" type="462c0819:PsiDirectoryNode" />
             </path>
+            <path>
+              <item name="ember-cli-google-charts" type="b2602c69:ProjectViewProjectNode" />
+              <item name="ember-cli-google-charts" type="462c0819:PsiDirectoryNode" />
+              <item name="app" type="462c0819:PsiDirectoryNode" />
+              <item name="components" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="ember-cli-google-charts" type="b2602c69:ProjectViewProjectNode" />
+              <item name="ember-cli-google-charts" type="462c0819:PsiDirectoryNode" />
+              <item name="tests" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="ember-cli-google-charts" type="b2602c69:ProjectViewProjectNode" />
+              <item name="ember-cli-google-charts" type="462c0819:PsiDirectoryNode" />
+              <item name="tests" type="462c0819:PsiDirectoryNode" />
+              <item name="dummy" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="ember-cli-google-charts" type="b2602c69:ProjectViewProjectNode" />
+              <item name="ember-cli-google-charts" type="462c0819:PsiDirectoryNode" />
+              <item name="tests" type="462c0819:PsiDirectoryNode" />
+              <item name="dummy" type="462c0819:PsiDirectoryNode" />
+              <item name="app" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="ember-cli-google-charts" type="b2602c69:ProjectViewProjectNode" />
+              <item name="ember-cli-google-charts" type="462c0819:PsiDirectoryNode" />
+              <item name="tests" type="462c0819:PsiDirectoryNode" />
+              <item name="dummy" type="462c0819:PsiDirectoryNode" />
+              <item name="app" type="462c0819:PsiDirectoryNode" />
+              <item name="routes" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="ember-cli-google-charts" type="b2602c69:ProjectViewProjectNode" />
+              <item name="ember-cli-google-charts" type="462c0819:PsiDirectoryNode" />
+              <item name="tests" type="462c0819:PsiDirectoryNode" />
+              <item name="dummy" type="462c0819:PsiDirectoryNode" />
+              <item name="app" type="462c0819:PsiDirectoryNode" />
+              <item name="templates" type="462c0819:PsiDirectoryNode" />
+            </path>
           </expand>
@@ -249,3 +232,3 @@ <select />
       <workItem from="1510266113549" duration="341000" />
-      <workItem from="1510291127920" duration="1007000" />
+      <workItem from="1510291127920" duration="1691000" />
     </task>
@@ -255,3 +238,3 @@ <servers />
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="7588000" />
+    <option name="totallyTimeSpent" value="8272000" />
   </component>
@@ -348,9 +331,2 @@ <component name="ToolWindowManager">
     </entry>
-    <entry file="file://$PROJECT_DIR$/addon/components/g-linechart.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="0">
-          <caret line="0" column="27" lean-forward="false" selection-start-line="0" selection-start-column="27" selection-end-line="0" selection-end-column="27" />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/.gitignore">
@@ -417,10 +393,2 @@ <provider selected="true" editor-type-id="text-editor">
     </entry>
-    <entry file="file://$PROJECT_DIR$/addon/components/g-barchart.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="351">
-          <caret line="28" column="3" lean-forward="true" selection-start-line="6" selection-start-column="0" selection-end-line="28" selection-end-column="3" />
-          <folding />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/addon/components/g-columnchart.js">
@@ -458,6 +426,17 @@ <provider selected="true" editor-type-id="text-editor">
     </entry>
+    <entry file="file://$PROJECT_DIR$/LICENSE.md">
+      <provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
+        <state split_layout="SPLIT">
+          <first_editor relative-caret-position="365">
+            <caret line="201" column="0" lean-forward="true" selection-start-line="201" selection-start-column="0" selection-end-line="201" selection-end-column="0" />
+            <folding />
+          </first_editor>
+          <second_editor />
+        </state>
+      </provider>
+    </entry>
     <entry file="file://$PROJECT_DIR$/tests/dummy/app/templates/columnchart.hbs">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="26">
-          <caret line="2" column="15" lean-forward="false" selection-start-line="2" selection-start-column="15" selection-end-line="2" selection-end-column="15" />
+          <caret line="2" column="17" lean-forward="false" selection-start-line="2" selection-start-column="17" selection-end-line="2" selection-end-column="17" />
           <folding />
@@ -467,7 +446,15 @@ </state>
     </entry>
-    <entry file="file://$PROJECT_DIR$/LICENSE.md">
+    <entry file="file://$PROJECT_DIR$/app/components/g-linechart.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="0">
+          <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/README.md">
       <provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
         <state split_layout="SPLIT">
-          <first_editor relative-caret-position="365">
-            <caret line="201" column="0" lean-forward="true" selection-start-line="201" selection-start-column="0" selection-end-line="201" selection-end-column="0" />
+          <first_editor relative-caret-position="221">
+            <caret line="25" column="0" lean-forward="false" selection-start-line="25" selection-start-column="0" selection-end-line="25" selection-end-column="0" />
             <folding />
@@ -479,3 +466,47 @@ </first_editor>
     </entry>
+    <entry file="file://$PROJECT_DIR$/addon/lib/g-xychart.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="0">
+          <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding>
+            <element signature="n#!!doc" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/addon/components/g-barchart.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="299">
+          <caret line="24" column="0" lean-forward="true" selection-start-line="18" selection-start-column="0" selection-end-line="24" selection-end-column="0" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/addon/components/g-linechart.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="225">
+          <caret line="18" column="48" lean-forward="true" selection-start-line="18" selection-start-column="48" selection-end-line="18" selection-end-column="48" />
+          <folding>
+            <element signature="e#0#39#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/tests/dummy/app/routes/linechart.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="130">
+          <caret line="10" column="6" lean-forward="false" selection-start-line="10" selection-start-column="6" selection-end-line="10" selection-end-column="6" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/tests/dummy/app/templates/linechart.hbs">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="39">
+          <caret line="3" column="0" lean-forward="true" selection-start-line="3" selection-start-column="0" selection-end-line="3" selection-end-column="0" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
   </component>
 </project>

addon/components/g-linechart.js

 import XYChart from '../lib/g-xychart';
+import Ember from 'ember';
 
@@ -6,2 +7,7 @@ export default XYChart.extend({
 
+  packages: Ember.computed ('material', function () {
+    let material = this.getWithDefault ('material', false);
+    return material ? ['line'] : ['corechart'];
+  }),
+
   chartOptionsMapping: {
@@ -14,4 +20,12 @@ curveType: 'curveType',
   createChart () {
-    return new google.visualization.LineChart (this.element);
+    let material = this.getWithDefault ('material', false);
+    let Chart = material ? google.charts.Line : google.visualization.LineChart;
+
+    return new Chart (this.element);
+  },
+
+  convertOptions (opts) {
+    let newOpts = Ember.merge ({}, opts);
+    return google.charts.Line.convertOptions (newOpts);
   }
 });

package.json

 {
   "name": "ember-cli-google-charts",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "The default blueprint for ember-cli addons.",
@@ -5,0 +5,0 @@ "keywords": [

README.md

 # ember-cli-google-charts
 
-This README outlines the details of collaborating on this Ember addon.
+EmberJS add-on for using Google Charts
 
-## Installation
+[![npm version](https://img.shields.io/npm/v/ember-cli-google-charts.svg?maxAge=2592000)](https://www.npmjs.com/package/ember-cli-google-charts)
+[![Dependencies](https://david-dm.org/onehilltech/ember-cli-google-charts.svg)](https://david-dm.org/onehilltech/ember-cli-google-charts)
+[![devDependencies Status](https://david-dm.org/onehilltech/ember-cli-google-charts/dev-status.svg)](https://david-dm.org/onehilltech/ember-cli-google-charts?type=dev)
 
-* `git clone <repository-url>` this repository
-* `cd ember-cli-google-charts`
-* `npm install`
+## Features
 
-## Running
+* Designed to support seamless integration into an EmberJS application.
+* Proper binding of attributes to options for real-time, dynamic updates.
+* Handle events as actions for interactive designs.
+* Auto-loading and configuring of scripts that correspond with appropriate lifecycle events.
 
-* `ember serve`
-* Visit your app at [http://localhost:4200](http://localhost:4200).
+## Installation
 
-## Running Tests
+    ember install ember-cli-google-charts
+    
+## Quick Example
 
-* `npm test` (Runs `ember try:each` to test your addon against multiple Ember versions)
-* `ember test`
-* `ember test --server`
+Here is an example of creating 
+[the following line chart](https://developers.google.com/chart/interactive/docs/gallery/linechart#curving-the-lines):
 
-## Building
+```handlebars
+{{g-linechart data=lineChartData title="Company Performance" curveType="function" legendPosition="bottom"}}
+```
+    
+Each of the chart options above can bind to a variable. When the variable is updated, 
+the chart is redrawn.
 
-* `ember build`
-
-For more information on using ember-cli, visit [https://ember-cli.com/](https://ember-cli.com/).

New alerts

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Fixed alerts

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

71447

4.06%

Lines of code

645

1.74%

Number of lines in readme file

32

18.52%

No dependency changes