-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathscript.js
127 lines (104 loc) · 12 KB
/
script.js
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
121
122
123
124
125
126
127
$(document).ready(function(){
var drawData;
$("#aboutText").text("Demo code for make dynamic draw with multiple functionalies.");
// All demo data have value for round name, School name etc.
var data0 = {"teams":[["Shehjar","Divya Joshi"],["Bhavya Mittal","Shruti Jain"],["Kritika Bhatt","Batul Talib"],["Nikita Rawat","Nimisha Pandey"]],"results":[[[2,1],[2,1],[2,1],[1,2]],[[2,1],[2,1]],[[2,1]]],"displayResults":[{"roundValue":{"roundIndex":0,"roundString":"Quarter Final"},"teamInfo":{"team1Info":"<div class=\"schoolName1\">Vishwa Bharati Public School</div>","team2Info":"<div class=\"schoolName1\">Mother Convent School</div>"},"team1Name":"Shehjar","team2Name":"Divya Joshi","matchSerial":1,"teamValue":["<b>21-7 21-7</b>"],"teamScore":[2,1]},{"teamInfo":{"team1Info":"<div class=\"schoolName1\">Apeejay School</div>","team2Info":"<div class=\"schoolName1\">Delhi Public School</div>"},"team1Name":"Bhavya Mittal","team2Name":"Shruti Jain","matchSerial":2,"teamValue":["<b>21-17 21-19</b>"],"teamScore":[2,1]},{"teamInfo":{"team1Info":"<div class=\"schoolName1\">Jaypee Public School</div>","team2Info":"<div class=\"schoolName1\">Army Public School</div>"},"team1Name":"Kritika Bhatt","team2Name":"Batul Talib","matchSerial":3,"teamValue":["<b>Retd. Hurt</b>"],"teamScore":[2,1]},{"teamInfo":{"team1Info":"<div class=\"schoolName1\">Assis Convent School</div>","team2Info":"<div class=\"schoolName1\">Mayoor School Noida</div>"},"team1Name":"Nikita Rawat","team2Name":"Nimisha Pandey","matchSerial":4,"teamValue":["<b>7-21 11-21</b>"],"teamScore":[1,2]},{"roundValue":{"roundIndex":1,"roundString":"Semi Final"},"team1Name":"Shehjar","team2Name":"Bhavya Mittal","matchSerial":5,"teamValue":["<b>21-16 21-11</b>"],"teamScore":[2,1]},{"team1Name":"Kritika Bhatt","team2Name":"Nimisha Pandey","matchSerial":6,"teamValue":["<b>21-19 21-11</b>"],"teamScore":[2,1]},{"roundValue":{"roundIndex":2,"roundString":"Final"},"team1Name":"Shehjar","team2Name":"Kritika Bhatt","matchSerial":7,"teamValue":["<b>21-11 21-8</b>"],"teamScore":[2,1]}]};
var data1 = {"teams":[["Aadi+Himanshu",null],["Sahil+Shaurya","Sachit+Parth"],["Pranav+Shubham","Shrihan+Ameya"],[null,"Aryan+Harshvardhan"]],"results":[[[null,null],[1,2],[1,2],[null,null]],[[2,1],[2,1]],[[2,1]]],"displayResults":[{"roundValue":{"roundIndex":0,"roundString":"Quarter Final"},"teamInfo":{"team1Info":"<div class=\"schoolName1\">Step by Step School</div><div class=\"schoolName2\">Deep Memorial Public School</div>"},"team1Name":"Aadi+Himanshu","team2Name":null,"matchSerial":1,"teamValue":["<b>null</b>"],"teamScore":[null,null]},{"teamInfo":{"team1Info":"<div class=\"schoolName1\">Somerville School</div><div class=\"schoolName2\">Somerville School</div>","team2Info":"<div class=\"schoolName1\">Shiv Nadar School</div><div class=\"schoolName2\">Shiv Nadar School</div>"},"team1Name":"Sahil+Shaurya","team2Name":"Sachit+Parth","matchSerial":2,"teamValue":["<b>Walkover (W.O)</b>"],"teamScore":[1,2]},{"teamInfo":{"team1Info":"<div class=\"schoolName1\">Bharti Public School</div><div class=\"schoolName2\">Kendriya Vidyalaya</div>","team2Info":"<div class=\"schoolName1\">Mayoor School Noida</div><div class=\"schoolName2\">Amity International School</div>"},"team1Name":"Pranav+Shubham","team2Name":"Shrihan+Ameya","matchSerial":3,"teamValue":["<b>16-21 21-17 18-21</b>"],"teamScore":[1,2]},{"teamInfo":{"team2Info":"<div class=\"schoolName1\">Samsara World School</div><div class=\"schoolName2\">Kaushalya World School</div>"},"team1Name":"Bye","team2Name":"Aryan+Harshvardhan","matchSerial":4,"teamValue":["<b>null</b>"],"teamScore":[null,null]},{"roundValue":{"roundIndex":1,"roundString":"Semi Final"},"team1Name":"Aadi+Himanshu","team2Name":"Sachit+Parth","matchSerial":5,"teamValue":["<b>21-11 21-5</b>"],"teamScore":[2,1]},{"team1Name":"Shrihan+Ameya","team2Name":"Aryan+Harshvardhan","matchSerial":6,"teamValue":["<b>Walkover (W.O)</b>"],"teamScore":[2,1]},{"roundValue":{"roundIndex":2,"roundString":"Final"},"team1Name":"Aadi+Himanshu","team2Name":"Shrihan+Ameya","matchSerial":7,"teamValue":["<b>21-12 23-21</b>"],"teamScore":[2,1]}]};
var data2 = {"teams":[["Bishamber+Supriya",null],["Ritika+Bhavesh","Abhisar+Bhabya"],["Yash Jain+Mohini","Bhavay+Pooja Ray"],["Vikhyaat+Priya","Somil+Keshav"],["Geeta+Jitendar","Saumya+Rishti"],["Priya Roy+Deepansh","Akanksha+Himanshu"],["Ansh Goel+Vanya","Kunal+Shivani"],[null,"Vitesh+Khushi"]],"results":[[[null,null],[1,2],[2,1],[-2,-1],[1,2],[2,1],[1,2],[null,null]],[[1,2],[-3,-4],[2,1],[1,2]],[[1,2],[1,2]],[[1,2]]],"displayResults":[{"roundValue":{"roundIndex":0,"roundString":"R16"},"teamInfo":{},"team1Name":"Bishamber+Supriya","team2Name":null,"matchSerial":1,"teamValue":["<b>null</b>"],"teamScore":[null,null]},{"teamInfo":{"team1Info":"<div class=\"schoolName1\">Deep Memorial School</div><div class=\"schoolName2\">null</div>","team2Info":"<div class=\"schoolName1\">null</div><div class=\"schoolName2\">null</div>"},"team1Name":"Ritika+Bhavesh","team2Name":"Abhisar+Bhabya","matchSerial":2,"teamValue":["<b>Walkover (W.O)</b>"],"teamScore":[1,2]},{"teamInfo":{"team1Info":"<div class=\"schoolName1\">null</div><div class=\"schoolName2\">null</div>","team2Info":"<div class=\"schoolName1\">null</div><div class=\"schoolName2\">null</div>"},"team1Name":"Yash Jain+Mohini","team2Name":"Bhavay+Pooja Ray","matchSerial":3,"teamValue":["<b>15-12</b>"],"teamScore":[2,1]},{"teamInfo":{"team1Info":"<div class=\"schoolName1\">null</div><div class=\"schoolName2\">null</div>","team2Info":"<div class=\"schoolName1\">null</div><div class=\"schoolName2\">null</div>"},"team1Name":"Vikhyaat+Priya","team2Name":"Somil+Keshav","matchSerial":4,"teamValue":["<b>No Match</b>"],"teamScore":[-2,-1]},{"teamInfo":{"team1Info":"<div class=\"schoolName1\">null</div><div class=\"schoolName2\">null</div>","team2Info":"<div class=\"schoolName1\">null</div><div class=\"schoolName2\">null</div>"},"team1Name":"Geeta+Jitendar","team2Name":"Saumya+Rishti","matchSerial":5,"teamValue":["<b>3-15</b>"],"teamScore":[1,2]},{"teamInfo":{"team1Info":"<div class=\"schoolName1\">null</div><div class=\"schoolName2\">null</div>","team2Info":"<div class=\"schoolName1\">null</div><div class=\"schoolName2\">null</div>"},"team1Name":"Priya Roy+Deepansh","team2Name":"Akanksha+Himanshu","matchSerial":6,"teamValue":["<b>Walkover (W.O)</b>"],"teamScore":[2,1]},{"teamInfo":{"team1Info":"<div class=\"schoolName1\">null</div><div class=\"schoolName2\">null</div>","team2Info":"<div class=\"schoolName1\">null</div><div class=\"schoolName2\">null</div>"},"team1Name":"Ansh Goel+Vanya","team2Name":"Kunal+Shivani","matchSerial":7,"teamValue":["<b>10-15</b>"],"teamScore":[1,2]},{"teamInfo":{},"team1Name":"Bye","team2Name":"Vitesh+Khushi","matchSerial":8,"teamValue":["<b>null</b>"],"teamScore":[null,null]},{"roundValue":{"roundIndex":1,"roundString":"Quarter Final"},"team1Name":"Bishamber+Supriya","team2Name":"Abhisar+Bhabya","matchSerial":9,"teamValue":["<b>Walkover (W.O)</b>"],"teamScore":[1,2]},{"team1Name":"Yash Jain+Mohini","team2Name":"Vikhyaat+Priya","matchSerial":10,"teamValue":["<b>Walkover (W.O)</b>"],"teamScore":[-3,-4]},{"team1Name":"Saumya+Rishti","team2Name":"Priya Roy+Deepansh","matchSerial":11,"teamValue":["<b>15-5</b>"],"teamScore":[2,1]},{"team1Name":"Kunal+Shivani","team2Name":"Vitesh+Khushi","matchSerial":12,"teamValue":["<b>5-15</b>"],"teamScore":[1,2]},{"roundValue":{"roundIndex":2,"roundString":"Semi Final"},"team1Name":"Abhisar+Bhabya","team2Name":"Yash Jain+Mohini","matchSerial":13,"teamValue":["<b>21-17 19-21 13-21</b>"],"teamScore":[1,2]},{"team1Name":"Saumya+Rishti","team2Name":"Vitesh+Khushi","matchSerial":14,"teamValue":["<b>14-21 11-21</b>"],"teamScore":[1,2]},{"roundValue":{"roundIndex":3,"roundString":"Final"},"team1Name":"Yash Jain+Mohini","team2Name":"Vitesh+Khushi","matchSerial":15,"teamValue":["<b>9-21 16-21</b>"],"teamScore":[1,2]}]};
// pass data for make draw of single types of team.
// drawData = data0;
// pass data for make draw of dobules types of team.
// drawData = data1;
// pass data for make draw for no-match status
drawData = data2;
function saveFn(data, userData) {
console.log(data,'=====',userData);
}
for (var key in drawData) {
if(key === 'displayResults'){
for (var subKey in drawData[key]) {
if((drawData[key])[subKey].team1Name){
(drawData[key])[subKey].team1Name = (drawData[key])[subKey].team1Name.split('(')[0];
}
if((drawData[key])[subKey].team2Name){
(drawData[key])[subKey].team2Name = (drawData[key])[subKey].team2Name.split('(')[0];
}
if((drawData[key])[subKey].teamValue && (drawData[key])[subKey].teamValue[0]){
(drawData[key])[subKey].teamValue[0] = ((drawData[key])[subKey].teamValue[0]).replace(" <b>null</b>", "");
(drawData[key])[subKey].teamValue[0] = ((drawData[key])[subKey].teamValue[0]).replace("<b>null</b>", "");
(drawData[key])[subKey].teamValue[0] = ((drawData[key])[subKey].teamValue[0]).replace(" null", "");
}
if(
(drawData[key])[subKey].teamInfo
&&
(drawData[key])[subKey].teamInfo.team1Info
&&
(((drawData[key])[subKey].teamInfo.team1Info).indexOf('null') != -1)
){
(drawData[key])[subKey].teamInfo.team1Info = null;
}
if(
(drawData[key])[subKey].teamInfo
&&
(drawData[key])[subKey].teamInfo.team2Info
&&
(((drawData[key])[subKey].teamInfo.team2Info).indexOf('null') != -1)
){
(drawData[key])[subKey].teamInfo.team2Info = null;
}
if(
(drawData[key])[subKey].teamInfo
&&
(
(drawData[key])[subKey].teamInfo.team1Info
||
(drawData[key])[subKey].teamInfo.team2Info
)
){
drawData.schoonHeading = 'School / Club Name';
}
}
}
if(key === 'teams'){
for (var subKey in drawData[key]) {
if(((drawData[key])[subKey])[0]){
((drawData[key])[subKey])[0] = ((drawData[key])[subKey])[0].split('(')[0];
}
if(((drawData[key])[subKey])[1]){
((drawData[key])[subKey])[1] = ((drawData[key])[subKey])[1].split('(')[0];
}
}
}
}
function makeDynamicDraw (drawResponceObject){
var drawObject = {
init: drawResponceObject,
// init: $scope.demo1,
// init: $scope.demo2,
save: saveFn, // called whenever bracket is modified
userData: null, // custom user data
onMatchClick: null, // callback
onMatchHover: null, // callback
decorator: null, // a function
skipSecondaryFinal: false,
skipGrandFinalComeback: true,
skipConsolationRound: true,
centerConnectors: true,
disableHighlight: false, // for disalbe highlight on mouve hower
dir: 'lr', // "rl" or "lr",
disableToolbar: true,
disableTeamEdit: true,
disableScore: true,
teamWidth: 190, // number
scoreWidth: 10, // number
roundMargin: 20, // number
matchMargin: 80 // number
// matchMargin: 120
};
if(!drawObject){
return;
}
$('.dynamicDrawContainor').bracket(drawObject);
};
makeDynamicDraw(drawData);
});