mirror of
git://git.yoctoproject.org/layerindex-web.git
synced 2025-07-19 20:59:01 +02:00
Layer details style changes
Changed to full screen layout to improve the table display and get rid of the accordion for the layer information. Signed-off-by: Belen Barros <belen.barros.pena@intel.com>
This commit is contained in:
Belen Barros
Paul Eggleton
parent
ea213c8007
commit
18bbce1de9
1
TODO
1
TODO
|
|
@ -21,6 +21,7 @@ TODO:
|
||||||
* Show layer notes records
|
* Show layer notes records
|
||||||
|
|
||||||
Later:
|
Later:
|
||||||
|
* Show count of layers to be reviewed next to review button
|
||||||
* Ability for users to edit existing layers
|
* Ability for users to edit existing layers
|
||||||
* Something to help with compatibility (although maybe this should just be handled using the existing versioned layer dependencies in layer.conf)
|
* Something to help with compatibility (although maybe this should just be handled using the existing versioned layer dependencies in layer.conf)
|
||||||
* Query backend service? i.e. special URL to query information
|
* Query backend service? i.e. special URL to query information
|
||||||
|
|
|
||||||
|
|
@ -22,132 +22,93 @@
|
||||||
|
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="row-fluid">
|
<div class="row-fluid">
|
||||||
<div class="span9 offset1">
|
<div class="page-header">
|
||||||
<h1 style="margin-bottom: 1em;">{{ layeritem.name }}</h1>
|
<h1>{{ layeritem.name }}
|
||||||
</div> <!-- end of span9 -->
|
{% if user.is_authenticated %}
|
||||||
|
{% if layeritem.status = "N" %}
|
||||||
|
<a href="{% url publish layeritem.name %}" class="btn btn-primary pull-right">Publish layer</a>
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
</div> <!-- end of row-fluid -->
|
</div> <!-- end of row-fluid -->
|
||||||
</div>
|
</div> <!-- end of container-fluid -->
|
||||||
|
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="row-fluid offset1">
|
<div class="row-fluid">
|
||||||
<div class="span3">
|
<div class="description span7">
|
||||||
<div class="accordion" id="accordion2">
|
<p>
|
||||||
|
{{ layeritem.description }}
|
||||||
<div class="accordion-group">
|
</p>
|
||||||
<div class="accordion-heading">
|
<p>
|
||||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
|
{% if layeritem.usage_url %}
|
||||||
Description
|
<span class="label label-info">
|
||||||
</a>
|
<a href="{{ layeritem.usage_url }}">Setup information</a>
|
||||||
</div>
|
</span>
|
||||||
<div id="collapseOne" class="accordion-body collapse in">
|
|
||||||
<div class="accordion-inner">
|
|
||||||
<p>
|
|
||||||
{{ layeritem.description }}
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
{% if layeritem.usage_url %}
|
|
||||||
<span class="label label-info">
|
|
||||||
<a href="{{ layeritem.usage_url }}">Setup information</a>
|
|
||||||
</span>
|
|
||||||
{% endif %}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if layeritem.dependencies_set.all %}
|
|
||||||
<div class="accordion-group">
|
|
||||||
|
|
||||||
<div class="accordion-heading">
|
|
||||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
|
|
||||||
Dependencies
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div id="collapseTwo" class="accordion-body collapse">
|
|
||||||
<div class="accordion-inner">
|
|
||||||
<p>The {{ layeritem.name }} layer depends upon:</p>
|
|
||||||
<ul>
|
|
||||||
{% for dep in layeritem.dependencies_set.all %}
|
|
||||||
<li><a href="{% url layer_item dep.dependency.name %}">{{ dep.dependency.name }}</a></li>
|
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
</p>
|
||||||
|
|
||||||
<div class="accordion-group">
|
<h3>Git repository</h3>
|
||||||
|
|
||||||
<div class="accordion-heading">
|
<p> {{ layeritem.vcs_url }}
|
||||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
|
{% if layeritem.vcs_web_url %}
|
||||||
Repository
|
<span class="label label-info">
|
||||||
</a>
|
<a href="{{ layeritem.vcs_web_url }}">web repo</a>
|
||||||
</div>
|
</span>
|
||||||
<div id="collapseThree" class="accordion-body collapse">
|
{% endif %}
|
||||||
<div class="accordion-inner">
|
</p>
|
||||||
<h4>Git repository</h4>
|
|
||||||
<p>{{ layeritem.vcs_url }}</p>
|
|
||||||
{% if layeritem.vcs_subdir %}
|
|
||||||
<h4>Subdirectory</h4>
|
|
||||||
<p>{{ layeritem.vcs_subdir }}</p>
|
|
||||||
{% endif %}
|
|
||||||
<p>
|
|
||||||
{% if layeritem.vcs_web_url %}
|
|
||||||
<span class="label label-info">
|
|
||||||
<a href="{{ layeritem.vcs_web_url }}">web repo</a>
|
|
||||||
</span>
|
|
||||||
{% endif %}
|
|
||||||
{% if layeritem.tree_url %}
|
|
||||||
<span class="label label-info">
|
|
||||||
<a href="{{ layeritem.tree_url }}">tree</a>
|
|
||||||
</span>
|
|
||||||
{% endif %}
|
|
||||||
</p>
|
|
||||||
|
|
||||||
</div>
|
{% if layeritem.vcs_subdir %}
|
||||||
</div>
|
<h4>Subdirectory</h4>
|
||||||
</div>
|
<p>{{ layeritem.vcs_subdir }}
|
||||||
|
{% if layeritem.tree_url %}
|
||||||
|
<span class="label label-info">
|
||||||
|
<a href="{{ layeritem.tree_url }}">web subdirectory</a>
|
||||||
|
</span>
|
||||||
|
{% endif %}
|
||||||
|
</p>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
<div class="accordion-group">
|
<h3>{% if layeritem.active_maintainers|length = 1 %}Maintainer{% else %}Maintainers{% endif %}</h3>
|
||||||
|
|
||||||
<div class="accordion-heading">
|
<ul>
|
||||||
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFour">
|
{% for maintainer in layeritem.active_maintainers %}
|
||||||
Maintainer information
|
<li>
|
||||||
</a>
|
{{ maintainer.name }}
|
||||||
</div>
|
{% if maintainer.responsibility %}
|
||||||
<div id="collapseFour" class="accordion-body collapse">
|
<span>({{ maintainer.responsibility }})</span>
|
||||||
<div class="accordion-inner">
|
{% endif %}
|
||||||
<dl>
|
|
||||||
{% for maintainer in layeritem.active_maintainers %}
|
|
||||||
<dt class="showRollie">
|
|
||||||
{{ maintainer.name }}
|
|
||||||
<a class="rollie" href="mailto:{{ maintainer.email }}">
|
|
||||||
<span class="label label-info">
|
|
||||||
<i class="icon-envelope icon-white"></i>
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</dt>
|
|
||||||
{% if maintainer.responsibility %}
|
|
||||||
<dd>- {{ maintainer.responsibility }}</dd>
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
</dl>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div> <!-- end of accordion2 -->
|
<span class="label label-info">
|
||||||
|
<a href="mailto:{{ maintainer.email }}">email</a>
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
|
||||||
</div>
|
</div> <!-- end of span7 -->
|
||||||
|
|
||||||
<div class="span6">
|
<div class="span4 pull-right description">
|
||||||
|
{% if layeritem.dependencies_set.all %}
|
||||||
|
<div class="well dependency-well">
|
||||||
|
<h3>Dependencies </h3>
|
||||||
|
<p>The {{ layeritem.name }} layer depends upon:</p>
|
||||||
|
<ul>
|
||||||
|
{% for dep in layeritem.dependencies_set.all %}
|
||||||
|
<li><a href="{% url layer_item dep.dependency.name %}">{{ dep.dependency.name }}</a></li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
</div> <!-- end of well -->
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
<div class="navbar">
|
</div> <!-- end of span4 -->
|
||||||
|
</div> <!-- end of row-fluid -->
|
||||||
<div class="navbar-inner">
|
</div> <!-- end of container-fluid -->
|
||||||
|
|
||||||
<!-- a class="btn btn-big pull-left back-button" href="index.html"><i class="icon-chevron-left"></i></a -->
|
|
||||||
|
|
||||||
|
<div class="container-fluid" style="margin-bottom:1em;">
|
||||||
|
<div class="row-fluid">
|
||||||
|
<div class="navbar">
|
||||||
|
<div class="navbar-inner">
|
||||||
<a class="brand pull-left">{{ layeritem.name }} recipes</a>
|
<a class="brand pull-left">{{ layeritem.name }} recipes</a>
|
||||||
|
|
||||||
<ul class="nav pull-right">
|
<ul class="nav pull-right">
|
||||||
|
|
@ -175,24 +136,23 @@
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href="{% url recipe recipe.id %}">{{ recipe.name }}</a></td>
|
<td><a href="{% url recipe recipe.id %}">{{ recipe.name }}</a></td>
|
||||||
<td>{{ recipe.pv }}</td>
|
<td>{{ recipe.pv }}</td>
|
||||||
<td>{{ recipe.short_desc }}</td>
|
<td class="span8">{{ recipe.short_desc }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row-fluid">
|
||||||
|
|
||||||
|
{% if user.is_authenticated %}
|
||||||
|
{% if layeritem.status = "N" %}
|
||||||
|
<a href="{% url publish layeritem.name %}" class="btn btn-primary pull-right">Publish layer</a>
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if user.is_authenticated %}
|
|
||||||
<div class="well">
|
|
||||||
{% if layeritem.status = "N" %}
|
|
||||||
<a href="{% url publish layeritem.name %}" class="btn">Publish</a>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% endautoescape %}
|
{% endautoescape %}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -27,29 +27,30 @@ textarea {
|
||||||
color:white;
|
color:white;
|
||||||
}
|
}
|
||||||
|
|
||||||
bs-docs-example:after {
|
|
||||||
background-color: #F5F5F5;
|
|
||||||
border: 1px solid #DDDDDD;
|
|
||||||
border-radius: 4px 0 4px 0;
|
|
||||||
color: #9DA0A4;
|
|
||||||
content: "Recipes";
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: bold;
|
|
||||||
left: -1px;
|
|
||||||
padding: 3px 7px;
|
|
||||||
position: absolute;
|
|
||||||
top: -1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bs-docs-example {
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
border: 1px solid #DDDDDD;
|
|
||||||
border-radius: 4px 4px 4px 4px;
|
|
||||||
margin: 15px 0;
|
|
||||||
padding: 39px 19px 14px;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.description {
|
||||||
|
margin-bottom: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.description p {
|
||||||
|
font-size: 1.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.description ul {
|
||||||
|
font-size: 1.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.description li {
|
||||||
|
margin-bottom: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dependency-well {
|
||||||
|
padding-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 .btn {
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user