a750b77b7091f7115c477218caa3096d22a2ae15
[redakcja.git] / redakcja / static / js / catalogue / catalogue.js
1 (function($) {
2     $(function() {
3
4
5         $('.filter').change(function() {
6             document.filter[this.name].value = this.value;
7             document.filter.submit();
8         });
9
10         $('.check-filter').change(function() {
11             document.filter[this.name].value = this.checked ? '1' : '';
12             document.filter.submit();
13         });
14
15         $('.text-filter').each(function() {
16             var inp = this;
17             $(inp).parent().submit(function() {
18                 document.filter[inp.name].value = inp.value;
19                 document.filter.submit();
20                 return false;
21             });
22         });
23
24
25         $('.autoslug-source').change(function() {
26             $('.autoslug').attr('value', slugify(this.value));
27         });
28
29
30         var nowTemp = new Date();
31         var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
32
33         $('.datepicker-field').each(function() {
34             var checkout = $(this).datepicker({
35                 format: 'yyyy-mm-dd',
36                 weekStart: 1,
37                 onRender: function(date) {
38                     return date.valueOf() < now.valueOf() ? 'disabled' : '';
39                 }
40             }).on('changeDate', function() {
41                 checkout.hide();
42             }).data('datepicker');
43         });
44
45
46         $("select").change(function() {
47             var helpdiv = $(this).next();
48             if (helpdiv.hasClass('help-text')) {
49                 var helptext = $("option:selected", this).attr('data-help');
50                 helpdiv.html(helptext || '');
51             }
52         });
53
54         $('.chosen-select').chosen().each(function() {
55             var widget = $(this.nextSibling), $t = $(this);
56             $.each($.merge([], this.attributes), function() {
57                 if (this.name.substr(0, 5) === 'data-') {
58                     $t.removeAttr(this.name);
59                     widget.attr(this.name, this.value);
60                 }
61             });
62         });
63
64
65
66         // tutorial mode
67         var tutorial, tutorial_no;
68         var start;
69
70         var first_reset = true;
71         function tutreset() {
72             if (start) $(start).popover('hide');
73             start = null;
74             tutorial_no = null;
75             var all_tutorial = $('[data-toggle="tutorial"]');
76
77             function sortKey(a) {
78                 return parseInt($(a).attr('data-tutorial'));
79             }
80             tutorial = $.makeArray(all_tutorial.sort(
81                 function(a, b) {return sortKey(a) < sortKey(b) ? -1 : 1}
82             ));
83
84             if (first_reset) {
85                 $.each(tutorial, function(i, e) {
86                     var but = (i < tutorial.length - 1) ? '>>' : 'OK',
87                         but_prev_html = i === 0 ? '' : '<a class="btn btn-default tutorial-prev" href="#-" id="pv'+i+'">&lt;&lt;</a></div></div>';
88                     $(e).popover({
89                         title: '<a class="btn btn-default tutorial-off" href="#-" id="tutoff'+i+'" style="float:right; padding:0 8px 4px 8px; position:relative; top:-6px; right:-10px;">&times;</a>Tutorial',
90                         trigger: 'focus',
91                         html: 'true',
92                         template: '<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div><div><a style="float:right" class="btn btn-default tutorial-next" href="#-" id="nt'+i+'">' + but + '</a>' + but_prev_html + '</div></div>'
93                     });
94                     $(e).popover('disable');
95                 });
96                 first_reset = false;
97             }
98         }
99         
100         function tuton() {
101             sessionStorage.setItem("tutorial", "on");
102             tutreset();
103             var $tutModal = $('#tutModal');
104             if($tutModal.length === 0) {
105                 tutnext();
106             } else {
107                 $tutModal.modal('show');
108             }
109             return false;
110         }
111         function tutoff() {
112             $(this).popover('hide');
113             if (start) $(start).popover('hide');
114             start = null;
115             sessionStorage.removeItem("tutorial");
116             $('[data-toggle="tutorial"]').popover('disable');
117             return false;
118         }
119         function tut(next) {
120             if (start) {
121                 $(start).popover('hide').popover('disable');
122             }
123             if (tutorial_no === null)
124                 tutorial_no = 0;
125             else if (next)
126                 tutorial_no++;
127             else
128                 tutorial_no--;
129             if (tutorial_no < tutorial.length && tutorial_no >= 0) {
130                 start = tutorial[tutorial_no];
131                 $(start).popover('enable').popover('show');
132             }
133             else {
134                 tutorial_no = null;
135                 start = null;
136             }
137             return false;
138         }
139         function tutnext() {
140             tut(true);
141         }
142         function tutprev() {
143             tut(false);
144         }
145         $('#tutModal').on('hidden.bs.modal', tutnext);
146
147         if (sessionStorage.getItem("tutorial") === "on" && $('#tuton').length === 0) {
148             tutreset();
149             tutnext();
150         }
151         $(document).on('click', '#tuton', tuton);
152         $(document).on('click', '.tutorial-off', tutoff);
153         $(document).on('click', '.tutorial-next', tutnext);
154         $(document).on('click', '.tutorial-prev', tutprev);
155     });
156 })(jQuery);
157