isite 2024.8.5 → 2024.8.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (129) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +1384 -1387
  3. package/apps/charts/site_files/html/PieChart.html +35 -35
  4. package/apps/charts/site_files/html/PieChart2.html +35 -35
  5. package/apps/charts/site_files/html/XYChart.html +42 -42
  6. package/apps/charts/site_files/html/column.html +60 -60
  7. package/apps/charts/site_files/html/gauge.html +44 -44
  8. package/apps/charts/site_files/html/index.html +92 -92
  9. package/apps/charts/site_files/html/line-graph.html +42 -42
  10. package/apps/charts/site_files/html/pie-chart-rounded-corners.html +38 -38
  11. package/apps/charts/site_files/html/simple-3D-pie-chart.html +43 -43
  12. package/apps/charts/site_files/js/chart-animated.js +2 -2
  13. package/apps/charts/site_files/json/PieChart.json +41 -41
  14. package/apps/charts/site_files/json/PieChart2.json +23 -23
  15. package/apps/charts/site_files/json/XYChart.json +74 -74
  16. package/apps/charts/site_files/json/bar-chart.json +99 -99
  17. package/apps/charts/site_files/json/column-chart.json +80 -80
  18. package/apps/charts/site_files/json/gauge.json +36 -36
  19. package/apps/charts/site_files/json/line-graph.json +1867 -1867
  20. package/apps/charts/site_files/json/pie-chart-rounded-corners.json +42 -42
  21. package/apps/charts/site_files/json/simple-3D-pie-chart.json +50 -50
  22. package/apps/client-side/package-lock.json +5 -5
  23. package/apps/client-side/package.json +21 -21
  24. package/apps/client-side/site_files/css/bootstrap3.css +5 -5
  25. package/apps/client-side/site_files/css/bootstrap4.css +6 -6
  26. package/apps/client-side/site_files/css/bootstrap5.css +6 -6
  27. package/apps/client-side/site_files/css/checkbox.css +125 -125
  28. package/apps/client-side/site_files/css/font-awesome.css +4616 -4616
  29. package/apps/client-side/site_files/css/font-awesome.min.css +4 -4
  30. package/apps/client-side/site_files/css/fonts.css +85 -85
  31. package/apps/client-side/site_files/css/help.css +51 -51
  32. package/apps/client-side/site_files/css/main-menu.css +66 -66
  33. package/apps/client-side/site_files/css/print.css +144 -144
  34. package/apps/client-side/site_files/css/prism.css +139 -139
  35. package/apps/client-side/site_files/css/progress.css +7 -7
  36. package/apps/client-side/site_files/css/radio.css +103 -103
  37. package/apps/client-side/site_files/css/scrollbar.css +13 -13
  38. package/apps/client-side/site_files/css/semantic.css +363 -363
  39. package/apps/client-side/site_files/css/table.css +87 -87
  40. package/apps/client-side/site_files/css/treeview.css +84 -84
  41. package/apps/client-side/site_files/css/ui.css +28 -28
  42. package/apps/client-side/site_files/css/video-js.min.css +1 -0
  43. package/apps/client-side/site_files/fonts/fontawesome-webfont.svg +2671 -2671
  44. package/apps/client-side/site_files/fonts/glyphicons-halflings-regular.svg +287 -287
  45. package/apps/client-side/site_files/fonts/icons.svg +684 -684
  46. package/apps/client-side/site_files/js/Youtube.min.js +1 -0
  47. package/apps/client-side/site_files/js/angular-animate.js +4179 -4179
  48. package/apps/client-side/site_files/js/angular.js +36599 -36599
  49. package/apps/client-side/site_files/js/angular.min.js +351 -351
  50. package/apps/client-side/site_files/js/angular.min.js.map +8 -8
  51. package/apps/client-side/site_files/js/barcode.js +1 -1
  52. package/apps/client-side/site_files/js/base64.js +319 -319
  53. package/apps/client-side/site_files/js/bootstrap-5-directive.js +1456 -1456
  54. package/apps/client-side/site_files/js/bootstrap3.js +6 -6
  55. package/apps/client-side/site_files/js/bootstrap4.js +6 -6
  56. package/apps/client-side/site_files/js/bootstrap5.js +6 -6
  57. package/apps/client-side/site_files/js/custom.js +149 -149
  58. package/apps/client-side/site_files/js/directive.min.js +1 -1
  59. package/apps/client-side/site_files/js/hijri.js +965 -965
  60. package/apps/client-side/site_files/js/jquery.js +2 -2
  61. package/apps/client-side/site_files/js/moment.js +4511 -4511
  62. package/apps/client-side/site_files/js/prism.js +6 -6
  63. package/apps/client-side/site_files/js/qrcode.js +1398 -1398
  64. package/apps/client-side/site_files/js/semantic.js +10 -10
  65. package/apps/client-side/site_files/js/video.min.js +53 -0
  66. package/apps/client-side/site_files/js/xlsx.js +23 -23
  67. package/apps/client-side/site_files/semantic-themes/default/assets/fonts/brand-icons.svg +1008 -1008
  68. package/apps/client-side/site_files/semantic-themes/default/assets/fonts/icons.svg +1518 -1518
  69. package/apps/client-side/site_files/semantic-themes/default/assets/fonts/outline-icons.svg +366 -366
  70. package/apps/client-side/site_files/webfonts/fa-brands-400.svg +3717 -3717
  71. package/apps/client-side/site_files/webfonts/fa-regular-400.svg +801 -801
  72. package/apps/client-side/site_files/webfonts/fa-solid-900.svg +5034 -5034
  73. package/apps/security/README.md +12 -12
  74. package/apps/security/app.js +288 -288
  75. package/apps/security/libs/notifications.js +89 -89
  76. package/apps/security/site_files/html/add_modal.html +36 -36
  77. package/apps/security/site_files/html/content.html +36 -36
  78. package/apps/security/site_files/html/delete_modal.html +31 -31
  79. package/apps/security/site_files/html/head.html +7 -7
  80. package/apps/security/site_files/html/index.html +80 -80
  81. package/apps/security/site_files/html/login_modal.html +24 -24
  82. package/apps/security/site_files/html/logout_modal.html +21 -21
  83. package/apps/security/site_files/html/navbar.html +8 -8
  84. package/apps/security/site_files/html/register_modal.html +32 -32
  85. package/apps/security/site_files/html/update_modal.html +28 -28
  86. package/apps/security/site_files/html/view.html +74 -74
  87. package/apps/security/site_files/html/view_modal.html +32 -32
  88. package/apps/security/site_files/js/app.js +1 -1
  89. package/apps/security/site_files/js/index.js +278 -278
  90. package/apps/security/site_files/js/login.js +35 -35
  91. package/apps/security/site_files/js/logout.js +22 -22
  92. package/apps/security/site_files/js/navbar.js +26 -26
  93. package/apps/security/site_files/js/register.js +30 -30
  94. package/apps/security/site_files/json/permissions.json +7 -7
  95. package/apps/security/site_files/json/roles.json +33 -33
  96. package/apps/security/site_files/json/words.json +28 -28
  97. package/gulpfile.js +17 -17
  98. package/isite.postman_collection.json +7 -7
  99. package/isite_files/css/bootstrap.css +5 -5
  100. package/isite_files/css/font-awesome.css +4 -4
  101. package/isite_files/css/prism.css +139 -139
  102. package/isite_files/fonts/fontawesome-webfont.svg +2671 -2671
  103. package/isite_files/fonts/glyphicons-halflings-regular.svg +287 -287
  104. package/isite_files/html/files.html +9 -9
  105. package/isite_files/html/head.html +12 -12
  106. package/isite_files/html/index.html +30 -30
  107. package/isite_files/html/installing.html +27 -27
  108. package/isite_files/html/navbar.html +51 -51
  109. package/isite_files/html/routes.html +13 -13
  110. package/isite_files/html/sessions.html +13 -13
  111. package/isite_files/html/vars.html +9 -9
  112. package/isite_files/js/angular.js +334 -334
  113. package/isite_files/js/bootstrap.js +6 -6
  114. package/isite_files/js/custom.js +149 -149
  115. package/isite_files/js/jquery.js +4 -4
  116. package/isite_files/js/prism.js +6 -6
  117. package/lib/README.md +1 -1
  118. package/lib/collection.js +92 -41
  119. package/lib/collectionFile.js +21 -18
  120. package/lib/cookie.js +81 -81
  121. package/lib/dashboard.js +189 -189
  122. package/lib/mongodb.js +819 -756
  123. package/lib/parser.js +910 -910
  124. package/lib/security.js +48 -57
  125. package/lib/session.js +153 -153
  126. package/object-options/index.js +3 -3
  127. package/object-options/lib/isite.code-workspace +10 -10
  128. package/package.json +58 -58
  129. package/ssl/create_ssl.sh +3 -3
