chrismattmann commented on a change in pull request #135: Initial Commit of 
adding new UI designed with vue
URL: https://github.com/apache/drat/pull/135#discussion_r202206633
 
 

 ##########
 File path: 
webapps/proteus-new/src/main/webapp/resources/src/components/barchartcomp.vue
 ##########
 @@ -0,0 +1,167 @@
+<template lang="html">
+
+  <section class="barchartcomp">
+    <v-card id = "barchart">
+    <h1>Liecense Breakdown</h1>
+     {{emptynote}}<br>
+    <svg id="barsvg" width="400" height="270">
+     
+    </svg>
+    
+    </v-card>
+  </section>
+
+</template>
+
+<script lang="js">
+import * as d3 from 'd3';
+import axios from 'axios';
+import store from './../store/store'
+// const props={
+//   width:500,
+//   hieght:270
+// };
+// const graphData = [10,20,40,30];
+
+  
+  export default  {
+    name: 'barchartcomp',
+    props: [],
+    store,
+    mounted() {
+        this.loadData();
+        setInterval(function () {
+          this.loadData();
+        }.bind(this), 1000);
+        
+    },
+    data() {
+      return {
+        licenseTypes : [], 
+        emptynote : '',
+        // licenseTypes : 
[{"type":"Binaries","numberOfObjects":139,"weight":0.40406976744186046},{"type":"Apache
 
Licensed","numberOfObjects":96,"weight":0.27906976744186046},{"type":"Generated 
Documents","numberOfObjects":0,"weight":0.0},{"type":"Archives","numberOfObjects":0,"weight":0.0},{"type":"Notes","numberOfObjects":1,"weight":0.0029069767441860465},{"type":"Standards","numberOfObjects":108,"weight":0.313953488372093}]
+        // dts : 
[{letter:'A',frequency:0.9167},{letter:'B',frequency:0.4503},{letter:'C',frequency:0.4503}],
+      }
+    },
+    watch:{
+     
+    },
+    methods: {
+        loadData(){
+          // var config = {
+          //   headers: {'Access-Control-Allow-Origin': '*'}
+          // };
+          axios.get(this.origin+"/proteus/service/repo/breakdown/license")
+            .then(response=>{
+              this.$log.info(response.data);
+              this.licenseTypes=response.data;
+              this.init();
+            })
+            .catch(error=>{
+              this.emptynote = error.toString();
+              throw error;
+            })
+          // this.init();
 
 Review comment:
   commented code. Remove.

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
us...@infra.apache.org


With regards,
Apache Git Services

Reply via email to