init branch + UI for competitions groups

Author: IdirLISN

src/static/riot/competitions/editor/_participation.tag

@@ -40,6 +40,55 @@
             <textarea class="markdown-editor" ref="whitelist_emails" name="whitelist_emails"></textarea>
             <div class="error-message" style="color: red;"></div>
         </div>
+
+        <!-- Participant Groups and queue -->
+        <div class="field">
+          <label>Groupes</label>
+          <div style="margin-bottom:8px;">
+            <button type="button" class="ui tiny primary button" onclick="{ open_create_group }">
+              <i class="plus icon"></i> Create group
+            </button>
+          </div>
+
+          <div class="ui cards">
+            <div class="card" each="{ group in available_groups }">
+              <div class="content">
+                <div class="header">
+                  <div class="ui checkbox">
+                    <input type="checkbox"
+                          value="{ group.id }"
+                          checked="{ selected_group_ids.indexOf(group.id) !== -1 }"
+                          onchange="{ toggle_group.bind(this, group.id) }">
+                    <label>{ group.name }</label>
+                  </div>
+                </div>
+
+                <div class="meta group-meta" style="margin-top:0.4em;">
+                  <div class="group-labels">
+                    <span class="ui grey label">Queue: { group.queue || "Aucune" }</span>
+                    <span class="ui grey label">Membres: { group.members && group.members.length > 0 ? group.members.length : 0 }</span>
+                  </div>
+
+                  <div class="members-chips" if="{ group.members && group.members.length }">
+                    <span class="ui tiny label" each="{m in group.members}">
+                      { m }
+                    </span>
+                  </div>
+
+                  <div class="group-actions">
+                    <button class="ui mini icon basic button edit-btn" title="Modifier" onclick="{ open_edit_group.bind(this, group) }">
+                      <i class="edit icon"></i>
+                    </button>
+                    <button class="ui mini icon basic red button delete-btn" title="Supprimer" onclick="{ delete_group.bind(this, group) }">
+                      <i class="trash icon"></i>
+                    </button>
+                </div>
+              </div>
+
+            </div>
+          </div>
+        </div>
+      </div>
     </form>
 
     <script>