AwesomeCodingTutorials.github.io/assets/js/formelementadvnced.js at master · AwesomeCodingTutorials/AwesomeCodingTutorials.github.io · 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
(function($) {
	"use strict";

		//transfer
		var languages = [
			{
				"language": "jQuery",
				"value": 122
			},
			{
				"language": "AngularJS",
				"value": 132
			},
			{
				"language": "ReactJS",
				"value": 422
			},
			{
				"language": "VueJS",
				"value": 232
			},
			{
				"language": "JavaScript",
				"value": 765
			},
			{
				"language": "Java",
				"value": 876
			},
			{
				"language": "Python",
				"value": 453
			},
			{
				"language": "TypeScript",
				"value": 125
			},
			{
				"language": "PHP",
				"value": 633
			},
			{
				"language": "Ruby on Rails",
				"value": 832
			}
		];

		var groupData = [
			{
				"groupName": "JavaScript",
				"groupData": [
					{
						"language": "jQuery",
						"value": 122
					},
					{
						"language": "AngularJS",
						"value": 643
					},
					{
						"language": "ReactJS",
						"value": 422
					},
					{
						"language": "VueJS",
						"value": 622
					}
				]
			},
			{
				"groupName": "Popular",
				"groupData": [
					{
						"language": "JavaScript",
						"value": 132
					},
					{
						"language": "Java",
						"value": 112
					},
					{
						"language": "Python",
						"value": 124
					},
					{
						"language": "TypeScript",
						"value": 121
					},
					{
						"language": "PHP",
						"value": 432
					},
					{
						"language": "Ruby on Rails",
						"value": 421
					}
				]
			}
		];

		var settings = {
			"inputId": "languageInput",
			"data": languages,
			"groupData": groupData,
			"itemName": "language",
			"groupItemName": "groupName",
			"groupListName" : "groupData",
			"container": "transfer",
			"valueName": "value",
			"callable" : function (data, names) {
				console.log("Selected ID：" + data)
				$("#selectedItemSpan").text(names)
			}
		};
		Transfer.transfer(settings);


})(jQuery);