/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: a11vikob
  • Date: 2013-04-03 11:35:07 UTC
  • mto: (9.2.1 lenasys)
  • mto: This revision was merged to the branch mainline in revision 11.
  • Revision ID: a11vikob@student.his.se-20130403113507-w8m3901vfe7opsqu
Added variable for svg-file directory

Show diffs side-by-side

added added

removed removed

Lines of Context:
codeigniter/js/bannermenu.js
1
 
/* TODO: cHANGE THIS FILE ENTIRELY!!! CHANGE CALLED ID'S AND CLASSES */
2
 
 
3
 
/* TODO: Do I need these? */
4
 
/* Global variables */
5
 
var popoutMenu=0;
6
 
var expandedCourses=0;
7
 
 
8
 
/* Functions that run when the page loads */
9
 
$(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