package/apps/charts/site_files/html/PieChart.html CHANGED
@@ -1,36 +1,36 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
7
- <title>
8
- Object In Array (PieSeries)
9
- </title>
10
- <link rel="stylesheet" href="css/style.css">
11
- </head>
12
- <body>
13
-
14
-
15
-
16
-
17
- <div id="chartdiv" ></div>
18
-
19
-
20
-
21
-
22
- <script src="./js/chart-core.js"></script>
23
- <script src="./js/charts.js"></script>
24
- <script src="./js/chart-animated.js"></script>
25
-
26
-
27
- <script>
28
- am4core.useTheme(am4themes_animated);
29
-
30
- fetch('./json/PieChart.json').then(res => res.json()).then(obj=>{
31
- var chart = am4core.createFromConfig(obj, "chartdiv", am4charts.PieChart);
32
- })
33
- </script>
34
-
35
- </body>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
7
+ <title>
8
+ Object In Array (PieSeries)
9
+ </title>
10
+ <link rel="stylesheet" href="css/style.css">
11
+ </head>
12
+ <body>
13
+
14
+
15
+
16
+
17
+ <div id="chartdiv" ></div>
18
+
19
+
20
+
21
+
22
+ <script src="./js/chart-core.js"></script>
23
+ <script src="./js/charts.js"></script>
24
+ <script src="./js/chart-animated.js"></script>
25
+
26
+
27
+ <script>
28
+ am4core.useTheme(am4themes_animated);
29
+
30
+ fetch('./json/PieChart.json').then(res => res.json()).then(obj=>{
31
+ var chart = am4core.createFromConfig(obj, "chartdiv", am4charts.PieChart);
32
+ })
33
+ </script>
34
+
35
+ </body>
36
36
  </html>
