search in user list

loading gif
lists can be closed and opened
number of trainings at diary

index.php

@@ -15,11 +15,7 @@ setlocale(LC_ALL, 'hu_HU');
 		</style>
 		<script src="/jquery-3.1.1.min.js"></script>
 		
-		<script type="text/javascript">
-		$( document ).ready(function() {
-		    console.log( "ready!" );
-		});
-		</script>
+
 		<meta charset="utf-8">
 
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -51,12 +47,36 @@ setlocale(LC_ALL, 'hu_HU');
 			<?= $page->get_page_nav();?>
 		</nav>
 		<main>
+			<div id="loading"></div>
 			<div id="main_content">
 				<?= $page->get_page_content();?>
 			</div>
 		</main>
 		<footer></footer>
 		</div>
+		<script>
+
+		function onReady(callback) {
+		    var intervalID = window.setInterval(checkReady, 1000);
+		    function checkReady() {
+		        if (document.getElementsByTagName('body')[0] !== undefined) {
+		            window.clearInterval(intervalID);
+		            callback.call(this);
+		        }
+		    }
+		}
+
+		function show(id, value) {
+		    document.getElementById(id).style.display = value ? 'block' : 'none';
+		}
+
+		onReady(function () {
+		    show('main_content', true);
+		    show('loading', false);
+		});
+
+		</script>
 	</body>
 
-</html>
+</html>
+