/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: elof.bigestans at gmail
  • Date: 2013-05-24 10:00:47 UTC
  • mto: This revision was merged to the branch mainline in revision 95.
  • Revision ID: elof.bigestans@gmail.com-20130524100047-bqgk67s2g9o3l85x
Solved some bugs in ManageCourses and related files (CSS, JS, View, Controller)

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