' + 14 | ' ' + 15 | ' ' + 16 | '
' + 17 | ' ' + 18 | ' ' + 19 | ' ' + 20 | '
';
16 | } else if (url.indexOf('http://creativecommons.org/publicdomain/zero/1.0') == 0) {
17 | return '
';
18 | } else if (url.indexOf('http://creativecommons.org/licenses/by-nc') == 0) {
19 | return '
';
20 | } else {
21 | return '' + url + '';
22 | }
23 | };
24 |
25 | util.formatGazetteerURI = function(uri) {
26 | if (uri.indexOf('http://pleiades.stoa.org/places/') > -1) {
27 | return 'pleiades:' + uri.substr(32);
28 | } else if (uri.indexOf('http://dare.ht.lu.se/places/') > -1) {
29 | return 'dare:' + uri.substr(28);
30 | } else if (uri.indexOf('http://gazetteer.dainst.org/place/') > -1) {
31 | return 'dai:' + uri.substr(34);
32 | } else if (uri.indexOf('http://sws.geonames.org/') > -1) {
33 | return 'geonames:' + uri.substr(24);
34 | } else if (uri.indexOf('http://vici.org/vici') > -1) {
35 | return 'vici:' + uri.substr(21);
36 | } else if (uri.indexOf('http://www.trismegistos.org/place/') > -1) {
37 | return 'trismegistos:' + uri.substr(34);
38 | } else if (uri.indexOf('http://nomisma.org/') > -1) {
39 | return 'nomisma:' + uri.substr(22);
40 | } else if (uri.indexOf('http://data.pastplace.org') > -1) {
41 | return 'pastplace:' + uri.substr(35);
42 | } else if (uri.indexOf('http://www.wikidata.org/entity') > -1) {
43 | return 'wikidata:' + uri.substr(32);
44 | } else {
45 | return uri;
46 | }
47 | };
48 |
49 | /** From http://www.samaxes.com/2011/09/change-url-parameters-with-jquery/ **/
50 | util.buildPageRequestURL = function(offset, limit) {
51 | var queryParameters = {},
52 | queryString = location.search.substring(1).replace(/\+/g, ' '),
53 | re = /([^&=]+)=([^&]*)/g,
54 | m;
55 |
56 | while (m = re.exec(queryString)) {
57 | queryParameters[decodeURIComponent(m[1])] = decodeURIComponent(m[2]);
58 | }
59 |
60 | queryParameters['offset'] = offset;
61 | queryParameters['limit'] = limit;
62 |
63 | return $.param(queryParameters);
64 | };
65 |
--------------------------------------------------------------------------------
/app/assets/javascripts/peripleo-ui.js:
--------------------------------------------------------------------------------
1 | require(['peripleo-ui/controls/settings/settingsEditor',
2 | 'peripleo-ui/controls/resultList',
3 | 'peripleo-ui/controls/searchPanel',
4 | 'peripleo-ui/controls/toolbar',
5 | 'peripleo-ui/events/events',
6 | 'peripleo-ui/events/eventBroker',
7 | 'peripleo-ui/events/lifecycleWatcher',
8 | 'peripleo-ui/map/map',
9 | 'peripleo-ui/api',
10 | 'peripleo-ui/urlBar'], function(SettingsEditor, ResultList, SearchPanel, Toolbar, Events, EventBroker, LifeCycleWatcher, Map, API, URLBar) {
11 |
12 | jQuery(document).ready(function() {
13 | /** DOM element shorthands **/
14 | var mapDIV = document.getElementById('map'),
15 | controlsDIV = jQuery('#controls'),
16 | toolbarDIV = jQuery('#toolbar'),
17 |
18 | /** Top-level components **/
19 | eventBroker = new EventBroker(),
20 | lifeCycleWatcher = new LifeCycleWatcher(eventBroker),
21 | urlBar = new URLBar(eventBroker),
22 | api = new API(eventBroker),
23 | map = new Map(mapDIV, eventBroker),
24 | toolbar = new Toolbar(toolbarDIV, eventBroker),
25 | searchPanel = new SearchPanel(controlsDIV, eventBroker),
26 | resultList = new ResultList(controlsDIV, eventBroker),
27 | settingsEditor = new SettingsEditor(eventBroker),
28 |
29 | /** Resolve the URL bar **/
30 | initialSettings = urlBar.parseURLHash(window.location.hash),
31 |
32 | /** Is there an initially selected place? Fetch it now! **/
33 | fetchInitiallySelectedPlace = function(encodedURL, zoomTo) {
34 | jQuery.getJSON('/peripleo/places/' + encodedURL, function(response) {
35 | eventBroker.fireEvent(Events.SELECT_RESULT, [ response ]);
36 | if (zoomTo)
37 | map.zoomTo(response.geo_bounds);
38 | });
39 | },
40 |
41 | /** Is there an initial query phrase? Fetch the results now **/
42 | runInitialQuery = function(query) {
43 | eventBroker.fireEvent(Events.SEARCH_CHANGED, { query: query });
44 | },
45 |
46 | /** Initializes map center and zoom **/
47 | initializeMap = function(at) {
48 | map.setView([ at.lat, at.lng ], at.zoom);
49 | };
50 |
51 | eventBroker.fireEvent(Events.LOAD, initialSettings);
52 |
53 | if (initialSettings.at)
54 | initializeMap(initialSettings.at);
55 |
56 | if (initialSettings.query)
57 | runInitialQuery(initialSettings.query);
58 |
59 | if (initialSettings.places)
60 | fetchInitiallySelectedPlace(initialSettings.places, !initialSettings.hasOwnProperty('at'));
61 |
62 | if (initialSettings.ex)
63 | eventBroker.fireEvent(Events.START_EXPLORATION);
64 |
65 | delete initialSettings.at;
66 | });
67 |
68 | });
69 |
--------------------------------------------------------------------------------
/app/assets/javascripts/peripleo-ui/controls/autoSuggest.js:
--------------------------------------------------------------------------------
1 | define(function() {
2 |
3 | var AutoSuggest = function(form, input) {
4 | input.typeahead({
5 | hint: false,
6 | highlight: true,
7 | minLength: 1
8 | },{
9 | displayKey: 'val',
10 | source: function(query, callback) {
11 | jQuery.getJSON('/peripleo/autocomplete?q=' + query, function(results) {
12 | callback(results);
13 | });
14 | }
15 | });
16 |
17 | input.on('typeahead:selected', function(e) {
18 | form.submit();
19 | });
20 |
21 |
22 | this.clear = function() {
23 | input.typeahead('val','');
24 | };
25 | };
26 |
27 | return AutoSuggest;
28 |
29 | });
30 |
--------------------------------------------------------------------------------
/app/assets/javascripts/peripleo-ui/controls/selection/selectedItem.js:
--------------------------------------------------------------------------------
1 | define(['common/formatting',
2 | 'peripleo-ui/controls/selection/selectionInfo',
3 | 'peripleo-ui/events/events'], function(Formatting, SelectionInfo, Events) {
4 |
5 | var SLIDE_DURATION = 180;
6 |
7 | var SelectedItem = function(container, eventBroker) {
8 | var self = this,
9 |
10 | content = jQuery(
11 | '' + 14 | ' ' + 15 | ' ' + 16 | '
' + 17 | ' ' + 18 | ' ' + 19 | ' ' + 20 | '' + 14 | ' ' + 15 | ' ' + 16 | '
' + 17 | ' ' + 18 | ' ' + 19 | '