#931 Aligning code standard

src/diagrams/pie/parser/pie.spec.js

@@ -1,37 +1,36 @@
-
 /* eslint-env jasmine */
-import pieDb from '../pieDb'
-import pie from './pie'
-import { setConfig } from '../../../config'
+import pieDb from '../pieDb';
+import pie from './pie';
+import { setConfig } from '../../../config';
 
 setConfig({
   securityLevel: 'strict'
-})
+});
 
-describe('when parsing pie', function () {
-  beforeEach(function () {
-    pie.parser.yy = pieDb
-    pie.parser.yy.clear()
-  })
-  it('should handle simple pie', function () {
-    const res = pie.parser.parse('pie \n"ash" : 60\n"bat" : 40\n')
-    const sections = pieDb.getSections()
-    console.log('sections: ', sections)
-    const section1 = sections['ash']
-    expect(section1).toBe(60)
-  })
+describe('when parsing pie', function() {
+  beforeEach(function() {
+    pie.parser.yy = pieDb;
+    pie.parser.yy.clear();
+  });
+  it('should handle simple pie', function() {
+    const res = pie.parser.parse('pie \n"ash" : 60\n"bat" : 40\n');
+    const sections = pieDb.getSections();
+    console.log('sections: ', sections);
+    const section1 = sections['ash'];
+    expect(section1).toBe(60);
+  });
 
-  it('should handle simple pie with positive decimal', function () {
-    const res = pie.parser.parse('pie \n"ash" : 60.67\n"bat" : 40\n')
-    const sections = pieDb.getSections()
-    console.log('sections: ', sections)
-    const section1 = sections['ash']
-    expect(section1).toBe(60.67)
-  })
+  it('should handle simple pie with positive decimal', function() {
+    const res = pie.parser.parse('pie \n"ash" : 60.67\n"bat" : 40\n');
+    const sections = pieDb.getSections();
+    console.log('sections: ', sections);
+    const section1 = sections['ash'];
+    expect(section1).toBe(60.67);
+  });
 
-  it('should handle simple pie with negative decimal', function () {
-    expect(()=>{
+  it('should handle simple pie with negative decimal', function() {
+    expect(() => {
       pie.parser.parse('pie \n"ash" : 60.67\n"bat" : 40..12\n');
     }).toThrowError();
-  })
-})
+  });
+});

src/diagrams/pie/pieDb.js

@@ -1,40 +1,40 @@
 /**
  *
  */
-import { logger } from '../../logger'
+import { logger } from '../../logger';
 
-let sections = {}
-let title = ''
+let sections = {};
+let title = '';
 
-const addSection = function (id, value) {
+const addSection = function(id, value) {
   if (typeof sections[id] === 'undefined') {
-    sections[id] = value
-    logger.debug('Added new section :', id)
+    sections[id] = value;
+    logger.debug('Added new section :', id);
     // console.log('Added new section:', id, value)
   }
-}
-const getSections = () => sections
+};
+const getSections = () => sections;
 
-const setTitle = function (txt) {
-  title = txt
-}
+const setTitle = function(txt) {
+  title = txt;
+};
 
-const getTitle = function () {
-  return title
-}
-const cleanupValue = function (value) {
+const getTitle = function() {
+  return title;
+};
+const cleanupValue = function(value) {
   if (value.substring(0, 1) === ':') {
-    value = value.substring(1).trim()
-    return Number(value.trim())
+    value = value.substring(1).trim();
+    return Number(value.trim());
   } else {
-    return Number(value.trim())
+    return Number(value.trim());
   }
-}
+};
 
-const clear = function () {
-  sections = {}
-  title = ''
-}
+const clear = function() {
+  sections = {};
+  title = '';
+};
 // export const parseError = (err, hash) => {
 //   global.mermaidAPI.parseError(err, hash)
 // }
@@ -47,4 +47,4 @@ export default {
   setTitle,
   getTitle
   // parseError
-}
+};

src/diagrams/pie/pieRenderer.js

@@ -1,83 +1,87 @@
 /**
  * Created by AshishJ on 11-09-2019.
  */
-import * as d3 from 'd3'
-import pieData from './pieDb'
-import pieParser from './parser/pie'
-import { logger } from '../../logger'
+import * as d3 from 'd3';
+import pieData from './pieDb';
+import pieParser from './parser/pie';
+import { logger } from '../../logger';
 
-const conf = {
-}
-export const setConf = function (cnf) {
-  const keys = Object.keys(cnf)
+const conf = {};
+export const setConf = function(cnf) {
+  const keys = Object.keys(cnf);
 
-  keys.forEach(function (key) {
-    conf[key] = cnf[key]
-  })
-}
+  keys.forEach(function(key) {
+    conf[key] = cnf[key];
+  });
+};
 
 /**
  * Draws a Pie Chart with the data given in text.
  * @param text
  * @param id
  */
-let w
+let w;
 export const draw = (txt, id, ver) => {
   try {
-    const parser = pieParser.parser
-    parser.yy = pieData
-    logger.debug('Rendering info diagram\n' + txt)
+    const parser = pieParser.parser;
+    parser.yy = pieData;
+    logger.debug('Rendering info diagram\n' + txt);
     // Parse the Pie Chart definition
-    parser.yy.clear()
-    parser.parse(txt)
-    logger.debug('Parsed info diagram')
-    const elem = document.getElementById(id)
-    w = elem.parentElement.offsetWidth
+    parser.yy.clear();
+    parser.parse(txt);
+    logger.debug('Parsed info diagram');
+    const elem = document.getElementById(id);
+    w = elem.parentElement.offsetWidth;
 
     if (typeof w === 'undefined') {
-      w = 1200
+      w = 1200;
     }
 
     if (typeof conf.useWidth !== 'undefined') {
-      w = conf.useWidth
+      w = conf.useWidth;
     }
-    const h = 450
-    elem.setAttribute('height', '100%')
+    const h = 450;
+    elem.setAttribute('height', '100%');
     // Set viewBox
-    elem.setAttribute('viewBox', '0 0 ' + w + ' ' + h)
+    elem.setAttribute('viewBox', '0 0 ' + w + ' ' + h);
 
     // Fetch the default direction, use TD if none was found
 
-    var width = w// 450
-    var height = 450
-    var margin = 40
+    var width = w; // 450
+    var height = 450;
+    var margin = 40;
 
-    var radius = Math.min(width, height) / 2 - margin
+    var radius = Math.min(width, height) / 2 - margin;
 
-    var svg = d3.select('#' + id).append('svg')
+    var svg = d3
+      .select('#' + id)
+      .append('svg')
       .attr('width', width)
       .attr('height', height)
       .append('g')
-      .attr('transform', 'translate(' + width / 2 + ',' + height / 2 + ')')
+      .attr('transform', 'translate(' + width / 2 + ',' + height / 2 + ')');
 
-    var data = pieData.getSections()
-    logger.info(data)
+    var data = pieData.getSections();
+    logger.info(data);
 
     // set the color scale
-    var color = d3.scaleOrdinal()
+    var color = d3
+      .scaleOrdinal()
       .domain(data)
-      .range(d3.schemeSet2)
+      .range(d3.schemeSet2);
 
     // Compute the position of each group on the pie:
-    var pie = d3.pie()
-      .value(function (d) { return d.value })
-    var dataReady = pie(d3.entries(data))
+    var pie = d3.pie().value(function(d) {
+      return d.value;
+    });
+    var dataReady = pie(d3.entries(data));
     // Now I know that group A goes from 0 degrees to x degrees and so on.
 
     // shape helper to build arcs:
-    var arcGenerator = d3.arc()
+    var arcGenerator = d3
+      .arc()
       .innerRadius(0)
-      .outerRadius(radius)
+      .outerRadius(radius);
 
     // Build the pie chart: Basically, each part of the pie is a path that we build using the arc function.
     svg
@@ -86,10 +90,12 @@ export const draw = (txt, id, ver) => {
       .enter()
       .append('path')
       .attr('d', arcGenerator)
-      .attr('fill', function (d) { return (color(d.data.key)) })
+      .attr('fill', function(d) {
+        return color(d.data.key);
+      })
       .attr('stroke', 'black')
       .style('stroke-width', '2px')
-      .style('opacity', 0.7)
+      .style('opacity', 0.7);
 
     // Now add the annotation. Use the centroid method to get the best coordinates
     svg
@@ -97,23 +103,28 @@ export const draw = (txt, id, ver) => {
       .data(dataReady)
       .enter()
       .append('text')
-      .text(function (d) { return d.data.key })
-      .attr('transform', function (d) { return 'translate(' + arcGenerator.centroid(d) + ')' })
+      .text(function(d) {
+        return d.data.key;
+      })
+      .attr('transform', function(d) {
+        return 'translate(' + arcGenerator.centroid(d) + ')';
+      })
       .style('text-anchor', 'middle')
-      .style('font-size', 17)
+      .style('font-size', 17);
 
-    svg.append('text')
+    svg
+      .append('text')
       .text(parser.yy.getTitle())
       .attr('x', 0)
       .attr('y', -(h - 50) / 2)
-      .attr('class', 'pieTitleText')
+      .attr('class', 'pieTitleText');
   } catch (e) {
-    logger.error('Error while rendering info diagram')
-    logger.error(e.message)
+    logger.error('Error while rendering info diagram');
+    logger.error(e.message);
   }
-}
+};
 
 export default {
   setConf,
   draw
-}
+};