annotate foodtruck/assets/js/foodtruck.js @ 620:c2708f20a87b

admin: Make the sidebar togglable for smaller screens.
author Ludovic Chabant <ludovic@chabant.com>
date Sat, 06 Feb 2016 21:49:50 -0800
parents ccd328d0881f
children c1a94e1beb9d
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
587
d4a01a023998 admin: Add "FoodTruck" admin panel from the side experiment project.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
1
d4a01a023998 admin: Add "FoodTruck" admin panel from the side experiment project.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
2 $(document).ready(function() {
620
c2708f20a87b admin: Make the sidebar togglable for smaller screens.
Ludovic Chabant <ludovic@chabant.com>
parents: 616
diff changeset
3 $('.ft-nav-toggle').click(function() {
c2708f20a87b admin: Make the sidebar togglable for smaller screens.
Ludovic Chabant <ludovic@chabant.com>
parents: 616
diff changeset
4 $('.ft-nav-container').toggleClass('ft-nav-enabled');
c2708f20a87b admin: Make the sidebar togglable for smaller screens.
Ludovic Chabant <ludovic@chabant.com>
parents: 616
diff changeset
5 $('.ft-nav').toggleClass('ft-nav-enabled');
c2708f20a87b admin: Make the sidebar togglable for smaller screens.
Ludovic Chabant <ludovic@chabant.com>
parents: 616
diff changeset
6 });
c2708f20a87b admin: Make the sidebar togglable for smaller screens.
Ludovic Chabant <ludovic@chabant.com>
parents: 616
diff changeset
7
587
d4a01a023998 admin: Add "FoodTruck" admin panel from the side experiment project.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
8 $('.ft-nav-collapsed + ul').hide();
607
c67dcc0fa80f admin: Prompt the user for a commit message when committing a page.
Ludovic Chabant <ludovic@chabant.com>
parents: 602
diff changeset
9
c67dcc0fa80f admin: Prompt the user for a commit message when committing a page.
Ludovic Chabant <ludovic@chabant.com>
parents: 602
diff changeset
10 $('#ft-commit-modal').on('shown.bs.modal', function () {
c67dcc0fa80f admin: Prompt the user for a commit message when committing a page.
Ludovic Chabant <ludovic@chabant.com>
parents: 602
diff changeset
11 $('#ft-commit-msg').focus();
c67dcc0fa80f admin: Prompt the user for a commit message when committing a page.
Ludovic Chabant <ludovic@chabant.com>
parents: 602
diff changeset
12 });
615
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
13
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
14 var publogEl = $('#ft-publog');
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
15 publogEl.mouseenter(function() {
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
16 publogEl.attr('data-autohide', 'false');
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
17 });
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
18 publogEl.on('hide', function() {
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
19 var containerEl = $('#ft-publog-container', publogEl);
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
20 containerEl.empty();
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
21 });
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
22
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
23 var closePublogBtn = $('button', publogEl);
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
24 closePublogBtn.on('click', function() {
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
25 publogEl.fadeOut(200);
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
26 });
587
d4a01a023998 admin: Add "FoodTruck" admin panel from the side experiment project.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
27 });
d4a01a023998 admin: Add "FoodTruck" admin panel from the side experiment project.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
28
602
c6bc0ef03f82 admin: Better UI for publishing websites.
Ludovic Chabant <ludovic@chabant.com>
parents: 587
diff changeset
29 var onPublishEvent = function(e) {
c6bc0ef03f82 admin: Better UI for publishing websites.
Ludovic Chabant <ludovic@chabant.com>
parents: 587
diff changeset
30
615
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
31 var publogEl = $('#ft-publog');
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
32 var containerEl = $('#ft-publog-container', publogEl);
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
33
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
34 var msgEl = $('<div>' + e.data + '</div>');
602
c6bc0ef03f82 admin: Better UI for publishing websites.
Ludovic Chabant <ludovic@chabant.com>
parents: 587
diff changeset
35 var removeMsgEl = function() {
c6bc0ef03f82 admin: Better UI for publishing websites.
Ludovic Chabant <ludovic@chabant.com>
parents: 587
diff changeset
36 msgEl.remove();
615
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
37 if (containerEl.children().length == 0) {
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
38 // Last message, hide the log window.
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
39 publogEl.fadeOut(200);
602
c6bc0ef03f82 admin: Better UI for publishing websites.
Ludovic Chabant <ludovic@chabant.com>
parents: 587
diff changeset
40 }
c6bc0ef03f82 admin: Better UI for publishing websites.
Ludovic Chabant <ludovic@chabant.com>
parents: 587
diff changeset
41 };
c6bc0ef03f82 admin: Better UI for publishing websites.
Ludovic Chabant <ludovic@chabant.com>
parents: 587
diff changeset
42 var timeoutId = window.setTimeout(function() {
615
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
43 if (publogEl.attr('data-autohide') == 'true') {
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
44 msgEl.fadeOut(400, removeMsgEl);
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
45 }
602
c6bc0ef03f82 admin: Better UI for publishing websites.
Ludovic Chabant <ludovic@chabant.com>
parents: 587
diff changeset
46 }, 4000);
c6bc0ef03f82 admin: Better UI for publishing websites.
Ludovic Chabant <ludovic@chabant.com>
parents: 587
diff changeset
47
615
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
48 if (containerEl.children().length == 0) {
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
49 // First message, show the log window, reset the mouseover marker.
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
50 publogEl.attr('data-autohide', 'true');
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
51 publogEl.fadeIn(200);
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
52 }
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
53 containerEl.append(msgEl);
602
c6bc0ef03f82 admin: Better UI for publishing websites.
Ludovic Chabant <ludovic@chabant.com>
parents: 587
diff changeset
54 };
c6bc0ef03f82 admin: Better UI for publishing websites.
Ludovic Chabant <ludovic@chabant.com>
parents: 587
diff changeset
55
587
d4a01a023998 admin: Add "FoodTruck" admin panel from the side experiment project.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
56 if (!!window.EventSource) {
602
c6bc0ef03f82 admin: Better UI for publishing websites.
Ludovic Chabant <ludovic@chabant.com>
parents: 587
diff changeset
57 var source = new EventSource('/publish-log');
587
d4a01a023998 admin: Add "FoodTruck" admin panel from the side experiment project.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
58 source.onerror = function(e) {
d4a01a023998 admin: Add "FoodTruck" admin panel from the side experiment project.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
59 console.log("Error with SSE, closing.", e);
d4a01a023998 admin: Add "FoodTruck" admin panel from the side experiment project.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
60 source.close();
d4a01a023998 admin: Add "FoodTruck" admin panel from the side experiment project.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
61 };
602
c6bc0ef03f82 admin: Better UI for publishing websites.
Ludovic Chabant <ludovic@chabant.com>
parents: 587
diff changeset
62 source.addEventListener('message', onPublishEvent);
587
d4a01a023998 admin: Add "FoodTruck" admin panel from the side experiment project.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
63 }
d4a01a023998 admin: Add "FoodTruck" admin panel from the side experiment project.
Ludovic Chabant <ludovic@chabant.com>
parents:
diff changeset
64
615
cbb170d9c894 admin: Improve publish logs showing as alerts in the admin panel.
Ludovic Chabant <ludovic@chabant.com>
parents: 607
diff changeset
65