Commit ce3e7d6d authored by Athina Bekakou's avatar Athina Bekakou Committed by Giorgos Korfiatis

admin-ui: Format the template for project's modifications

parent e2bf609a
......@@ -255,4 +255,36 @@
.area-to-slide {
display: none;
}
\ No newline at end of file
}
/* Table with the pending modifications of projects */
.object-details-content table{
td.diff {
vertical-align: middle;
.label {
font-weight: bold;
height: 22px;
line-height: 18px;
display: inline-block;
width: 100%;
}
}
th.diff {
text-align: center;
}
.label-almost-white {
background-color: $label-almost-white-bg;
color: $label-grey-color;
}
.diff-positive {
color: $state-success-text;
}
.diff-negative {
color: $state-danger-text;
}
.diff-zero {
color: $state-info-text;
}
}
......@@ -437,3 +437,7 @@ body .shortcuts {
.popover-content {
max-width: 800px;
}
.capitilize {
text-transform: capitalize;
}
......@@ -622,11 +622,13 @@ $label-info-bg: $brand-info !default;
$label-warning-bg: $brand-warning !default;
//** Danger label background color
$label-danger-bg: $brand-danger !default;
$label-almost-white-bg: $almost-white;
//** Default label text color
$label-color: $gray-dark !default;
//** Default text color of a linked label
$label-link-hover-color: #fff;
$label-grey-color: $snf_gray-light;
//== Modals
......
......@@ -24,16 +24,16 @@
</h4>
<div class="object-details-content">
<ul class="nav nav-tabs">
<li><a href="#prj-details{{ project.uuid }}" data-toggle="tab">Details</a></li>
<li class="active"><a href="#prj-details{{ project.uuid }}" data-toggle="tab">Details</a></li>
<li><a href="#prj-members{{ project.uuid }}" data-toggle="tab">Members</a></li>
<li><a href="#prj-policies{{ project.uuid }}" data-toggle="tab">Member Policies</a></li>
<li><a href="#resources{{ project.uuid }}" data-toggle="tab">Resources</a></li>
{% if last_app %}
<li class="active"><a href="#modifications{{ project.uuid }}" data-toggle="tab">Pending modifications</a></li>
<li><a href="#modifications{{ project.uuid }}" data-toggle="tab">Pending Modifications</a></li>
{% endif %}
</ul>
<div class="tab-content">
<div class="tab-pane" id="prj-details{{ project.uuid }}">
<div class="tab-pane active" id="prj-details{{ project.uuid }}">
<dl class="dl-horizontal well">
<dt>ID</dt><dd>{{ project.id }}</dd>
<dt>UUID</dt><dd>{{ project.uuid }}</dd>
......@@ -118,15 +118,14 @@
</table>
</div>
{% if last_app %}
<div class="tab-pane active" id="modifications{{ project.uuid }}">
<div class="tab-pane" id="modifications{{ project.uuid }}">
<table class="table">
<thead>
<tr>
<th>label</th>
<th>new</th>
<th>old</th>
<th>diff</th>
<th>diff_cls</th>
<th></th>
<th>Initial</th>
<th>Final</th>
<th class="diff">Changes</th>
</tr>
</thead>
<tbody>
......@@ -134,46 +133,55 @@
{% with rows=mod.details %}
{% for row in rows %}
<tr>
<td>{{ row.label }}</td>
<td>{{ row.new }}</td>
<td nowrap class="capitilize">{{ row.label }}</td>
<td>{{ row.old }}</td>
<td>{{ row.diff }}</td>
<td>{{ row.diff|diff_cls }}</td>
<td>{{ row.new }}</td>
<td nowrap class="diff">
{% if row.diff %}
<span class="label label-almost-white {{ row.diff|diff_cls }}">
{{ row.diff }}
</span>
{% endif %}
</td>
</tr>
{% endfor %}
{% endwith %}
{% with rows=mod.policies %}
{% for row in rows %}
<tr>
<td>{{ row.label }}</td>
<td>{{ row.new }}</td>
<td nowrap class="capitilize">{{ row.label }}</td>
<td>{{ row.old }}</td>
<td>{{ row.diff }}</td>
<td>{{ row.diff|diff_cls }}</td>
<td>{{ row.new }}</td>
<td nowrap class="diff">
{% if row.diff %}
<span class="label label-almost-white {{ row.diff|diff_cls }}">
{{ row.diff }}
</span>
{% endif %}
</td>
</tr>
{% endfor %}
{% endwith %}
{% with rows=mod.resources %}
{% for row in rows %}
<tr>
<td>{{ row.label }} per member</td>
<td>{{ row.new_member }}</td>
<td>{{ row.old_member }}</td>
<td>{{ row.diff_member }}</td>
<td>{{ row.diff_member|diff_cls }}</td>
</tr>
<tr>
<td>{{ row.label }} per project</td>
<td>{{ row.new_project }}</td>
<td>{{ row.old_project }}</td>
<td>{{ row.diff_project }}</td>
<td>{{ row.diff_project|diff_cls }}</td>
<td nowrap>{{ row.label }} *</td>
<td>{{ row.old_member }} / {{ row.old_project }}</td>
<td>{{ row.new_member }} / {{ row.new_project }}</td>
<td nowrap class="diff">
<span class="label label-almost-white">
<span class="{{ row.diff_member|diff_cls }}">{{ row.diff_member }}</span>
&nbsp/&nbsp
<span class="{{ row.diff_project|diff_cls }}">{{ row.diff_project }}</span>
</span>
</td>
</tr>
{% endfor %}
{% endwith %}
{% endwith %}
</tbody>
</table>
<span>* The displayed values represent max resources per member / max resources per project.</span>
</div>
{% endif %}
</div>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment