Overlay Generator a streamhez
view | history | commit | commitdiff
Fibinger Ádám
2020-06-04 acb792c92398ed0dd9b45a0a3007c4747de2eba7
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>
FÁ 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">
FÁ 8             <div class="form-row">
906fcf 9                 <div class="col-md-2 mb-3">
FÁ 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">
FÁ 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>
20             </div>
21         </div>
22         <div class="form-row">
23             <div class="form-group bg-primary">
24                 <div class="col-md-12 mb-4">
25                     {% include 'admin/modules/team-list-select.twig'  with {'target': 'team_blue_name'} %}
26                 </div>
27                 <div class="col-md-12 mb-4">
28                     <div class="form-group">
29                         <label>Kék csapat neve
30                             <input type="text" name="stripe[team][blue][name]" class="form-control team"
31                                    id="team_blue_name"
32                                    placeholder="Pld.: Impress!ve" value="{{ stripe.team.blue.name }}">
33                         </label>
34                     </div>
35                     <div class="form-group">
36                         <label>
37                             <input type="checkbox" id="checkbox_p_b1" name="stripe[team][blue][score][0]"
38                                    value="true" {{ stripe.team.blue.score[0] ? "checked" }}>Map 1</label>
39                         <label>
40                             <input type="checkbox" id="checkbox_p_b2" name="stripe[team][blue][score][1]"
41                                    value="true" {{ stripe.team.blue.score[1] ? "checked" }}>Map 2</label>
42                     </div>
43                 </div>
44                 <div class="col-md-12 mb-4">
45                     <label for="op-blue" class="bg-primary">Banolt operátorok</label>
46                     <select name="stripe[team][blue][ban][]" class="operators" id="op-blue" style="width: 100%"
47                             multiple>
48                         {% for operator in operators %}
49                             <option value="{{ operator }}" {{ operator in stripe.team.blue.ban ? "selected" }}>{{ operator|capitalize }}</option>
50                         {% endfor %}
51                     </select>
52                 </div>
53             </div>
54             <div class="form-group">
55                 <button class="btn btn-info" title="Csapat színcsere" onclick="swapTeams(); return false;"><=>
56                 </button>
57             </div>
58             <div class="form-group bg-warning">
acb792 59                 <div class="col-md-12 mb-4">
b15810 60                     {% include 'admin/modules/team-list-select.twig'  with {'target': 'team_orange_name'} %}
acb792 61                 </div>
b15810 62                 <div class="col-md-12 mb-4">
FÁ 63                     <div class="form-group">
64                         <label>Narancs csapat neve
65                             <input type="text" name="stripe[team][orange][name]" class="form-control team"
66                                    id="team_orange_name"
67                                    placeholder="Pld.: Opress!ve" value="{{ stripe.team.orange.name }}">
68                         </label>
69                     </div>
70                     <div class="form-group">
71                         <label>
72                             <input type="checkbox" id="checkbox_po_1" name="stripe[team][orange][score][0]"
73                                    value="true" {{ stripe.team.orange.score[0] ? "checked" }}>
acb792 74                             Map 1
b15810 75                         </label>
b40e93 76
b15810 77                         <label>
FÁ 78                             <input type="checkbox" id="checkbox_po_2" name="stripe[team][orange][score][1]"
79                                    value="true" {{ stripe.team.orange.score[1] ? "checked" }}>
acb792 80                             Map 2
b15810 81                         </label>
FÁ 82                     </div>
83                 </div>
84                 <div class="col-md-12 mb-4">
85                     <label for="op-orange" class="bg-warning">Banolt operátorok</label>
86                     <select name="stripe[team][orange][ban][]" class="operators" id="op-orange" style="width: 100%"
87                             multiple>
88                         {% for operator in operators %}
89                             <option value="{{ operator }}" {{ operator in stripe.team.orange.ban ? "selected" }}>{{ operator|capitalize }}</option>
90                         {% endfor %}
91                     </select>
92                 </div>
93             </div>
94         </div>
95         <div class="form-group">
96             <button class="btn btn-primary mx-auto" type="submit">Overlay felülírása</button>
97         </div>
98     </form>
3ac2ac 99
b15810 100     <iframe src="/overlays/team-ban-refresh.html?asdf={{ random(1, 10000000) }}" width="100%"></iframe>
b40e93 101 {% endblock %}
FÁ 102 {% block lazyload %}
b15810 103     {{ parent() }}
FÁ 104     <script type="text/javascript">
b40e93 105         $('.operators').chosen(
FÁ 106             {
107                 'placeholder_text_multiple': 'Banolt operátorok',
108                 'max_selected_options': 2
109             }
110         );
111
b15810 112         $('.teamname').chosen().on('change', function (event) {
FÁ 113             var target = document.getElementById($(this).data('target'));
114             $(target).val(event.target.value);
68333e 115         });
b40e93 116
FÁ 117         function swapTeams() {
118             var blue = document.getElementById('team_blue_name');
119             var orange = document.getElementById('team_orange_name');
120
acb792 121             var blueTick = [], orangeTick = [];
FÁ 122
123             swapCheckboxValues(document.getElementById('checkbox_p_b1'), document.getElementById('checkbox_po_1'));
124             swapCheckboxValues(document.getElementById('checkbox_p_b2'), document.getElementById('checkbox_po_2'));
125
b40e93 126             var blue_name = blue.value;
FÁ 127             blue.value = orange.value;
128             orange.value = blue_name;
129
130             return false;
131         }
132
acb792 133         function swapCheckboxValues(objectOne, objectTwo) {
FÁ 134             var tempValue = $(objectOne).prop("checked");
135             $(objectOne).prop("checked", $(objectTwo).prop("checked"));
136             $(objectTwo).prop("checked", tempValue);
137         }
138
b15810 139     </script>
b40e93 140 {% endblock %}