]> jaekl.net Git - quanweb.git/blob - js/src/SearchController.js
0f131945bacbf56f2ac59cdcc1db7a96262590b7
[quanweb.git] / js / src / SearchController.js
1 // ================
2 // SearchController
3
4 var SearchController = (function () {
5     var my = {},
6         booksModel = undefined;
7
8     const terms = ['aut', 'tit', 'ser'];
9
10     // ==============
11     // Public methods
12     
13     my.init = function(linkedBooksModel) {
14         booksModel = linkedBooksModel;
15         
16         for (var idx in terms) {
17             addEnterListener(terms[idx]);
18         }
19     };
20     
21     my.onSearch = function() {
22         var url = constructSearchUrl();
23
24         fetch(url, {method:'GET', cache:'default'})
25             .then(function(response) {return response.json();})
26             .then(function(jsonValue) {
27                 // console.log('JSON response:  ', jsonValue);
28                 booksModel.ids = jsonValue;
29                 booksModel.count = booksModel.ids.length;
30                 booksModel.first = (-1);
31         
32                 var elem = Browser.getElementById('slider');
33                 elem.max = booksModel.count;
34         
35                 PagingController.adjustPos(0);
36             })
37             .catch(function(err) { 
38                 var msg = 'Error fetching JSON from URL:  ' + url + ': ' + err + ':' + err.stack;
39                 console.log(msg);
40                 report(msg);
41             });
42     };
43
44     // ===============
45     // Private methods
46     
47     // KeyUp listener.  If the key is [Enter], then trigger a click on the [Search] button.
48     function addEnterListener(ctrlId) {
49         Browser.getElementById(ctrlId).addEventListener('keyup', function(event) {
50             event.preventDefault();
51             if (event.keyCode === 13) {
52                 Browser.getElementById('search').click();
53             }
54         });
55     }
56     
57     function constructSearchUrl() {
58         var url = window.location.protocol + '//' + window.location.host + '/search/';
59
60         var firstTime = true;
61
62         for (var idx in terms) {
63             var term = terms[idx];
64             var elem = Browser.getElementById(term);
65             if (null === elem) {
66                 console.log('Error:  could not find form element for search term "' + term + '".');
67                 continue;
68             }
69
70             var value = elem.value;
71             if (value.length > 0) {
72                 if (firstTime) {
73                     url += '?';
74                     firstTime = false;
75                 }
76                 else {
77                     url += '&';
78                 }
79                 url += term + '=' + encodeURIComponent('%' + value + '%');
80             }
81         }
82
83         return url;
84     }
85
86     return my;
87 })();