package/apps/charts/site_files/html/PieChart2.html CHANGED
@@ -1,36 +1,36 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
7
- <title>
8
- Object In Array (PieSeries)
9
- </title>
10
- <link rel="stylesheet" href="css/style.css">
11
- </head>
12
- <body>
13
-
14
-
15
-
16
-
17
- <div id="chartdiv" ></div>
18
-
19
-
20
-
21
-
22
- <script src="./js/chart-core.js"></script>
23
- <script src="./js/charts.js"></script>
24
- <script src="./js/chart-animated.js"></script>
25
-
26
-
27
- <script>
28
- am4core.useTheme(am4themes_animated);
29
-
30
- fetch('./json/PieChart2.json').then(res => res.json()).then(obj=>{
31
- var chart = am4core.createFromConfig(obj, "chartdiv", am4charts.PieChart);
32
- })
33
- </script>
34
-
35
- </body>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
7
+ <title>
8
+ Object In Array (PieSeries)
9
+ </title>
10
+ <link rel="stylesheet" href="css/style.css">
11
+ </head>
12
+ <body>
13
+
14
+
15
+
16
+
17
+ <div id="chartdiv" ></div>
18
+
19
+
20
+
21
+
22
+ <script src="./js/chart-core.js"></script>
23
+ <script src="./js/charts.js"></script>
24
+ <script src="./js/chart-animated.js"></script>
25
+
26
+
27
+ <script>
28
+ am4core.useTheme(am4themes_animated);
29
+
30
+ fetch('./json/PieChart2.json').then(res => res.json()).then(obj=>{
31
+ var chart = am4core.createFromConfig(obj, "chartdiv", am4charts.PieChart);
32
+ })
33
+ </script>
34
+
35
+ </body>
36
36
  </html>
