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