/lenasys/trunk

To get this branch, use:
bzr branch http://gegoxaren.bato24.eu/bzr/lenasys/trunk

« back to all changes in this revision

Viewing changes to codeigniter/js/bannermenu.js

  • Committer: a11andoh
  • Date: 2013-05-28 14:18:18 UTC
  • mto: This revision was merged to the branch mainline in revision 121.
  • Revision ID: a11andoh@student.his.se-20130528141818-a95jt0njmm2e7bif
added information to the XML API course to be able to test with the system

Show diffs side-by-side

added added

removed removed

Lines of Context:
codeigniter/js/bannermenu.js
1
1
/* TODO: cHANGE THIS FILE ENTIRELY!!! CHANGE CALLED ID'S AND CLASSES */
2
2
 
3
 
/* TODO: Do I need these? */
4
 
/* Global variables */
5
 
var popoutMenu=0;
6
 
var expandedCourses=0;
7
 
 
8
3
/* Functions that run when the page loads */
9
4
$(document).ready(function() {
10
 
        /* Secures that the dropdownmenus are not shown on pageload */
11
 
        $('#dropdownCodeviewerMenu').hide();
12
 
        $('#dropdownUserMenu').show();
13
 
 
14
 
        /* Check courses in expanded menu */
15
 
        $('li.dropdownMenuCourseBlockNonActiveCourse').click(function(){
16
 
                $('li.dropdownMenuCourseBlockActiveCourse').addClass('dropdownMenuCourseBlockNonActiveCourse');
17
 
                $('li.dropdownMenuCourseBlockActiveCourse').removeClass('dropdownMenuCourseBlockActiveCourse');
18
 
 
19
 
                $(this).removeClass('dropdownMenuCourseBlockNonActiveCourse');
20
 
                $(this).addClass("dropdownMenuCourseBlockActiveCourse");
21
 
                /*TA BORT DEN ENA KLASSEN OCH ANVÄND TOGGLE*/
22
 
        });
23
 
 
24
 
        /* TODO: SHOULD OPEN A POPUP VIA AJAX */
25
 
        /* Blurs body and opens password changer */
26
 
        $('li[name="changePwd"]').click(function(e){
27
 
                e.stopPropagation();
28
 
                $('#popoutMenu').stop(false, false).slideUp(300);
29
 
                popoutMenu=0;
30
 
            $('body *').not('#passwordChanger, #passwordChanger *').animate({
31
 
                opacity:0.4}, 400);
32
 
                $('#passwordChanger').fadeIn(300);
33
 
                $('#passwordChanger').css('z-index', 3000);
34
 
        });
35
 
        
36
 
        $('body').click(function(e){
37
 
                $('#formContainer').fadeOut(300);
38
 
                $('#passwordChanger').fadeOut(300);
39
 
                $('body *').animate({
40
 
                opacity:1}, 400);
41
 
                $('#changePassword')[0].reset();
42
 
        });
43
 
        
44
 
        $('#passwordChanger').click(function(e){
45
 
                e.stopPropagation();
46
 
        });
47
 
        
48
 
        $('#formContainer').click(function(e){
49
 
                e.stopPropagation();
50
 
        });
51
 
        
52
 
        $('#popoutLink').click(function(e){
53
 
                if(popoutMenu==0){
54
 
                        $('#popoutMenu').stop(false, true).slideDown(300);
55
 
                        popoutMenu=1;
56
 
                        e.stopPropagation();
57
 
                // FIXA SÅ MENYN INTE KOMMER UPP IGEN
58
 
                }
59
 
                else if(popoutMenu==1){
60
 
                        $('#popoutMenu').stop(false, false).slideUp(300);       
61
 
                        popoutMenu=0;
62
 
                        e.stopPropagation();
63
 
                }
64
 
        });
65
 
        
66
 
        /* TODO: ??? */
67
 
        $('#loginLink').click(function(e){
68
 
                var target = $('#formContainer');
69
 
                if(target.is(":hidden")){
70
 
                        target.fadeIn(300);
71
 
                        $('#username').focus();
72
 
                        e.stopPropagation();
73
 
                }
74
 
                else{
75
 
                        target.fadeOut(300);
76
 
                }
77
 
                
78
 
        });
79
 
});
80
 
 
81
 
