base.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. <!DOCTYPE html>
  2. {% load static %}
  3. {% load projecttags %}
  4. {% load project_url_tag %}
  5. <html lang="en">
  6. <head>
  7. <title>
  8. {% block title %} Toaster {% endblock %}
  9. </title>
  10. <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}" type="text/css"/>
  11. <!--link rel="stylesheet" href="{% static 'css/bootstrap-theme.css' %}" type="text/css"/-->
  12. <link rel="stylesheet" href="{% static 'css/font-awesome.min.css' %}" type='text/css'/>
  13. <link rel="stylesheet" href="{% static 'css/default.css' %}" type='text/css'/>
  14. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  15. <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  16. <script src="{% static 'js/jquery-2.0.3.min.js' %}">
  17. </script>
  18. <script src="{% static 'js/jquery.cookie.js' %}">
  19. </script>
  20. <script src="{% static 'js/bootstrap.min.js' %}">
  21. </script>
  22. <script src="{% static 'js/typeahead.jquery.js' %}">
  23. </script>
  24. <script src="{% static 'js/jsrender.min.js' %}">
  25. </script>
  26. <script src="{% static 'js/highlight.pack.js' %}">
  27. </script>
  28. <script src="{% static 'js/libtoaster.js' %}">
  29. </script>
  30. {% if DEBUG %}
  31. <script>
  32. libtoaster.debug = true;
  33. </script>
  34. {% endif %}
  35. <script>
  36. $.views.settings.delimiters("<%", "%>");
  37. libtoaster.ctx = {
  38. jsUrl : "{% static 'js/' %}",
  39. htmlUrl : "{% static 'html/' %}",
  40. projectsUrl : "{% url 'all-projects' %}",
  41. projectsTypeAheadUrl: {% url 'xhr_projectstypeahead' as prjurl%}{{prjurl|json}},
  42. {% if project.id %}
  43. projectId : {{project.id}},
  44. projectPageUrl : {% url 'project' project.id as purl %}{{purl|json}},
  45. xhrProjectUrl : {% url 'xhr_project' project.id as pxurl %}{{pxurl|json}},
  46. projectName : {{project.name|json}},
  47. recipesTypeAheadUrl: {% url 'xhr_recipestypeahead' project.id as paturl%}{{paturl|json}},
  48. layersTypeAheadUrl: {% url 'xhr_layerstypeahead' project.id as paturl%}{{paturl|json}},
  49. machinesTypeAheadUrl: {% url 'xhr_machinestypeahead' project.id as paturl%}{{paturl|json}},
  50. distrosTypeAheadUrl: {% url 'xhr_distrostypeahead' project.id as paturl%}{{paturl|json}},
  51. projectBuildsUrl: {% url 'projectbuilds' project.id as pburl %}{{pburl|json}},
  52. xhrCustomRecipeUrl : "{% url 'xhr_customrecipe' %}",
  53. projectId : {{project.id}},
  54. xhrBuildRequestUrl: "{% url 'xhr_buildrequest' project.id %}",
  55. mostRecentBuildsUrl: "{% url 'most_recent_builds' %}?project_id={{project.id}}",
  56. {% else %}
  57. mostRecentBuildsUrl: "{% url 'most_recent_builds' %}",
  58. projectId : undefined,
  59. projectPageUrl : undefined,
  60. projectName : undefined,
  61. {% endif %}
  62. };
  63. </script>
  64. {% block extraheadcontent %}
  65. {% endblock %}
  66. </head>
  67. <body>
  68. {% csrf_token %}
  69. <div id="loading-notification" class="alert alert-warning lead text-center" style="display:none">
  70. Loading <i class="fa-pulse icon-spinner"></i>
  71. </div>
  72. <div id="change-notification" class="alert alert-info alert-dismissible change-notification" style="display:none">
  73. <button type="button" class="close" id="hide-alert" data-toggle="alert">&times;</button>
  74. <span id="change-notification-msg"></span>
  75. </div>
  76. <nav class="navbar navbar-default navbar-fixed-top">
  77. <div class="container-fluid">
  78. <div class="navbar-header">
  79. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#global-nav" aria-expanded="false">
  80. <span class="sr-only">Toggle navigation</span>
  81. <span class="icon-bar"></span>
  82. <span class="icon-bar"></span>
  83. <span class="icon-bar"></span>
  84. </button>
  85. <div class="toaster-navbar-brand">
  86. <a href="/">
  87. <img class="logo" src="{% static 'img/logo.png' %}" class="" alt="Yocto logo project"/>
  88. </a>
  89. <a class="brand" href="/">Toaster</a>
  90. {% if DEBUG %}
  91. <span class="glyphicon glyphicon-info-sign" title="<strong>Toaster version information</strong>" data-content="<dl><dt>Git branch</dt><dd>{{TOASTER_BRANCH}}</dd><dt>Git revision</dt><dd>{{TOASTER_REVISION}}</dd></dl>"></i>
  92. {% endif %}
  93. </div>
  94. </div>
  95. <div class="collapse navbar-collapse" id="global-nav">
  96. <ul class="nav navbar-nav">
  97. {% if request.resolver_match.url_name != 'landing' and request.resolver_match.url_name != 'newproject' %}
  98. <li id="navbar-all-builds"
  99. {% if request.resolver_match.url_name == 'all-builds' %}
  100. class="active"
  101. {% endif %}>
  102. <a href="{% url 'all-builds' %}">
  103. <i class="glyphicon glyphicon-tasks"></i>
  104. All builds
  105. </a>
  106. </li>
  107. {% if project_enable %}
  108. <li id="navbar-all-projects"
  109. {% if request.resolver_match.url_name == 'all-projects' %}
  110. class="active"
  111. {% endif %}>
  112. <a href="{% url 'all-projects' %}">
  113. <i class="icon-folder-open"></i>
  114. All projects
  115. </a>
  116. </li>
  117. {% endif %}
  118. {% endif %}
  119. <li id="navbar-docs">
  120. <a target="_blank" href="https://www.yoctoproject.org/docs/latest/toaster-manual/toaster-manual.html">
  121. <i class="glyphicon glyphicon-book"></i>
  122. Documentation
  123. </a>
  124. </li>
  125. </ul>
  126. {% if project_enable %}
  127. <a class="btn btn-default navbar-btn navbar-right" id="new-project-button" href="{% url 'newproject' %}">New project</a>
  128. {% endif %}
  129. </div>
  130. </div>
  131. </nav>
  132. <div class="container-fluid">
  133. {% block pagecontent %}
  134. {% endblock %}
  135. </div>
  136. </body>
  137. </html>