Meccs történet alapok

Fibinger Ádám

2019-10-15 cc3ac843ada92f513339d893c8da534e3c5b9ae7

 templates/admin/form.twig

@@ -1,24 +1,7 @@
{% extends "templates/admin/html-skeleton.twig" %}
{% block body %}
   <form>
      <div class="form-group">
         <h6>Overlay típus:</h6>
         <div class="form-check">
            <label class="form-check-label">
               <input type="radio" name="stripe[class]" value="simple"> Csak kupa név és logók
            </label>
         </div>
         <div class="form-check">
            <label class="form-check-label">
               <input type="radio" name="stripe[class]" value="team">Kupanév, logók, csapatnevek
            </label>
         </div>
         <div class="form-check">
            <label class="form-check-label">
               <input type="radio" name="stripe[class]" value="team-ban">Kupanév, logók, csapatnevek, banok
            </label>
         </div>
      </div>
   <form action="/form.php" method="post">
      <input type="hidden" name="stripe[class]" value="team-ban"/>

      <div class="form-group">
         <div class="form-row">
@@ -40,13 +23,13 @@

      <div class="form-group">
         <div class="form-row">
            <div class="form-group">
               <div class="col-md-12 mb-3">
            <div class="form-group bg-primary">
               <div class="col-md-12 mb-4">
                  <label for="team_blue_name" class="bg-primary">Kék csapat neve</label>
                  <input type="text" name="stripe[team][blue][name]" class="form-control" id="team_blue_name"
                        placeholder="Pld.: Impress!ve" value="{{ stripe.team.blue.name }}" required>
               </div>
               <div class="col-md-12 mb-3">
               <div class="col-md-12 mb-4">
                  <label for="op-blue" class="bg-primary">Banolt operátorok</label>
                  <select name="stripe[team][blue][ban]" class="operators" id="op-blue" style="width: 100%"
                        multiple>
@@ -57,14 +40,17 @@
               </div>
            </div>
            <div class="form-group">
               <div class="col-md-12 mb-3">
                  <label for="team_orange_name" class="bg-warning">Narancs csapat neve</label>
                  <button class="btn btn-info" title="Csapat színcsere" onclick="swapTeams(); return false;"><=></button>
            </div>
            <div class="form-group bg-warning">
               <div class="col-md-12 mb-4">
                  <label for="team_orange_name">Narancs csapat neve</label>
                  <input type="text" name="stripe[team][orange][name]" class="form-control" id="team_orange_name"
                        placeholder="Pld.: Opress!ve" value="{{ stripe.team.orange.name }}" required>
               </div>
               <div class="col-md-12 mb-3">
                  <label for="op-blue" class="bg-warning">Banolt operátorok</label>
                  <select name="stripe[team][blue][ban]" class="operators" id="op-blue" style="width: 100%"
               <div class="col-md-12 mb-4">
                  <label for="op-orange" class="bg-warning">Banolt operátorok</label>
                  <select name="stripe[team][blue][ban]" class="operators" id="op-orange" style="width: 100%"
                        multiple>
                     {% for operator in operators %}
                        <option value="{{ operator }}">{{ operator|capitalize }}</option>
@@ -74,8 +60,13 @@
            </div>
         </div>
      </div>
      <div class="form-group">
         <button class="btn btn-primary mx-auto" type="submit">Overlay felülírása</button>
      </div>
   </form>

      <button class="btn btn-primary" type="submit">Overlay felülírása</button>
   <form action="/form.php" method="post">

   </form>
{% endblock %}
{% block lazyload %}
@@ -87,5 +78,17 @@
                'max_selected_options': 2
            }
        );

        function swapTeams() {
           var blue = document.getElementById('team_blue_name');
           var orange = document.getElementById('team_orange_name');

           var blue_name = blue.value;
           blue.value = orange.value;
           orange.value = blue_name;

           return false;
      }

   </script>
{% endblock %}