index.html 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. {% extends 'base.html' %}
  2. {% load static %}
  3. {% block title %}
  4. SIN3D Links
  5. {% endblock %}
  6. {% block content %}
  7. <br />
  8. <h3>SIN3D-app links generator</h3>
  9. <br />
  10. <hr />
  11. <div class="row">
  12. <div class="col-md-4 offset-md-1">
  13. <h5>Generate new SIN3D-app link</h5>
  14. <p align="center">
  15. <img src="media/expe.png" width="30%">
  16. </p>
  17. <div id="generateInfo" class="alert alert-dismissible alert-success" style="display:none;">
  18. <button id="generateInfoClose" type="button" class="close" data-dismiss="alert">&times;</button>
  19. <strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>.
  20. </div>
  21. <form method="POST" action="#">
  22. {% csrf_token %}
  23. <div class="form-group">
  24. <label for="guildId">Experiment ID</label>
  25. <select class="form-control" id="guildId" name="guildId">
  26. {% for key, value in configurations.items %}
  27. <option value="{{key}}">{{value}}</option>
  28. {% endfor %}
  29. </select>
  30. </div>
  31. <div class="form-group">
  32. <label for="userId">User ID</label>
  33. <input type="text" id="userId" class="form-control" name="userId" placeholder="Enter your user identifier"/>
  34. <div id="userIdFeedback" style="height:20px;display:block !important;"></div>
  35. </div>
  36. <button id="generateButton" type="button" class="btn btn-success" disabled>Generate</button>
  37. </form>
  38. </div>
  39. <div id="displayLinks" class="col-md-6 offset-md-1">
  40. </div>
  41. </div>
  42. <br />
  43. <hr />
  44. <br />
  45. {% comment %}
  46. <ul class="list-group">
  47. <li class="list-group-item">
  48. <div class="row">
  49. <div class="col-md-11"><a id="calibration-link" href="#">Calibration link</a></div>
  50. </div>
  51. </li>
  52. </ul> {% endcomment %}
  53. {% endblock %}
  54. {% block javascripts %}
  55. <script type="text/javascript">
  56. // Utils informations
  57. </script>
  58. <script src="{% static 'js/displayLinks.js' %}"></script>
  59. <script src="{% static 'js/links.js' %}"></script>
  60. {% endblock %}