package/apps/charts/site_files/html/XYChart.html CHANGED
@@ -1,43 +1,43 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
7
- <title>
8
- Object In Array (PieSeries)
9
- </title>
10
- <link rel="stylesheet" href="css/style.css">
11
- </head>
12
- <body>
13
-
14
-
15
-
16
-
17
- <div id="chartdiv" ></div>
18
-
19
-
20
-
21
- <script src="./js/chart-core.js"></script>
22
- <script src="./js/charts.js"></script>
23
- <script src="./js/chart-animated.js"></script>
24
-
25
-
26
-
27
-
28
-
29
- <!-- Chart code -->
30
- <script>
31
-
32
- am4core.useTheme(am4themes_animated);
33
-
34
-
35
- fetch('./json/XYChart.json').then(res => res.json()).then(obj=>{
36
- // console.log(obj);
37
- var chart = am4core.createFromConfig(obj, "chartdiv", am4charts.XYChart);
38
- })
39
-
40
- </script>
41
-
42
- </body>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
7
+ <title>
8
+ Object In Array (PieSeries)
9
+ </title>
10
+ <link rel="stylesheet" href="css/style.css">
11
+ </head>
12
+ <body>
13
+
14
+
15
+
16
+
17
+ <div id="chartdiv" ></div>
18
+
19
+
20
+
21
+ <script src="./js/chart-core.js"></script>
22
+ <script src="./js/charts.js"></script>
23
+ <script src="./js/chart-animated.js"></script>
24
+
25
+
26
+
27
+
28
+
29
+ <!-- Chart code -->
30
+ <script>
31
+
32
+ am4core.useTheme(am4themes_animated);
33
+
34
+
35
+ fetch('./json/XYChart.json').then(res => res.json()).then(obj=>{
36
+ // console.log(obj);
37
+ var chart = am4core.createFromConfig(obj, "chartdiv", am4charts.XYChart);
38
+ })
39
+
40
+ </script>
41
+
42
+ </body>
43
43
  </html>
