New theme, MMD!

This commit is contained in:
2011-05-21 21:12:49 +01:00
parent e2fb140ce9
commit f99041472d
8 changed files with 136 additions and 72 deletions

View File

@@ -64,12 +64,12 @@
{% regroup skills by skill.group as skill_group %}
{% for group in skill_group %}
<tr class="skill_heading"><th colspan=3>{{ group.grouper }}</th</tr>
<tr class="skill_heading" id="{{ group.grouper }}"><th colspan=3>{{ group.grouper }}</th></tr>
{% for skill in group.list %}
{% if skill.in_training %}
<tr style="display:none;" class="intraining"><td>{{ skill.skill.name }} - Training to Level {{ skill.in_training }}</td><td><img src="/static/img/skills/level{{ skill.level }}.gif" alt="Level {{ skill.level }}" /></td><td>{{ skill.skillpoints|intcomma }} SP</td></tr>
<tr class="child intraining" parent="{{ group.grouper }}"><td>{{ skill.skill.name }} - Training to Level {{ skill.in_training }}</td><td><img src="/static/img/skills/level{{ skill.level }}.gif" alt="Level {{ skill.level }}" /></td><td>{{ skill.skillpoints|intcomma }} SP</td></tr>
{% else %}
<tr style="display:none;"><td>{{ skill.skill.name }} </td><td><img src="/static/img/skills/level{{ skill.level }}.gif" alt="Level {{ skill.level }}" /></td><td>{{ skill.skillpoints|intcomma }} SP</td></tr>
<tr class="child" parent="{{ group.grouper }}"><td>{{ skill.skill.name }} </td><td><img src="/static/img/skills/level{{ skill.level }}.gif" alt="Level {{ skill.level }}" /></td><td>{{ skill.skillpoints|intcomma }} SP</td></tr>
{% endif %}
{% endfor %}
{% endfor %}
@@ -81,26 +81,24 @@
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$(".skill_heading").bind("click", function(){
$this = $(this);
$this.nextUntil(".skill_heading").toggle('fast');
if($this.hasClass("toggle_off")){
$this.removeClass("toggle_off").removeClass("toggle_on");
}else{
$this.removeClass("toggle_on").removeClass("toggle_off");
}
});
$(".skill_heading")
.css("cursor", "pointer")
.attr("title", "Click to expand/collapse")
.click(function(){
$('tr[parent$=' + $(this).attr('id') + ']').toggle();
});
$("#openAll").bind("click", function(e){
e.preventDefault();
$(".character_skills tr").css({ display: "table-row" });
$(".child").show();
});
$("#collapseAll").bind("click", function(e){
e.preventDefault();
$(".character_skills tr:not(.skill_heading)").css({ display: "none" });
$(".child").hide();
});
$('tr[parent]').hide();
});
</script>