dje
/
roundtablelizor

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta charset="utf-8" />
    <title>Round table groups generator</title>
    <link href="css/app.css" rel="stylesheet">
    <script src="app.js"></script>
  </head>
  <body>
    <nav>
      <div>
        <button title="load participants from file" onclick="loadParticipantsFileChooser()">
          <img src='images/upload.svg' />
        </button>
        <button title="load test participants" onclick="loadTest()">
          <img src='images/random.svg' width="24px"/>
        </button>
        <button title="add participant" onclick="addParticipant()">
          <img src='images/add.svg' />
        </button>
        <button id="btn-do-it" title="run" onclick="run()" disabled>
          <img src="images/play.svg"/>
        </button>
        <input id="filechooser" type="file" onchange="loadParticipantsFromFile(this.files[0])"/>

        <input type="radio" name="display-mode" onchange="outputChanged(0)" id="participants-radio" checked disabled/>Participants output
        <input type="radio" name="display-mode" onchange="outputChanged(1)" id="rounds-radio" disabled/>Rounds output

      </div>
      <div id="settings">
        <div>
          <label><img title="Table/Group size" src="images/group.svg"></label>
          <input title="Table/Group size" onchange="groupSizeChanged(this.value)" type="number" value="1" id="nbPerGroup" disabled/>
        </div>
        <div>
          <label>
            <img title="Number of rounds" src="images/round.svg">
          </label>
          <input type="number" title="Number of rounds" value="1" id="nbRounds" disabled/>
        </div>
      </div>
    </nav>

    <div id="participants"></div>

    <div id="rounds"></div>

  </body>
</html>