cropdex/index.html at master · OpenHackFarm/cropdex · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<html>
  <head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="getorgchart/getorgchart.js"></script>

    <link href="getorgchart/getorgchart.css" rel="stylesheet" />
  </head>
  <body>
    <div id="people"></div>
  <script>
    $.get('https://api.openhackfarm.tw/testing/crop_chart', function(data, status){
      var new_data = [];

      $.each(data, function( index, value ) {
        row = {};

        row['id'] = value['uuid'];
        row['parentId'] = value['inherit'];
        row['uuid'] = value['uuid'];
        row['binomial'] = value['binomial_name'] ? value['binomial_name'] : '';
        row['binomial'] = row['binomial'] + (value['variety_tmp'] ? ' (' + value['variety_tmp'] + ')' : '');
        row['name'] = value['name'] ? value['name'] : '';
        row['pic'] = value['cover'];

        if(row['binomial'].indexOf('科') == row['binomial'].length - 1 || row['binomial'].indexOf('屬') == row['binomial'].length - 1 || row['binomial'].indexOf('科)') == row['binomial'].length - 2 ) {
          if(value['spread']){ row['spread'] = '間距：' + value['spread'] + ' cm'; }
          if(value['height']){ row['height'] = '高度：' + value['height'] + ' cm'; }
          if(value['min_pH'] && value['max_pH']) {
            if(value['min_pH'] == value['max_pH']){
                row['pH'] = '酸鹼度：' + value['min_pH'];
            } else {
                row['pH'] = '酸鹼度：' + value['min_pH'] + ' ~ ' + value['max_pH'];
            }
          }
          if(value['min_growing_temperature'] && value['max_growing_temperature']) {
            row['temperature'] = '生長適溫：' + value['min_growing_temperature'] + ' ~ ' + value['max_growing_temperature'] + '℃';
          }
          if(value['avg_total_growing_days']){ row['days'] = '生育日數：平均約 ' + value['avg_total_growing_days'] + ' 天'; }
        } else {
          row['spread'] = '間距：' + (value['spread'] ? value['spread'] : '- -') + ' cm';
          row['height'] = '高度：' + (value['height'] ? value['height'] : '- -') + ' cm';
          if(value['min_pH'] && value['max_pH']) {
            if(value['min_pH'] == value['max_pH']){
                row['pH'] = '酸鹼度：' + value['min_pH'];
            } else {
                row['pH'] = '酸鹼度：' + value['min_pH'] + ' ~ ' + value['max_pH'];
            }
          }
          row['temperature'] = '生長適溫：' + (value['min_growing_temperature'] ? value['min_growing_temperature'] : '') + ' ~ ' + (value['max_growing_temperature'] ? value['max_growing_temperature'] : '') + ' ℃';
          row['days'] = '生育日數：' + (value['avg_total_growing_days'] ? '平均約 ' + value['avg_total_growing_days'] : '- - ') + ' 天';
        }

        new_data.push(row);
      });

      var orgchart = new getOrgChart(document.getElementById("people"), {
        primaryFields: ["binomial", "name", "spread", "height", "pH", "temperature", "days", "uuid"],
        gridView: true,
        layout: getOrgChart.MIXED_HIERARCHY_RIGHT_LINKS,
        color: "green",
        scale: 0.4,
        expandToLevel: 5,
        enableEdit: false,
        photoFields: ["pic"],
        customize: {
          "3": { color: "lightgreen" }
        },
        dataSource: new_data
      });
    });
  </script>
  </body>
</html>