package/apps/charts/site_files/html/column.html CHANGED
@@ -1,61 +1,61 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
8
- <title>
9
- Object In Array (PieSeries)
10
- </title>
11
- <style>
12
- #chartdiv {
13
- width: 100%;
14
- height: 800px;
15
- margin: auto;
16
-
17
- }
18
-
19
- g[transform="translate(0,779)"] {
20
- display: none;
21
- }
22
- g[aria-labelledby="id-47-title"]{
23
- display: none;
24
- }
25
- </style>
26
- </head>
27
-
28
- <body>
29
-
30
-
31
-
32
-
33
- <div id="chartdiv"></div>
34
-
35
-
36
-
37
-
38
- <script src="/js/chart.js"></script>
39
-
40
- <script>
41
-
42
- fetch('./json/column-chart.json').then(res => res.json()).then(obj=>{
43
- var chart = am4core.createFromConfig(obj, "chartdiv", am4charts.XYChart);
44
- })
45
-
46
-
47
- site.create_chart({
48
- type : 'xy',
49
- x : 'count',
50
- y : 'application',
51
- data : data,
52
- selector_id : 'chartdiv'
53
- })
54
-
55
-
56
- </script>
57
-
58
-
59
- </body>
60
-
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
8
+ <title>
9
+ Object In Array (PieSeries)
10
+ </title>
11
+ <style>
12
+ #chartdiv {
13
+ width: 100%;
14
+ height: 800px;
15
+ margin: auto;
16
+
17
+ }
18
+
19
+ g[transform="translate(0,779)"] {
20
+ display: none;
21
+ }
22
+ g[aria-labelledby="id-47-title"]{
23
+ display: none;
24
+ }
25
+ </style>
26
+ </head>
27
+
28
+ <body>
29
+
30
+
31
+
32
+
33
+ <div id="chartdiv"></div>
34
+
35
+
36
+
37
+
38
+ <script src="/js/chart.js"></script>
39
+
40
+ <script>
41
+
42
+ fetch('./json/column-chart.json').then(res => res.json()).then(obj=>{
43
+ var chart = am4core.createFromConfig(obj, "chartdiv", am4charts.XYChart);
44
+ })
45
+
46
+
47
+ site.create_chart({
48
+ type : 'xy',
49
+ x : 'count',
50
+ y : 'application',
51
+ data : data,
52
+ selector_id : 'chartdiv'
53
+ })
54
+
55
+
56
+ </script>
57
+
58
+
59
+ </body>
60
+
61
61
  </html>
package/apps/charts/site_files/html/gauge.html CHANGED
@@ -1,45 +1,45 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
8
- <title>
9
- Object In Array (PieSeries)
10
- </title>
11
- <link rel="stylesheet" href="css/style.css">
12
- </head>
13
-
14
- <body>
15
-
16
-
17
-
18
-
19
- <div id="chartdiv"></div>
20
-
21
-
22
-
23
-
24
- <script src="./js/chart-core.js"></script>
25
- <script src="./js/charts.js"></script>
26
- <script src="./js/chart-animated.js"></script>
27
-
28
-
29
- <script>
30
- // Set theme
31
- am4core.useTheme(am4themes_animated);
32
-
33
- // Create chart
34
- fetch('./json/gauge.json').then(res => res.json()).then(obj => {
35
- var chart = am4core.createFromConfig(obj, "chartdiv", am4charts.GaugeChart);
36
- setInterval(function () {
37
- var hand = chart.hands.getIndex(0);
38
- hand.showValue(Math.random() * 100, 1000, am4core.ease.cubicOut);
39
- }, 2000);
40
- })
41
- </script>
42
-
43
- </body>
44
-
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
8
+ <title>
9
+ Object In Array (PieSeries)
10
+ </title>
11
+ <link rel="stylesheet" href="css/style.css">
12
+ </head>
13
+
14
+ <body>
15
+
16
+
17
+
18
+
19
+ <div id="chartdiv"></div>
20
+
21
+
22
+
23
+
24
+ <script src="./js/chart-core.js"></script>
25
+ <script src="./js/charts.js"></script>
26
+ <script src="./js/chart-animated.js"></script>
27
+
28
+
29
+ <script>
30
+ // Set theme
31
+ am4core.useTheme(am4themes_animated);
32
+
33
+ // Create chart
34
+ fetch('./json/gauge.json').then(res => res.json()).then(obj => {
35
+ var chart = am4core.createFromConfig(obj, "chartdiv", am4charts.GaugeChart);
36
+ setInterval(function () {
37
+ var hand = chart.hands.getIndex(0);
38
+ hand.showValue(Math.random() * 100, 1000, am4core.ease.cubicOut);
39
+ }, 2000);
40
+ })
41
+ </script>
42
+
43
+ </body>
44
+
45
45
  </html>