window.onkeyup = function(event){
82
 
        if(event.keyCode==27){
83
 
                $('#formContainer').fadeOut(300);
84
 
                $('#passwordChanger').fadeOut(300);
85
 
                $('body *').animate({
86
 
                opacity:1}, 400);
87
 
                $('#changePassword')[0].reset();
88
 
        }
89
 
}
90
 
 
91
 
/* Closing password changer and reactivates body */
92
 
function cancelPasswordChange(){
93
 
        $('#passwordChanger').fadeOut(300);
94
 
        $('body *').animate({
95
 
        opacity:1}, 400);
96
 
        $('#changePassword')[0].reset();
97
 
}
98
 
 
99
 
 
100
 
/* Expand/Collapse courses in popout menu */
101
 
function expandCourses(){
102
 
        if(expandedCourses==0){
103
 
        $('#expandedCourses').stop(false, true).slideDown(300);
104
 
        expandedCourses=1;
105
 
        }
106
 
        else if(expandedCourses==1){
107
 
                $('#expandedCourses').stop(false, false).slideUp(300);  
108
 
                expandedCourses=0;
109
 
        }
110
 
}
111
 
 
 
5
 
 
6
        /* Makes the bannermenu scrollable horizontally but not vertically */
 
7
        $('#bannerBody').scrollToFixed();
 
8
 
 
9
        /* Sets the click-function for the usermenubutton */
 
10
        $('#bannerUserMenuButton').click(function(e){
 
11
                
 
12
                $.get('ajax/isLoggedIn', function(response) {
 
13
                        if(response == 'yes') {
 
14
                                // If the user is logged in and the usermenu-div is hidden it's shown.
 
15
                                if($('#dropdownUserMenu').is(':hidden')) {
 
16
                                        // TODO: Secure that the courseblock-div is hidden when the usermenu-div is oppened.
 
17
                                        /*
 
18
                                        if($('#dropdownMenuCourseBlock').is(':visible')) {
 
19
                                                $('#dropdownMenuCourseBlock').hide();
 
20
                                        }
 
21
                                        $('#dropdownUserMenu').load('bannermenu.php #dropdownUserMenu');
 
22
                                        */
 
23
                                        $('#dropdownUserMenu').show();
 
24
                                }
 
25
                                // If the user is logged in and the usermenu-div is shown it's hidden.
 
26
                                else {
 
27
                                        $('#dropdownUserMenu').hide();
 
28
                                }
 
29
                        }
 
30
                        else {
 
31
                                // If the user is not logged in and the popup-div is hidden it's filled and shown.
 
32
                                if($('#popup').is(':hidden')) {
 
33
                                        $('#popup').load('ajax/popup/login', function(){
 
34
                                                $('#popup').show();
 
35
                                                $("#popup .hint").click(loginHint);
 
36
                                        });
 
37
                                }
 
38
                                // If the user is not logged in and the popup-div shows it's hidden.
 
39
                                else {
 
40
                                        $('#popup').hide();
 
41
                                }
 
42
                        }
 
43
                });
 
44
                
 
45
        });
 
46
        
 
47
        // TODO: Refresh the div with it's php before show.
 
48
        /* Expand and collapse courses in dropdown menu */
 
49
        $('#dropdownMenuExpandCourses').click(function(){
 
50
        
 
51
                // If the course block is collapsed it's expanded.
 
52
                if($('#dropdownMenuCourseBlock').is(':hidden')) {
 
53
                        $('#dropdownMenuCourseBlock').show();
 
54
                }
 
55
                // If the course block is expanded it's collapsed .
 
56
                else {
 
57
                        $('#dropdownMenuCourseBlock').hide();
 
58
                }
 
59
 
 
60
        });
 
61
});
 
 
b'\\ No newline at end of file'