money deposit list

_css/default.css

@@ -144,6 +144,11 @@ td.create a {
 	padding: 0px;
 }
 
+.list_item table.money td.icon img{
+	width: 25px;
+	height: 25px;
+}
+
 .list_item table.money td.sum {
 	width: 1%;
 	white-space: nowrap;

_include/include_money_deposit.php

@@ -29,7 +29,7 @@ if ($this->is_id()) {
 }
 else {
 	# BEFIZETÉS LISTA
-	$mod_query = "SELECT * FROM money_deposit WHERE mod_deleted = 0 ORDER BY mod_date DESC LIMIT 50;";
+	$mod_query = "SELECT * FROM money_deposit WHERE mod_deleted = 0 ORDER BY mod_date DESC;";
 	$mod_array = array();
 	$mod_assoc_array = $sql->assoc_array($mod_query);
 

template/templates/money_deposit.tpl

@@ -6,6 +6,19 @@
 
 <div class="list half_width">
 	{foreach $mod_array as $mod}
+
+	{if !$mod@first && $mod_array[$mod@index]->get_mod_date()|substr:5:2 != $mod_array[$mod@index-1]->get_mod_date()|substr:5:2}
+		</div>
+	{/if}
+
+	{if $mod@first || $mod_array[$mod@index]->get_mod_date()|substr:5:2 != $mod_array[$mod@index-1]->get_mod_date()|substr:5:2}
+		<span class="date_separator">{$mod_array[$mod@index]->get_mod_date()|substr:0:4}. 
+			{$months[$mod_array[$mod@index]->get_mod_date()|substr:5:2]}
+			<img src="/_image/open_folder.png" onclick="block_action('block_{$mod->get_mod_date()|substr:0:4}{$mod->get_mod_date()|substr:5:2}');">
+		</span>
+		<div id="block_{$mod->get_mod_date()|substr:0:4}{$mod->get_mod_date()|substr:5:2}" class="month_block">
+
+	{/if}
 	<a href="/admin/money_deposit/{$mod->get_mod_id()}">
 		<div class="list_item">
 			<table class="money">
@@ -27,7 +40,44 @@
 			</table>
 		</div>
 	</a>
+
+	{if $mod@last}
+	</div>
+	{/if}
+
 	{/foreach}
 
 </div>
 
+
+<script>
+
+function open_block(block_id) {
+	$("#"+block_id).slideDown("slow");
+}
+
+function close_block(block_id) {
+	$("#"+block_id).slideUp("slow");
+}
+
+function block_action(block_id) {
+	if ($("#"+block_id).is(':hidden')) {
+		open_block(block_id);
+	}
+	else {
+		close_block(block_id);
+	}
+}
+
+
+$( document ).ready(function() {
+    var divs = $( "div[class=month_block]" );
+	$( ".list" ).find( divs ).hide();
+	var div_list = $( ".list" ).find( divs );
+
+	open_block(div_list[0].id);
+	
+});
+
+
+</script>