user list updated

_css/default.css

@@ -230,7 +230,7 @@ td.create a {
 	background-color: #B7B7B7;
 }
 
-.list .list_item img, .list .name_tag img, .list .name_tag_checked img{
+.list .list_item img, .list .name_tag img, .list .name_tag_checked img, .active_kid img{
 	width: 20px;
 	height: 20px;
 	float: left;
@@ -384,13 +384,40 @@ table.log tr.delete:hover {
 
 .kid_menu {
 	display: none;
-	padding: 3px 0px;
 	background-color: #B7B7B7;
 	border-left: 2px solid #000;
 	position: relative;
 	top: -4px;
 }
 
+.active_kid {
+	background-color: #333;
+	color: #fff;
+	font-weight: bold;
+	border-left: 2px solid #000;
+	vertical-align: middle;
+	font-size: 18px;
+	font-family: Arial;
+	margin: 4px 0px;
+	padding: 5px;
+
+}
+
+.kid_menu .kid_submenu {
+	text-align: center;
+	cursor: pointer;
+	border-bottom: 1px dotted black;
+	padding: 2px 0px;
+}
+
+.kid_menu .kid_submenu:hover {
+	background-color: #7b7575;
+}
+
+.kid_menu .kid_submenu:hover span {
+	color: #e9e2e1;
+}
+
 .kid_menu .add_money_deposit {
 	width: 46%;
 	text-align: center;

template/templates/user_data_edit.tpl

@@ -1,7 +1,6 @@
 <div class="form_wrapper">
 <div class="buttons">
 	<a href="/admin/delete_member/{$user_data.uk_id}" class="addbutton delete-big">Törlés</a>
-	<a href="/admin/view_deposit/{$user_data.uk_id}" class="addbutton flag-big">Befizetések</a>
 </div>
 <form method="post">
 	<input type="hidden" name="action" id="action" value="user_data_edit">

template/templates/user_list.tpl

@@ -45,13 +45,35 @@ $("#uk_filter_name").keyup(function() {
 
 
 function open_kid_menu(uk_id) {
-	$("#kid_menu_"+uk_id).fadeToggle();
+	$("#kid_menu_"+uk_id).slideToggle();
+	console.log($(this));
+	if (!$("#kid_"+uk_id).hasClass('active_kid')) {
+		$("#kid_"+uk_id).addClass('active_kid');
+		$("#kid_"+uk_id).removeClass('list_item');
+	}
+	else {
+		$("#kid_"+uk_id).removeClass('active_kid');
+		$("#kid_"+uk_id).addClass('list_item');
+	}
+
 }
 
 function open_deposit(user_id) {
 	$("#"+user_id).submit();
 }
 
+function open_preview(user_id) {
+	window.open("/preview/diary/"+user_id, '_blank');
+}
+
+function open_datasheet(user_id) {
+	location.href = "/admin/members/"+user_id;
+}
+
+function open_previous_deposits(user_id) {
+	location.href = "/admin/view_deposit/"+user_id;
+}
+
 function search() {
 	document.getElementById('user_list').innerHTML = 'Betöltés...';
 	$("#is_active").prop("disabled",true);
@@ -68,27 +90,31 @@ function search() {
     		//console.log(pdata[i]['uk_id']);
     		//add_list_item(pdata[i]['uk_id'],pdata[i]['uk_name']);
     		content += 
-			'<a href="/admin/members/'+pdata[i]['uk_id']+'">\
+			'\
-				<div class="list_item">\
-					<img src="/_image/shuttlecock.png">\
-						'+pdata[i]['uk_name']+'\
-				</div>\
-			</a>\
 			<form id="'+pdata[i]['uk_id']+'" class="user_mod_form" method="post" action="/admin/create/money_deposit">\
-				<div class="add_deposit"><img src="/_image/dot.png" onclick="open_kid_menu('+pdata[i]['uk_id']+')"></div>\
 				<input type="hidden" name="mod_user_kid_uk_id" value="'+pdata[i]['uk_id']+'">\
 			</form>\
+			<div class="list_item clickable" id="kid_'+pdata[i]['uk_id']+'" onclick="open_kid_menu('+pdata[i]['uk_id']+')">\
+				<img src="/_image/shuttlecock.png">\
+					'+pdata[i]['uk_name']+'\
+			</div>\
 			<div class="kid_menu" id="kid_menu_'+pdata[i]['uk_id']+'">\
-		  		<div class="add_money_deposit" onclick="open_deposit('+pdata[i]['uk_id']+')">\
+				<div class="kid_submenu" onclick="open_datasheet('+pdata[i]['uk_id']+')">\
-			  		<span>Befizetés</span>\
+			  		<span>Adatlap</span>\
+			  		<img src="/_image/contact.png">\
+		  		</div>\
+		  		<div class="kid_submenu" onclick="open_deposit('+pdata[i]['uk_id']+')">\
+			  		<span>Új befizetés</span>\
 			  		<img src="/_image/deposit.png">\
 		  		</div>\
-			 	<a href="/preview/diary/'+pdata[i]['uk_id']+'" target="_blank">\
+		  		<div class="kid_submenu" onclick="open_previous_deposits('+pdata[i]['uk_id']+')">\
-				  	<div class="view_parent_view">\
+			  		<span>Korábbi befizetések</span>\
-				  		<span>Szülői előnézet</span>\
+			  		<img src="/_image/stat.png">\
-				  		<img src="/_image/preview.png">\
+		  		</div>\
-			  		</div>\
+			  	<div class="kid_submenu" onclick="open_preview('+pdata[i]['uk_id']+')">\
-  			 	</a>\
+			  		<span>Szülői előnézet</span>\
+			  		<img src="/_image/preview.png">\
+		  		</div>\
 			</div>\
 			'
     	}