wip watten

packages/watten/Resources/Private/Partials/GridErgebnisse.html

@@ -0,0 +1,99 @@
+<style>
+  #grid_ergebnisse td,
+  #grid_ergebnisse th {
+    width: 100px !important
+  }
+</style>
+<f:asset.script identifier="watterergebnisse">
+
+    var bum1 = '<td><img src="typo3conf/ext/watten/Resources/Public/Icons/Bum.svg" class="iconsizesm"></td>';
+    var bum2 = '<td><img src="typo3conf/ext/watten/Resources/Public/Icons/Bum.svg" class="iconsizesm"><img src="typo3conf/ext/watten/Resources/Public/Icons/Bum.svg" class="iconsizesm"></td>';
+    var bum4 = '<td><img src="typo3conf/ext/watten/Resources/Public/Icons/Bum.svg" class="iconsizesm"><img src="typo3conf/ext/watten/Resources/Public/Icons/Bum.svg" class="iconsizesm"><img src="typo3conf/ext/watten/Resources/Public/Icons/Bum.svg" class="iconsizesm"><img src="typo3conf/ext/watten/Resources/Public/Icons/Bum.svg" class="iconsizesm"></td>';
+
+    function markName(classname) {
+        $('.athlet ').css('color', '#ddd');
+        $('.athlet ').css('font-weight', 'normal');
+        $('td.'+classname).css('color', '#CC7B2E');
+        $('td.'+classname).css('font-weight', 'bold');
+    }
+
+    $("#grid_ergebnisse").jsGrid({
+      height: "auto",
+      width: "100%",
+
+      heading: true,
+      filtering: false,
+      inserting: false,
+      editing: false,
+      selecting: true,
+      sorting: true,
+      paging: false,
+      pageLoading: false,
+
+      noDataContent: '&nbsp;Spieltag wählen&nbsp;',
+
+      loadIndication: true,
+      loadIndicationDelay: 500,
+      loadMessage: "&nbsp;Bitte, warten...&nbsp;",
+      loadShading: true,
+
+      fields: [
+      { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Hashtag.svg" class="iconsize"><div class="xsmall">Spiel Nummer</div>', name: "uid", type: "text" },
+      { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Thump-up.svg" class="iconsize"><div class="xsmall">Sieger</div>', name: "s1", type: "text", css:"pointer", cellRenderer: function (item, value) { let v = value.s1; return '<td class="athlet ' + v + '" onClick="markName(\'' + v + '\')">' + v + '</td>'; }},
+      { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Thump-up.svg" class="iconsize"><div class="xsmall">Sieger</div>', name: "s2", type: "text", css:"pointer", cellRenderer: function (item, value) { let v = value.s2; return '<td class="athlet ' + v + '" onClick="markName(\'' + v + '\')">' + v + '</td>'; }},
+      { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Thump-down.svg" class="iconsize"><div class="xsmall">Verlierer</div>', name: "v1", type: "text", css:"pointer", cellRenderer: function (item, value) { let v = value.v1; return '<td class="athlet ' + v + '" onClick="markName(\'' + v + '\')">' + v + '</td>'; }},
+      { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Thump-down.svg" class="iconsize"><div class="xsmall">Verlierer</div>', name: "v2", type: "text", css:"pointer", cellRenderer: function (item, value) { let v = value.v2; return '<td class="athlet ' + v + '" onClick="markName(\'' + v + '\')">' + v + '</td>'; }},
+      { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Bold.svg" class="iconsize"><div class="xsmall">Bummale</div>', name: "bumid", type: "text", cellRenderer: function(item, value){ if(item==1) return bum1; else if(item==2) return bum2; else return bum4; }},
+      { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Gstrichen.svg" class="iconsize"><div class="xsmall">Gstr/Gstr</div>', name: "gs", type: "text"}
+      ]
+    });
+
+    $("#grid_punkte").jsGrid({
+      height: "auto",
+      width: "50%",
+  
+      heading: true,
+      filtering: false,
+      inserting: false,
+      editing: false,
+      selecting: true,
+      sorting: true,
+      paging: false,
+      pageLoading: false,
+
+      noDataContent: '&nbsp;Spieltag wählen&nbsp;',
+  
+      loadIndication: true,
+      loadIndicationDelay: 500,
+      loadMessage: "&nbsp;Bitte, warten...&nbsp;",
+      loadShading: true,
+  
+      fields: [
+      { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Rank.svg" class="iconsize"><div class="xsmall">Platzierung</div>', name: "rang", type: "text", width: "100" },
+      { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/User.svg" class="iconsize"><div class="xsmall">Athlet</div>', name: "name", type: "text", width: "200" },
+      { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Hashtag.svg" class="iconsize"><div class="xsmall">Punkte</div>', name: "punkte", type: "text", width: "100" },
+      ]
+    });
+
+    $(function() {
+      $.ajax({
+      url: "../index.php",
+      type: "GET",
+      data: {
+      application: "loadspieltag",
+      event_id: $( "#spieltagselect" ).val()
+      },
+      dataType : "json"
+      })
+      .done(function( response ) {
+      $('#story_text').html(response.story);
+      $("#grid_ergebnisse").jsGrid({ data: response.data });
+      $("#grid_punkte").jsGrid({ data: response.punkte });
+      })
+    });
+</f:asset.script>
+<div id="story_text" style="padding:1rem 5rem;"></div>
+<div id="grid_ergebnisse" class="pure-table"></div>
+<br><br>
+<h1 class="element-header text-center"><span>Punkte Spieltag</span></h1>
+<div id="grid_punkte" class="pure-table" style="margin:auto;"></div>

packages/watten/Resources/Private/Partials/GridGstrichen.html

@@ -0,0 +1,54 @@
+<f:asset.script identifier="wattergstrichen">
+
+
+    $("#grid_gstrichen").jsGrid({
+    height: "auto",
+    width: "100%",
+
+    heading: true,
+    filtering: false,
+    inserting: false,
+    editing: false,
+    selecting: true,
+    sorting: true,
+    paging: false,
+    pageLoading: false,
+
+    noDataContent: '&nbsp;Turnier wählen&nbsp;',
+
+    loadIndication: true,
+    loadIndicationDelay: 500,
+    loadMessage: "&nbsp;Bitte, warten...&nbsp;",
+    loadShading: true,
+
+    fields: [
+    { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Rank.svg" class="iconsize"><div class="xsmall bg-green">Platzierungen</div>', name: "platz", type: "text", width: "100" },
+    { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/User.svg" class="iconsize"><div class="xsmall bg-green">Athlet</div>', name: "sieger", type: "text", width: "200" },
+    { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Gstrichen-win.svg" class="iconsize"><div class="xsmall bg-green">Gewonnen</div>', name: "gewonnen", type: "text", width: "100" },
+    { title: '<div class="xsmall">&nbsp</div>', name: "", type: "text", width: "100", css: "transparent" },
+    { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Rank.svg" class="iconsize"><div class="xsmall bg-red">Platzierungen</div>', name: "platz", type: "text", width: "100" },
+    { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/User.svg" class="iconsize"><div class="xsmall bg-red">Athlet</div>', name: "verlierer", type: "text", width: "200" },
+    { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Gstrichen-lose.svg" class="iconsize"><div class="xsmall bg-red">Verloren</div>', name: "verloren", type: "text", width: "100" },
+    ]
+    });
+    $(function() {
+      $.ajax({
+      url: "../index.php",
+      type: "GET",
+      data: {
+          application: "loadgstrichenliste",
+          tournament: $( "#tournament_rangliste" ).val()
+      },
+      dataType : "json"
+      })
+      .done(function( response ) {
+      $("#grid_gstrichen").jsGrid({ data: response });
+      })
+    });
+</f:asset.script>
+
+<br><br>
+<h1 class="element-header text-center"><span>Gstrichen || Gstrichen</span></h1>
+<br>
+<div id="grid_gstrichen"
+     class="pure-table"></div>

packages/watten/Resources/Private/Partials/GridPaarlauf.html

@@ -0,0 +1,136 @@
+<f:asset.script identifier="watterrangliste">
+
+    function render_gesamt(data, row) {
+        if(row.head == 1)
+            return '<td class="paarlaufheader">'+ data+ '</td>'
+        else
+            return '<td>'+ data+ '</td>'
+    }
+    $("#grid_paarlauf").jsGrid({
+    height: "auto",
+    width: "100%",
+
+    heading: true,
+    filtering: false,
+    inserting: false,
+    editing: false,
+    selecting: true,
+    sorting: true,
+    paging: false,
+    pageLoading: false,
+
+    noDataContent: '&nbsp;Athleten wählen&nbsp;',
+
+    loadIndication: true,
+    loadIndicationDelay: 500,
+    loadMessage: "&nbsp;Bitte, warten...&nbsp;",
+    loadShading: true,
+
+    fields: [
+    { 
+        title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/User.svg" class="iconsize"><div class="xsmall">Kontrahenten</div>', 
+        name: "teams", 
+        type: "text", 
+        width: "30%",
+        css: "firstcolumn", 
+        cellRenderer: render_gesamt,
+    },
+    { 
+        title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Hashtag.svg" class="iconsize"><div class="xsmall">Spiele</div>', 
+        name: "spiele", 
+        type: "text", 
+        width: "6.5%",
+        css: "bold",
+        cellRenderer: render_gesamt
+    },
+    { 
+        title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Thump-up.svg" class="iconsize"><div class="xsmall">Gesamt</div>', 
+        name: "siege", 
+        type: "text", 
+        width: "6.5%", 
+        css:"greenbold",
+        cellRenderer: render_gesamt
+    },
+    { 
+        title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Thump-down.svg" class="iconsize"><div class="xsmall">Gesamt</div>', 
+        name: "verloren", 
+        type: "text", 
+        width: "6.5%", 
+        css:"rotbold",
+        cellRenderer: render_gesamt
+    },
+    { 
+        title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Thump-up.svg" class="iconsize"><div class="xsmall">Siege</div>', 
+        name: "sn", 
+        type: "text", 
+        width: "6.5%",
+        cellRenderer: render_gesamt
+    },
+    { 
+        title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Thump-up.svg" class="iconsize"><div class="xsmall">Schneider</div>', 
+        name: "ss", 
+        type: "text", 
+        width: "6.5%",
+        cellRenderer: render_gesamt
+    },
+    { 
+        title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Thump-up.svg" class="iconsize"><div class="xsmall">R-Schneider</div>', 
+        name: "srs", 
+        type: "text", 
+        width: "6.5%",
+        cellRenderer: render_gesamt
+    },
+    { 
+        title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Gstrichen-win.svg" class="iconsize"><div class="xsmall">Gstrichen</div>', 
+        name: "sg", 
+        type: "text", 
+        width: "6.5%",
+        cellRenderer: render_gesamt
+    },
+    { 
+        title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Thump-down.svg" class="iconsize"><div class="xsmall">Verloren</div>', 
+        name: "vn", 
+        type: "text", 
+        width: "6.5%",
+        cellRenderer: render_gesamt
+    },
+    { 
+        title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Thump-down.svg" class="iconsize"><div class="xsmall">Schneider</div>', 
+        name: "vs", 
+        type: "text", 
+        width: "6.5%",
+        cellRenderer: render_gesamt
+    },
+    { 
+        title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Thump-down.svg" class="iconsize"><div class="xsmall">R-Schneider</div>', 
+        name: "vrs", 
+        type: "text", 
+        width: "6.5%",
+        cellRenderer: render_gesamt
+    },
+    { 
+        title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Gstrichen-lose.svg" class="iconsize"><div class="xsmall">Gstrichen</div>', 
+        name: "vg", 
+        type: "text", 
+        width: "6.5%",
+        cellRenderer: render_gesamt },
+    ]
+    });
+    $(function() {
+      $.ajax({
+      url: "../index.php",
+      type: "GET",
+      data: {
+          application: "loadpaarlaufer",
+          tournament: $( "#tournament_paarlauf" ).val(),
+          teilnehmer_id: $( "#tournament_teilnehmer" ).val()
+      },
+      dataType : "json"
+      })
+      .done(function( response ) {
+          $("#grid_paarlauf").jsGrid({ data: response });
+      })
+    });
+</f:asset.script>
+<div id="grid_paarlauf"
+     class="pure-table"></div>

packages/watten/Resources/Private/Partials/GridRangliste.html

@@ -0,0 +1,55 @@
+<f:asset.script identifier="watterrangliste">
+
+
+    $("#grid_rangliste").jsGrid({
+    height: "auto",
+    width: "100%",
+
+    heading: true,
+    filtering: false,
+    inserting: false,
+    editing: false,
+    selecting: true,
+    sorting: true,
+    paging: false,
+    pageLoading: false,
+
+    noDataContent: '&nbsp;Turnier wählen&nbsp;',
+
+    loadIndication: true,
+    loadIndicationDelay: 500,
+    loadMessage: "&nbsp;Bitte, warten...&nbsp;",
+    loadShading: true,
+
+    fields: [
+    { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Rank.svg" class="iconsize"><div class="xsmall">Platzierungen</div>', name: "platz", type: "text", width: "100" },
+    { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/User.svg" class="iconsize"><div class="xsmall">Athlet</div>', name: "name", type: "text", width: "200" },
+    { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Hashtag.svg" class="iconsize"><div class="xsmall">Spiele</div>', name: "spiele", type: "text", width: "100" },
+    { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Bowling.svg" class="iconsize"><div class="xsmall">Punkte</div>', name: "punkte", type: "text", width: "100", css: "bold" },
+
+    { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Thump-up.svg" class="iconsize"><div class="xsmall">Siege</div>', name: "s1", type: "text", width: "100" },
+    { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Thump-up.svg" class="iconsize"><div class="xsmall">Schneider</div>', name: "s2", type: "text", width: "100" },
+    { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Thump-up.svg" class="iconsize"><div class="xsmall">R-Schneider</div>', name: "s4", type: "text", width: "100" },
+    { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Gstrichen-win.svg" class="iconsize"><div class="xsmall">Gstrichen</div>', name: "sg", type: "text", width: "100" },
+    { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Thump-down.svg" class="iconsize"><div class="xsmall">Niederlagen</div>', name: "v1", type: "text", width: "100" },
+    { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Thump-down.svg" class="iconsize"><div class="xsmall">Schneider</div>', name: "v2", type: "text", width: "100" },
+    { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Thump-down.svg" class="iconsize"><div class="xsmall">R-Schneider</div>', name: "v4", type: "text", width: "100" },
+    { title: '<img src="typo3conf/ext/watten/Resources/Public/Icons/Gstrichen-lose.svg" class="iconsize"><div class="xsmall">Gstrichen</div>', name: "vg", type: "text", width: "100" },
+    ]
+    });
+    $(function() {
+      $.ajax({
+      url: "../index.php",
+      type: "GET",
+      data: {
+      application: "loadrangliste",
+      },
+      dataType : "json"
+      })
+      .done(function( response ) {
+      $("#grid_rangliste").jsGrid({ data: response });
+      })
+    });
+</f:asset.script>
+<div id="grid_rangliste"
+     class="pure-table"></div>

packages/watten/Resources/Private/Partials/SelectPaarlauf.html

@@ -0,0 +1,31 @@
+<f:asset.script identifier="laderangliste">
+
+function loadTournamentAthleten(){
+    $.ajax({
+        url: "../index.php",
+        type: "GET",
+        data: {
+        application: "loadtournamentathleten",
+        tournament: $( "#tournament_paarlauf" ).val()
+    },
+    dataType : "json"
+    })
+    .done(function( response ) {
+        $("#grid_paarlauf").jsGrid({ data: '' });
+        var $select = $('#tournament_teilnehmer');
+        $select.find('option').remove();
+        $.each(response, function(key, value) {
+            $select.append(`<option value="${value.id}">${value.name}</option>`);
+        });
+        $select.options[0].selected = true
+    });
+}
+</f:asset.script>
+
+<f:form.select id="tournament_paarlauf"
+               name="tournament_paarlauf"
+               options="{tournament_paarlauf}"
+               optionValueField="id"
+               optionLabelField="name"
+               additionalAttributes="{onchange: 'loadTournamentAthleten();'}"
+               value="{active}" />

packages/watten/Resources/Private/Partials/SelectRangliste.html

@@ -0,0 +1,25 @@
+<f:asset.script identifier="laderangliste">
+
+    function ladeRangliste(){
+    $.ajax({
+    url: "../index.php",
+    type: "GET",
+    data: {
+    application: "loadrangliste",
+    tournament: $( "#tournament_rangliste" ).val()
+    },
+    dataType : "json"
+    })
+    .done(function( response ) {
+    $("#grid_rangliste").jsGrid({ data: response });
+    });
+    }
+</f:asset.script>
+
+<f:form.select id="tournament_rangliste"
+               name="tournament_rangliste"
+               options="{tournament_rangliste}"
+               optionValueField="id"
+               optionLabelField="name"
+               additionalAttributes="{onchange: 'ladeRangliste(); ladeStatistikRangliste();'}"
+               value="{active}" />

packages/watten/Resources/Private/Partials/SelectSpieltag.html

@@ -0,0 +1,26 @@
+<f:asset.script identifier="loadspieltag">
+    function ladeSpieltag(){
+    $.ajax({
+    url: "../index.php",
+    type: "GET",
+    data: {
+    application: "loadspieltag",
+    event_id: $( "#spieltagselect" ).val()
+    },
+    dataType : "json"
+    })
+    .done(function( response ) {
+      $('#story_text').html(response.story);
+      $("#grid_ergebnisse").jsGrid({ data: response.data });
+      $("#grid_punkte").jsGrid({ data: response.punkte });
+    })
+    }
+</f:asset.script>
+
+<f:form.select name="spieltagselect"
+               id="spieltagselect"
+               options="{spieltage}"
+               additionalAttributes="{onchange: 'ladeSpieltag(); ladeStatistik();'}"
+               optionValueField="id"
+               optionLabelField="name"
+               value="{active_event_id}" />

packages/watten/Resources/Private/Partials/SelectTeilnehmer.html

@@ -0,0 +1,25 @@
+<f:asset.script identifier="loadpaarlaufer">
+function ladePaarlaufer(){
+$.ajax({
+    url: "../index.php",
+    type: "GET",
+    data: {
+        application: "loadpaarlaufer",
+        tournament: $( "#tournament_paarlauf" ).val(),
+        teilnehmer_id: $( "#tournament_teilnehmer" ).val()
+    },
+    dataType : "json"
+    })
+    .done(function( response ) {
+        $("#grid_paarlauf").jsGrid({ data: response });
+    })
+}
+</f:asset.script>
+
+<f:form.select name="tournament_teilnehmer"
+               id="tournament_teilnehmer"
+               options="{tournament_teilnehmer}"
+               additionalAttributes="{onchange: 'ladePaarlaufer();'}"
+               optionValueField="id"
+               optionLabelField="name"
+               value="{active_teilnehmer_id}" />

packages/watten/Resources/Private/Partials/SelectTournament.html

@@ -0,0 +1,37 @@
+<f:asset.script identifier="loadspieltage">
+
+    function ladeSpieltage(){
+    $.ajax({
+    url: "../index.php",
+    type: "GET",
+    data: {
+    application: "loadspieltage",
+    tournament: $( "#tournament" ).val()
+    },
+    dataType : "json"
+    })
+    .done(function( response ) {
+    $("#grid_ergebnisse").jsGrid({ data: '' });
+    $("#grid_punkte").jsGrid({ data: '' });
+    $('#story_text').html('');
+    
+    
+    myChart.data = [];
+    myChart.update();
+
+    var $select = $('#spieltagselect');
+    $select.find('option').remove();
+    $.each(response, function(key, value) {
+    $select.append(`<option value="${value.id}">${value.name}</option>`);
+    });
+    })
+    }
+</f:asset.script>
+
+<f:form.select id="tournament"
+               name="tournament"
+               options="{tournaments}"
+               optionValueField="id"
+               optionLabelField="name"
+               additionalAttributes="{onchange: 'ladeSpieltage();'}"
+               value="{active_tournaments}" />

packages/watten/Resources/Private/Partials/StatistikErgebnisse.html

@@ -0,0 +1,6 @@
+<br><br>
+<h1 class="element-header text-center"><span>Liniendiagramm Spieltag</span></h1>
+<br>
+<div>
+    <canvas id="dotterStatistikErgebnisse"></canvas>
+</div>

packages/watten/Resources/Private/Partials/StatistikRangliste.html

@@ -0,0 +1,6 @@
+<br><br>
+<h1 class="element-header text-center"><span>Ergebnisse Balkendiagram</span></h1>
+<br>
+<div>
+    <canvas id="dotterStatistikRangliste"></canvas>
+</div>