Added icons to hide/show hidden agenda items. Some style changes.

This commit is contained in:
Emanuel Schuetze 2011-09-03 18:11:05 +02:00
parent 762f09197d
commit ba28afdc49
6 changed files with 37 additions and 27 deletions

View File

@ -51,7 +51,7 @@
<th style="width: 1px;">{% trans "Beamer" %}</th> <th style="width: 1px;">{% trans "Beamer" %}</th>
<th>{% trans "Item" %}</th> <th>{% trans "Item" %}</th>
{% if perms.agenda.can_manage_agenda %} {% if perms.agenda.can_manage_agenda %}
<th>{% trans "Item Type" %}</th> <th>{% trans "Type" %}</th>
{% endif %} {% endif %}
<th style="width: 1px;">{% if perms.agenda.can_manage_agenda %}{% trans "Actions" %}{% endif %}</th> <th style="width: 1px;">{% if perms.agenda.can_manage_agenda %}{% trans "Actions" %}{% endif %}</th>
{% if perms.agenda.can_manage_agenda %} {% if perms.agenda.can_manage_agenda %}
@ -59,9 +59,7 @@
{% endif %} {% endif %}
</tr> </tr>
<tr id="item_row_0"{% if overview %} class="activeline"{% else %}{% if perms.agenda.can_manage_agenda %} class="inactiveline"{% endif %}{% endif %}> <tr id="item_row_0"{% if overview %} class="activeline"{% else %}{% if perms.agenda.can_manage_agenda %} class="inactiveline"{% endif %}{% endif %}>
<td {% if perms.agenda.can_manage_agenda %} <td class="select">
class="select"
{% endif %}>
<a href="{% url item_activate 0 %}" class="activate_link"> <a href="{% url item_activate 0 %}" class="activate_link">
<div></div> <div></div>
</a> </a>
@ -70,7 +68,10 @@
{% if perms.agenda.can_manage_agenda %} {% if perms.agenda.can_manage_agenda %}
<td></td> <td></td>
{% endif %} {% endif %}
<td id="action_field" style="width: 1px;white-space: nowrap;"><a href="{% url print_agenda %}" title="{%trans 'Print agenda' %}"><img src="/static/images/icons/application-pdf.png"></a></td> <td id="action_field" style="width: 1px;white-space: nowrap;">
<div></div>
<a href="{% url print_agenda %}" title="{%trans 'Print agenda' %}"><img src="/static/images/icons/application-pdf.png"></a>
</td>
</tr> </tr>
{% for item in items %} {% for item in items %}
{% if not item.hidden or perms.agenda.can_manage_agenda %} {% if not item.hidden or perms.agenda.can_manage_agenda %}
@ -81,9 +82,7 @@
{% if perms.agenda.can_manage_aenda %} inactiveline{% endif %} {% if perms.agenda.can_manage_aenda %} inactiveline{% endif %}
{% endif %}"> {% endif %}">
<script type="text/javascript">$(function(){ViewModel.slides.push(new Slide({{ item.json|safe }}))});</script> <script type="text/javascript">$(function(){ViewModel.slides.push(new Slide({{ item.json|safe }}))});</script>
<td {% if perms.agenda.can_manage_agenda %} {# TODO: welchen Sinn hat das? #} <td class="select">
class="select"
{% endif %}>
<a id="activate_link_{{ item.id }}" class="activate_link" href="{% url item_activate item.id %}"> <a id="activate_link_{{ item.id }}" class="activate_link" href="{% url item_activate item.id %}">
<div></div> <div></div>
</a> </a>

Binary file not shown.

After

Width:  |  Height:  |  Size: 783 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 838 B

View File

@ -36,7 +36,8 @@ function hideLine(object) {
function hideClosedSlides(hide) { function hideClosedSlides(hide) {
if (hide) { if (hide) {
$('#hidelink').text('show'); $('#hidelink').attr('title','show');
$('#hidelink').removeClass('hide').addClass('show');
$('.close_link.closed').parent().parent().each(function() { $('.close_link.closed').parent().parent().each(function() {
hideLine($(this)); hideLine($(this));
}); });
@ -44,7 +45,8 @@ function hideClosedSlides(hide) {
$('#hiddencount').text(' ' + hidden + ' davon verborgen.'); $('#hiddencount').text(' ' + hidden + ' davon verborgen.');
} else { } else {
$('#menu-overview tr').show(); $('#menu-overview tr').show();
$('#hidelink').text('hide'); $('#hidelink').attr('title','hide');
$('#hidelink').removeClass('show').addClass('hide');
$('#hiddencount').text(''); $('#hiddencount').text('');
} }
return false; return false;
@ -87,7 +89,7 @@ $(function() {
}); });
}); });
// hide closed items // hide closed items
$('#action_field a').after($('<a id="hidelink" href="#">hide</a>').click(function () { $('#action_field div').after($('<a id="hidelink" class="hidelink hide" title="hide" href="#"><div></div></a>').click(function () {
if ($.cookie('Slide.HideClosed') == 1) { if ($.cookie('Slide.HideClosed') == 1) {
$.cookie('Slide.HideClosed', 0); $.cookie('Slide.HideClosed', 0);
hideClosedSlides(false); hideClosedSlides(false);

View File

@ -2,35 +2,48 @@ tr.activeline a.activate_link div {
background-image: url(/static/images/icons/task-accepted.png); background-image: url(/static/images/icons/task-accepted.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
width: 20px; width: 16px;
height: 20px; height: 16px;
} }
tr.inactiveline a.activate_link div { tr.inactiveline a.activate_link div {
background-image: url(/static/images/icons/task-accepted-grey.png); background-image: url(/static/images/icons/task-accepted-grey.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
width: 20px; width: 16px;
height: 20px; height: 16px;
} }
a.close_link.closed div { a.close_link.closed div {
background-image: url(/static/images/icons/user-offline.png); background-image: url(/static/images/icons/user-offline.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
width: 20px; width: 16px;
height: 20px; height: 16px;
display: inline-block; display: inline-block;
} }
a.close_link.open div { a.close_link.open div {
background-image: url(/static/images/icons/user-online.png); background-image: url(/static/images/icons/user-online.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
width: 20px; width: 16px;
height: 20px; height: 16px;
display: inline-block; display: inline-block;
} }
a.hidelink.hide div {
background-image: url(/static/images/icons/layer-visible-off.png);
background-repeat: no-repeat;
background-position: center;
width: 16px;
height: 16px;
display: inline-block;
}
a.hidelink.show div {
background-image: url(/static/images/icons/layer-visible-on.png);
background-repeat: no-repeat;
background-position: center;
width: 16px;
height: 16px;
display: inline-block;
}

View File

@ -230,10 +230,6 @@ table a.table_edit {
.agendatable tr.activeline td { .agendatable tr.activeline td {
background-color: #bed4de; background-color: #bed4de;
} }
.agendatable td.select:hover {
cursor:pointer;
background-color: #bed4de;
}
.agendatable td img.center { .agendatable td img.center {
margin-left: 10px; margin-left: 10px;
} }