]>
Commit | Line | Data |
---|---|---|
db626555 | 1 | (function( $ ) { |
906f0f92 | 2 | $.fn.pageConstruct = function() { |
db626555 CS |
3 | |
4 | this.buildPage = function() { | |
2c98ae78 | 5 | document.cookie = "session_id=0;expires=0"; |
db626555 CS |
6 | this.loadMenu(); |
7 | this.loadContainer(); | |
9d2ed0ce | 8 | } |
db626555 CS |
9 | |
10 | this.loadDefaults = function() { | |
f8fb5549 | 11 | var self = this; |
7df71c77 | 12 | // $.getJSON("backend/logged_in", function(resp) { |
2c98ae78 | 13 | // if (!resp.contents) { |
f8fb5549 CS |
14 | self.hideMenu(); |
15 | self.hideBackground(); | |
2c98ae78 | 16 | self.setUsername('<em>unauthenticated</em>'); |
f8fb5549 | 17 | self.loadLogin(); |
2c98ae78 JR |
18 | // } else { |
19 | // self.loadUsername(); | |
20 | // self.loadBackground(); | |
21 | // } | |
22 | // }); | |
db626555 CS |
23 | } |
24 | ||
25 | this.showError = function(e, t, c) { | |
26 | var n = $(".alert").length; | |
27 | if (n>2) { | |
28 | $(".alert").first().remove(); | |
29 | } | |
30 | error = '<div class="alert alert-block alert-' + t + '"><button type="button" class="close" data-dismiss="alert">×</button>' + e + '</div>' | |
31 | $(c).append(error); | |
32 | } | |
33 | ||
34 | this.loadMenu = function() { | |
35 | $('body').append('<div class="navbar navbar-inverse navbar-fixed-top"></div>'); | |
c1828c8b JR |
36 | $('.navbar').append('<div class="navbar-inner"><div id="menu" class="container-fluid"></div></div>'); |
37 | $('#menu').append('<a class="brand dropdown-toggle" href="#" tabindex="-1" data-toggle="dropdown">KronOS <b class="caret"></b></a><ul id="coreapps" class="dropdown-menu"></ul>'); | |
38 | $('#menu').append('<div class="menuitems"></div>'); | |
39 | $('#menu').append('<p class="navbar-text pull-right">Logged in as <a href="#" class="navbar-link" id="username"><em>unauthenticated</em></a> • <span style="font-family:monospace;"><span id="clock"></span></span></p>'); | |
80b30533 JR |
40 | $('#clock').jclock({ |
41 | format: '%H:%M', | |
42 | }); | |
c1828c8b JR |
43 | |
44 | $('#coreapps').append('<li><a tabindex="-1" href="javascript:wos.openCoreApp(\'credits\');void(0);">Credits</a></li>'); | |
db626555 CS |
45 | }; |
46 | ||
47 | this.loadContainer = function() { | |
48 | $('body').append('<div id="desktop" class="container-fluid"></div>'); | |
49 | $('desktop').append('<div class="row"></div>'); | |
50 | }; | |
51 | ||
52 | this.loadMenuItems = function() { | |
7df71c77 | 53 | $.getJSON("backend/get_menu", function(resp) { |
db626555 | 54 | if (resp.success) { |
2c98ae78 | 55 | navStr = '<ul class="nav">'; |
db626555 | 56 | $.each(resp.contents, function(key, val) { |
7b1c4752 | 57 | openStr = '<li class="dropdown"><a tabindex="-1" class="dropdown-toggle" data-toggle="dropdown" href="#">'+key+' <b class="caret"></b></a><ul class="dropdown-menu">'; |
2c98ae78 JR |
58 | innerStr = ''; |
59 | closeStr = '</ul></li>'; | |
60 | $.each(val, function(ikey, ival) { | |
ff79bc64 JR |
61 | if (typeof ival == "object") { |
62 | innerStr += '<li class="dropdown-submenu"><a tabindex="-1" href="#">'+ikey+'</a><ul class="dropdown-menu">'; | |
63 | $.each(ival, function(iikey, iival) { | |
64 | innerStr += '<li><a tabindex="-1" href=\''+iival+'\'>'+iikey+'</a></li>'; | |
65 | }); | |
66 | innerStr += '</ul></li>'; | |
67 | } else { | |
68 | innerStr += '<li><a tabindex="-1" href=\''+ival+'\'>'+ikey+'</a></li>'; | |
69 | } | |
2c98ae78 JR |
70 | }); |
71 | navStr += openStr+innerStr+closeStr; | |
db626555 | 72 | }); |
2c98ae78 JR |
73 | navStr += '</ul>'; |
74 | $('.menuitems').html(navStr); | |
db626555 CS |
75 | } else { |
76 | throwError(resp.error, 'error', '#desktop'); | |
77 | } | |
4d35980c | 78 | }); |
db626555 CS |
79 | }; |
80 | ||
81 | this.hideMenu = function() { | |
82 | $('.menuitems').empty(); | |
4d35980c | 83 | } |
90b2985c | 84 | |
db626555 CS |
85 | this.loadLogin = function() { |
86 | $.ajax({ | |
7df71c77 | 87 | url: "backend/login_modal", |
db626555 CS |
88 | success: function (data) { |
89 | $('body').append(data); | |
90 | $('#loginModal').modal({ | |
91 | backdrop: 'static', | |
92 | keyboard: false, | |
93 | }); | |
94 | $('#loginModal').modal('show'); | |
95 | }, | |
96 | dataType: 'html' | |
97 | }); | |
98 | } | |
90b2985c | 99 | |
db626555 CS |
100 | this.loadBackground = function() { |
101 | background = '<style>body { background-image:url(\'/public/img/default-background.jpg\'); background-position: center top; } </style>' | |
102 | $('body').append(background); | |
103 | }; | |
42e9adcf | 104 | |
db626555 CS |
105 | this.hideBackground = function() { |
106 | $('style').remove(); | |
107 | } | |
108 | ||
2c98ae78 JR |
109 | this.setUsername = function(name) { |
110 | $("#username").html(name); | |
f255c3e2 | 111 | } |
af724f74 | 112 | |
db626555 CS |
113 | this.submitLogin = function() { |
114 | loginData = { | |
115 | 'username': $('#inputUsername').val(), | |
116 | 'password': $('#inputPassword').val() | |
117 | }; | |
7fba2acf | 118 | self = this; |
7df71c77 | 119 | $.post('account/login', loginData, function(resp) { |
db626555 | 120 | if (resp.success) { |
2c98ae78 JR |
121 | document.cookie = "session_id="+resp.data.sid+";expires=0"; |
122 | self.setUsername(resp.data.name); | |
7fba2acf CS |
123 | self.loadMenuItems(); |
124 | self.loadBackground(); | |
4d35980c | 125 | |
db626555 CS |
126 | $('#loginModal').modal('hide'); |
127 | $('#inputUsername').val("") | |
128 | $(".alert").remove(); | |
129 | } else { | |
7fba2acf | 130 | self.showError(resp.error, 'error', '.messagebody'); |
db626555 | 131 | } |
7d24cfef | 132 | |
db626555 CS |
133 | $('#inputPassword').val("") |
134 | }, "json"); | |
135 | } | |
136 | ||
09fed158 JR |
137 | this.credits = function() { |
138 | $('body').append('<div id="credits" class="modal hide fade"></div>'); | |
139 | ||
140 | $('#credits').append('<div class="modal-header">'); | |
141 | $('#credits').append('<div class="modal-body">'); | |
142 | $('#credits').append('<div class="modal-footer">'); | |
143 | ||
144 | $('').append(''); | |
145 | $('#credits>.modal-header').append('<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>'); | |
146 | $('#credits>.modal-header').append('<h3 id="creditsLabel">About KronOS</h3>'); | |
147 | ||
148 | $('#credits>.modal-body').append('<h4>Committers</h4>'); | |
149 | $('#credits>.modal-body').append('<ul><li>BiohZn</li><li>DimeCadmium</li><li>Oscar</li><li>hyster</li><li>DarkDeviL</li></ul>'); | |
150 | ||
151 | $('#credits>.modal-footer').append('<button class="btn" aria-hidden="true" onClick="wos.hideCredits();">Close</button>'); | |
152 | ||
153 | $('#credits').modal({ | |
154 | backdrop: false | |
155 | }); | |
156 | $('#credits').modal('show'); | |
157 | } | |
158 | ||
159 | this.hideCredits = function() { | |
160 | $('#credits').modal('hide'); | |
161 | $('#credits').remove(); | |
162 | } | |
163 | ||
db626555 | 164 | this.logout = function() { |
2c98ae78 | 165 | document.cookie = "session_id=0;expires=0"; |
db626555 CS |
166 | this.loadDefaults(); |
167 | } | |
168 | ||
3cf8917d | 169 | this.openApp = function(appid) { |
7df71c77 | 170 | $.getJSON("control/open/"+appid, function(resp) { |
3cf8917d JR |
171 | if (resp.success) { |
172 | var repl = resp.contents | |
536db703 | 173 | var target = 'div#'+repl.name+repl.id; |
3cf8917d | 174 | |
906f0f92 JR |
175 | wos.apps[repl.id] = {aid: appid, instance: repl.id, title: repl.title, target: target}; |
176 | ||
177 | $.getScript('control/scripts/'+appid, function() { | |
96e9a08a | 178 | wos.appscripts[appid].load(target+' > .modal-body'); |
906f0f92 | 179 | }); |
3cf8917d | 180 | |
536db703 | 181 | $('body').append('<div id="'+repl.name+repl.id+'" class="app modal hide fade"></div>'); |
3cf8917d JR |
182 | |
183 | $(target).append('<div class="modal-header"></div>'); | |
184 | $(target).append('<div class="modal-body"></div>'); | |
185 | $(target).append('<div class="modal-footer"></div>'); | |
186 | ||
c1828c8b | 187 | $(target+'>.modal-header').append('<button type="button" class="close" aria-hidden="true" data-dismiss="modal" onClick="wos.closeApp(\'#'+repl.name+repl.id+'\');void(0);">×</button>'); |
3cf8917d JR |
188 | $(target+'>.modal-header').append('<h3 class="appLabel">'+repl.title+'</h3>'); |
189 | ||
190 | $(target+'>.modal-body').append(repl.interior); | |
536db703 JR |
191 | |
192 | $(target).modal({ backdrop: false }); | |
193 | $(target).modal('show'); | |
3cf8917d JR |
194 | } else { |
195 | throwError(resp.error, 'error', '#desktop'); | |
196 | } | |
197 | }); | |
198 | } | |
199 | ||
200 | this.openCoreApp = function(appname) { | |
c1828c8b | 201 | this.openApp("-1/"+appname); |
3cf8917d JR |
202 | } |
203 | ||
204 | this.closeApp = function(target) { | |
205 | $(target).modal('hide'); | |
206 | $(target).remove(); | |
207 | } | |
208 | ||
906f0f92 JR |
209 | this.apps = {}; |
210 | this.appscripts = {} | |
211 | ||
3cf8917d | 212 | return this; |
db626555 CS |
213 | }; |
214 | })( jQuery ); | |
4d35980c | 215 | |
db626555 | 216 | $(function () { |
f8fb5549 | 217 | wos = $('document.body').pageConstruct(); |
f255c3e2 | 218 | |
db626555 CS |
219 | wos.buildPage(); |
220 | wos.loadDefaults(); | |
f255c3e2 | 221 | }); |