Fibinger Ádám
2020-06-04 ffa7c6f5c007dfc826aef0ca27d23bb69bbeed7e
commit | author | age
f6a0dc 1 {% extends "admin/site-base.twig" %}
b40e93 2 {% block body %}
b15810 3     <h1 class="display-4">Mérkőzés overlay</h1>
4     <form action="/generator/form.php" method="post">
5         <input type="hidden" name="stripe[class]" value="team-ban"/>
f6a0dc 6
b15810 7         <div class="form-group">
8             <div class="form-row">
906fcf 9                 <div class="col-md-2 mb-3">
10                     <label for="validationServer02">Első vastagon szedett sor</label>
11                     <input type="text" name="stripe[cup][number]" class="form-control" id="validationServer02"
12                            placeholder="Pld.: #654"
13                            value="{{ stripe.cup.number }}">
14                 </div>
b15810 15                 <div class="col-md-8 mb-3">
16                     <label for="validationServer01">Kupa neve</label>
17                     <input type="text" name="stripe[cup][name]" class="form-control" id="validationServer01"
18                            placeholder="Pld.: 5on5 Bomb Cup" value="{{ stripe.cup.name }}">
19                 </div>
ffa7c6 20                 <div class="col-md-8 mb-3">
21                     <label for="bestof">Win condition</label>
22                     <select name="stripe[cup][bestof]" class="form-control" id="bestof">
23                         <option value="1" {{ stripe.cup.bestof == 1 ? "selected='selected'" }}>Best Of 1</option>
24                         <option value="3" {{ stripe.cup.bestof == 3 ? "selected='selected'" }}>Best Of 3</option>
25                         <option value="5" {{ stripe.cup.bestof == 5 ? "selected='selected'" }}>Best Of 5</option>
26                     </select>
27                 </div>
b15810 28             </div>
ffa7c6 29
b15810 30         </div>
31         <div class="form-row">
32             <div class="form-group bg-primary">
33                 <div class="col-md-12 mb-4">
34                     {% include 'admin/modules/team-list-select.twig'  with {'target': 'team_blue_name'} %}
35                 </div>
36                 <div class="col-md-12 mb-4">
37                     <div class="form-group">
38                         <label>Kék csapat neve
39                             <input type="text" name="stripe[team][blue][name]" class="form-control team"
40                                    id="team_blue_name"
41                                    placeholder="Pld.: Impress!ve" value="{{ stripe.team.blue.name }}">
42                         </label>
43                     </div>
44                     <div class="form-group">
45                         <label>
46                             <input type="checkbox" id="checkbox_p_b1" name="stripe[team][blue][score][0]"
ffa7c6 47                                    value="true" {{ stripe.team.blue.score[0] ? "checked" }}>Map 1
48                         </label>
b15810 49                         <label>
50                             <input type="checkbox" id="checkbox_p_b2" name="stripe[team][blue][score][1]"
ffa7c6 51                                    value="true" {{ stripe.team.blue.score[1] ? "checked" }}>Map 2
52                         </label>
53                         <label>
54                             <input type="checkbox" id="checkbox_p_b3" name="stripe[team][blue][score][2]"
55                                    value="true" {{ stripe.team.blue.score[2] ? "checked" }}>Map 3
56                         </label>
b15810 57                     </div>
58                 </div>
59                 <div class="col-md-12 mb-4">
60                     <label for="op-blue" class="bg-primary">Banolt operátorok</label>
61                     <select name="stripe[team][blue][ban][]" class="operators" id="op-blue" style="width: 100%"
62                             multiple>
63                         {% for operator in operators %}
64                             <option value="{{ operator }}" {{ operator in stripe.team.blue.ban ? "selected" }}>{{ operator|capitalize }}</option>
65                         {% endfor %}
66                     </select>
67                 </div>
68             </div>
69             <div class="form-group">
70                 <button class="btn btn-info" title="Csapat színcsere" onclick="swapTeams(); return false;"><=>
71                 </button>
72             </div>
73             <div class="form-group bg-warning">
acb792 74                 <div class="col-md-12 mb-4">
b15810 75                     {% include 'admin/modules/team-list-select.twig'  with {'target': 'team_orange_name'} %}
acb792 76                 </div>
b15810 77                 <div class="col-md-12 mb-4">
78                     <div class="form-group">
79                         <label>Narancs csapat neve
80                             <input type="text" name="stripe[team][orange][name]" class="form-control team"
81                                    id="team_orange_name"
82                                    placeholder="Pld.: Opress!ve" value="{{ stripe.team.orange.name }}">
83                         </label>
84                     </div>
85                     <div class="form-group">
86                         <label>
87                             <input type="checkbox" id="checkbox_po_1" name="stripe[team][orange][score][0]"
88                                    value="true" {{ stripe.team.orange.score[0] ? "checked" }}>
acb792 89                             Map 1
b15810 90                         </label>
b40e93 91
b15810 92                         <label>
93                             <input type="checkbox" id="checkbox_po_2" name="stripe[team][orange][score][1]"
94                                    value="true" {{ stripe.team.orange.score[1] ? "checked" }}>
acb792 95                             Map 2
b15810 96                         </label>
ffa7c6 97                         <label>
98                             <input type="checkbox" id="checkbox_po_3" name="stripe[team][orange][score][2]"
99                                    value="true" {{ stripe.team.orange.score[2] ? "checked" }}>
100                             Map 3
101                         </label>
b15810 102                     </div>
103                 </div>
104                 <div class="col-md-12 mb-4">
105                     <label for="op-orange" class="bg-warning">Banolt operátorok</label>
106                     <select name="stripe[team][orange][ban][]" class="operators" id="op-orange" style="width: 100%"
107                             multiple>
108                         {% for operator in operators %}
109                             <option value="{{ operator }}" {{ operator in stripe.team.orange.ban ? "selected" }}>{{ operator|capitalize }}</option>
110                         {% endfor %}
111                     </select>
112                 </div>
113             </div>
114         </div>
115         <div class="form-group">
116             <button class="btn btn-primary mx-auto" type="submit">Overlay felülírása</button>
117         </div>
118     </form>
3ac2ac 119
b15810 120     <iframe src="/overlays/team-ban-refresh.html?asdf={{ random(1, 10000000) }}" width="100%"></iframe>
b40e93 121 {% endblock %}
122 {% block lazyload %}
b15810 123     {{ parent() }}
124     <script type="text/javascript">
b40e93 125         $('.operators').chosen(
126             {
127                 'placeholder_text_multiple': 'Banolt operátorok',
128                 'max_selected_options': 2
129             }
130         );
131
b15810 132         $('.teamname').chosen().on('change', function (event) {
133             var target = document.getElementById($(this).data('target'));
134             $(target).val(event.target.value);
68333e 135         });
b40e93 136
137         function swapTeams() {
138             var blue = document.getElementById('team_blue_name');
139             var orange = document.getElementById('team_orange_name');
140
acb792 141             swapCheckboxValues(document.getElementById('checkbox_p_b1'), document.getElementById('checkbox_po_1'));
142             swapCheckboxValues(document.getElementById('checkbox_p_b2'), document.getElementById('checkbox_po_2'));
ffa7c6 143             swapCheckboxValues(document.getElementById('checkbox_p_b3'), document.getElementById('checkbox_po_3'));
acb792 144
b40e93 145             var blue_name = blue.value;
146             blue.value = orange.value;
147             orange.value = blue_name;
148
149             return false;
150         }
151
acb792 152         function swapCheckboxValues(objectOne, objectTwo) {
153             var tempValue = $(objectOne).prop("checked");
154             $(objectOne).prop("checked", $(objectTwo).prop("checked"));
155             $(objectTwo).prop("checked", tempValue);
156         }
157
b15810 158     </script>
b40e93 159 {% endblock %}