package/apps/charts/site_files/html/index.html CHANGED
@@ -1,93 +1,93 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
8
- <link rel="stylesheet" href="/x-css/site.css">
9
- <link rel="stylesheet" href="/x-css/theme_paper.css">
10
- <title>
11
- Object In Array (PieSeries)
12
- </title>
13
- <style>
14
- #chart1 {
15
- width: 100%;
16
- height: 500px;
17
- }
18
- #chart2 {
19
- width: 100%;
20
- height: 500px;
21
- }
22
-
23
-
24
- g[aria-labelledby="id-47-title"]{
25
- display: none;
26
- }
27
- g[aria-labelledby="id-176-title"]{
28
- display: none;
29
- }
30
- </style>
31
- </head>
32
-
33
- <body>
34
-
35
-
36
- <div class="row">
37
- <div class="col6"><div id="chart1"></div></div>
38
- <div class="col6"> <div id="chart2"></div></div>
39
- </div>
40
-
41
-
42
-
43
-
44
-
45
-
46
-
47
- <script src="/x-js/charts.js"></script>
48
-
49
- <script>
50
-
51
-
52
- var data =[{
53
- "item": "item 1",
54
- "count": 500
55
- }, {
56
- "item": "item 2",
57
- "count": 200
58
- }, {
59
- "item": "item 3",
60
- "count": 700
61
- }, {
62
- "item": "item 4",
63
- "count": 300
64
- }, {
65
- "item": "item 5",
66
- "count": 800
67
- }, {
68
- "item": "item 6",
69
- "count": 60
70
- }]
71
-
72
- site.create_chart({
73
- type : 'xy',
74
- x : 'item',
75
- y : 'count',
76
- data : data,
77
- selector : '#chart1'
78
- })
79
-
80
- site.create_chart({
81
- type : 'yx',
82
- y : 'item',
83
- x : 'count',
84
- data : data,
85
- selector : '#chart2'
86
- })
87
-
88
-
89
- </script>
90
-
91
- </body>
92
-
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
8
+ <link rel="stylesheet" href="/x-css/site.css">
9
+ <link rel="stylesheet" href="/x-css/theme_paper.css">
10
+ <title>
11
+ Object In Array (PieSeries)
12
+ </title>
13
+ <style>
14
+ #chart1 {
15
+ width: 100%;
16
+ height: 500px;
17
+ }
18
+ #chart2 {
19
+ width: 100%;
20
+ height: 500px;
21
+ }
22
+
23
+
24
+ g[aria-labelledby="id-47-title"]{
25
+ display: none;
26
+ }
27
+ g[aria-labelledby="id-176-title"]{
28
+ display: none;
29
+ }
30
+ </style>
31
+ </head>
32
+
33
+ <body>
34
+
35
+
36
+ <div class="row">
37
+ <div class="col6"><div id="chart1"></div></div>
38
+ <div class="col6"> <div id="chart2"></div></div>
39
+ </div>
40
+
41
+
42
+
43
+
44
+
45
+
46
+
47
+ <script src="/x-js/charts.js"></script>
48
+
49
+ <script>
50
+
51
+
52
+ var data =[{
53
+ "item": "item 1",
54
+ "count": 500
55
+ }, {
56
+ "item": "item 2",
57
+ "count": 200
58
+ }, {
59
+ "item": "item 3",
60
+ "count": 700
61
+ }, {
62
+ "item": "item 4",
63
+ "count": 300
64
+ }, {
65
+ "item": "item 5",
66
+ "count": 800
67
+ }, {
68
+ "item": "item 6",
69
+ "count": 60
70
+ }]
71
+
72
+ site.create_chart({
73
+ type : 'xy',
74
+ x : 'item',
75
+ y : 'count',
76
+ data : data,
77
+ selector : '#chart1'
78
+ })
79
+
80
+ site.create_chart({
81
+ type : 'yx',
82
+ y : 'item',
83
+ x : 'count',
84
+ data : data,
85
+ selector : '#chart2'
86
+ })
87
+
88
+
89
+ </script>
90
+
91
+ </body>
92
+
93
93
  </html>