Untitled

<?php
include("../templates/header.inc.php")
?>
  <head>
  <title>Tournament Bracket</title>
  <script type="text/javascript" src="jquery-3.2.1.min.js"></script>
  <script type="text/javascript" src="jquery.bracket.min.js"></script>
  <link rel="stylesheet" type="text/css" href="jquery.bracket.min.css" />
      <!-- Bootstrap core CSS -->
    <link href="../css/bootstrap.css" rel="stylesheet">
    <link href="../css/bootstrap-theme.css" rel="stylesheet" >

    <!-- Custom styles for this template -->
    <link href="../css/internal.css" rel="stylesheet">

	<style>
	div.platz{
	margin-top:60px;
	}

	div.label {
	color:#000000;
	}
	</style>
  </head>

<body>

<script type="text/javascript">

/* CSGO */
  var doubleEliminationData = {
    "teams": [            // Matchups
    ["Team 1",  "Team 2" ],
    ["Team 3",  "Team 4" ],
    ["Team 5",  "Team 6" ],
    ["Team 7",  "Team 8" ],
    ["Team 9",  "Team 10" ],
    ["Team 9",  null ],
    ["Team 9",  "Team 10" ],[null,  null ],
    // null = kein Gegner

    ],
    "results": [            // List of brackets (single elimination, so only one bracket)
      [                     // List of rounds in bracket
        [                   // First round in this bracket
          [16, 0],
          [0, 16],
          [16, 0],
          [16, 0],
          [16, 0],
          [16, 0],
          [0, 16]
        ],
        [
          [16, 0],
          [16, 0],
          [0, 16]
        ],
        [
          [15, 0],
          [0, 16]
        ],
        [
          [15, 0],
          [0, 16]
        ]
      ]
    ]
  }

  $(function() {
      $('#minimal .tournament').bracket({
        init: doubleEliminationData /* data to initialize the bracket with */ })
    })


// These are modified by the sliders
var resizeParameters = {
  teamWidth: 120,   //Breite des Teamfensters
  scoreWidth: 30,
  matchMargin: 10,
  roundMargin: 50,
  init: doubleEliminationData
};

function updateResizeDemo() {
  $('#resize .tournament').bracket(resizeParameters);
}
$(updateResizeDemo)

/*UT */
  var ut = {
    "teams": [            // Matchups
    ["Team 1",  "Team 2" ],
    ["Team 3",  "Team 4" ],
    ["Team 5",  "Team 6" ],
    ["Team 7",  "Team 8" ],
    ["Team 9",  "Team 10" ],
    ["Team 9",  null ],
    ["Team 9",  "Team 10" ],[null,  null ],
    // null = kein Gegner

    ],
    "results": [            // List of brackets (single elimination, so only one bracket)
      [                     // List of rounds in bracket
        [                   // First round in this bracket
          [16, 0],
          [0, 16],
          [16, 0],
          [16, 0],
          [16, 0],
          [16, 0],
          [0, 16]
        ],
        [
          [16, 0],
          [16, 0],
          [0, 16]
        ],
        [
          [15, 0],
          [0, 16]
        ],
        [
          [15, 0],
          [0, 16]
        ]
      ]
    ]
  }

  $(function() {
      $('#minimal .ut').bracket({
        init: doubleEliminationData /* data to initialize the bracket with */ })
    })


// These are modified by the sliders
var resizeParameters = {
  teamWidth: 120,   //Breite des Teamfensters
  scoreWidth: 30,
  matchMargin: 10,
  roundMargin: 50,
  init: doubleEliminationData
};

function updateResizeDemo() {
  $('#resize .ut').bracket(resizeParameters);
}
$(updateResizeDemo)

/*Quake Turnier */
  var quake = {
    "teams": [            // Matchups
    ["ADMINTABLE",  "Team 2" ],
    ["Team 3",  "Team 4" ],
    ["Team 5",  "Team 6" ],
    ["Team 7",  "Team 8" ],
    ["Team 9",  "Team 10" ],
    ["Team 9",  null ],
    ["Team 9",  "Team 10" ],[null,  null ],
    // null = kein Gegner

    ],
    "results": [            // List of brackets (single elimination, so only one bracket)
      [                     // List of rounds in bracket
        [                   // First round in this bracket
          [16, 0],
          [0, 16],
          [16, 0],
          [16, 0],
          [16, 0],
          [16, 0],
          [0, 16]
        ],
        [
          [16, 0],
          [16, 0],
          [0, 16]
        ],
        [
          [15, 0],
          [0, 16]
        ],
        [
          [15, 0],
          [0, 16]
        ]
      ]
    ]
  }

  $(function() {
      $('#minimal .quake').bracket({
        init: doubleEliminationData /* data to initialize the bracket with */ })
    })


// These are modified by the sliders
var resizeParameters = {
  teamWidth: 120,   //Breite des Teamfensters
  scoreWidth: 30,
  matchMargin: 10,
  roundMargin: 50,
  init: doubleEliminationData
};

function updateResizeDemo() {
  $('#resize .quake').bracket(resizeParameters);
}
$(updateResizeDemo)
</script>

<div class="platz"></div>
    <div class="container main-container">
      <div class="container gamecontainer">
        <div class="panel panel-default" style="margin-left: 15px; margin-right: 15px">

          <div class="panel-body serverpanelbody">

                <h3 style="color:#fff">CSGO Turnier</h3>

				<div id="minimal">
  <div id="resize">
    <div class="tournament">

    </div>
  </div>
</div>


              </div></div></div></div>

			 <div class="platz"></div>

			 <div class="platz"></div>
    <div class="container main-container">
      <div class="container gamecontainer">
        <div class="panel panel-default" style="margin-left: 15px; margin-right: 15px">

          <div class="panel-body serverpanelbody">

                <h3 style="color:#fff">LoL Turnier</h3>

				<div id="minimal">
  <div id="resize">
    <div class="ut">

    </div>
  </div>
</div>


              </div></div></div></div>

			  			<!-- <div class="platz"></div>

			 <div class="platz"></div>
    <div class="container main-container">
      <div class="container gamecontainer">
        <div class="panel panel-default" style="margin-left: 15px; margin-right: 15px">

          <div class="panel-body serverpanelbody">

                <h3 style="color:#fff">Quake Turnier</h3>

				<div id="minimal">
  <div id="resize">
    <div class="quake">

    </div>
  </div>
</div>


              </div></div></div></div> -->


</body>
</html>