1 files changed, 323 insertions, 0 deletions

diff --git a/main/survey/js/Maps/MapDeclaration.js b/main/survey/js/Maps/MapDeclaration.js
new file mode 100644
index 0000000..7ca8a7f
--- /dev/null
+++ b/main/survey/js/Maps/MapDeclaration.js
@@ -0,0 +1,323 @@
+// Author: Uroš Podkrižnik (1.7.2016)

+// Tip vprasanja = 26

+

+//DECLARATION

+

+//GLOBALNE SPREMENLJIVKE ZA VSE SPREMENLJIVKE TIP 26 NA ENI STRANI

+//mej/okvira prikaza na zemljevidu objekt za vsako spremenljivko

+var bounds = {},

+        //objekt stevila vseh markerjev za vsako spremenljivk posebej

+        st_markerjev = {},

+        //object of number of shapes and ID of last shape for every variable ({spr_id: {'count': 5, 'last_id': 9}, ...})

+        //'last_id' is not fully reliable as it is used for shapes colours 

+        //      -> to make it reliable, method must be creaed to store all id's and removing last id at shame removal

+        st_shapes = {},

+        //infowindow iz API-ja, za prikaz markerja in informacije o markerju

+        infowindow,

+        //array id-jev spremenljivk, ki so tipa moja lokacija (max 1 marker)

+        ml_sprem = [],

+        //array id-jev spremenljivk, ki imajo F user location

+        usrLoc_sprem = [],

+        geocoder,

+        //ce je true, se do skript dostopa iz podatkov, analiz

+        //v primeru, ko se gre za resevanje mora vedno biti false

+        viewMode = false,

+        //objekt id spremenljivka : boolean, kjer je true, ce spremenljivka

+        //uporablja F z podvprasanjem v infowindow markerja

+        podvprasanje = {},

+        //objekt id spremenljivka : string, kjer je naslov podvprasanja, ce

+        //uporablja F z podvprasanjem v infowindow markerja

+        podvprasanje_naslov = {},

+        //objekt id spremenljivka : int, kjer je int stevilo max 

+        //dovoljenih markerjev na mapi

+        max_mark = {},

+        //objekt vseh markerjev na strani (respondetn ali branching) {spr_id:[markers array]}

+        allMarkers = {},

+        //objekt id spremenljivka : marker

+        //potrebujejo ga samo spremenljivke tipa moja lokacija (max 1 marker)

+        //uporablja se za brisanje prejsnjega markerja na mapi

+        mlmarker = {},

+        //colors for shapes - polylines and polgons

+        mapShapeColors = ['c0504d', '4f81bd', '9bbb59', '8064a2', '4bacc6', 'f79646', '92a9cf', '8c0000', 'f00800', 'ff8a82', 'f2c4c8', '0b0387', '0400fc', '9794f2'],

+        deleteMenu;

+

+function mapsAPIseNi(MapDeclaration) {

+    //prveri, ce je element skripte APIja ze kreiran

+    var google_api = document.getElementById("google_api");

+    //ce je ze kreiran, dodaj funkcijo v onload (da se mapa kreira, ko se api dokoncno naloada)

+    if (google_api) {

+        //element z apijem ze obstaja, se pravi da se se loada

+        //deklariraj funkcijo za onload

+        var addFunctionOnLoad = function (callback) {

+            if (google_api.addEventListener) {

+                google_api.addEventListener('load', callback, false);

+            } else {

+                google_api.attachEvent('onload', callback);

+            }

+        };

+        //dodaj funkcijo v onload

+        addFunctionOnLoad(MapDeclaration);

+    }

+    //ce element skripte za API se ne obstaja, jo nalozi

+    else

+        loadGoogleMapsScript(function () {

+            MapDeclaration();

+            initializeDeleteMenu();

+        });

+}

+

+//includaj oz. nalozi skripno google APIja ter nastavi mapo

+function loadGoogleMapsScript(callback)

+{

+    // Adding the script tag to the head as suggested before

+    var head = document.getElementsByTagName('head')[0];

+    var script = document.createElement('script');

+    script.type = 'text/javascript';

+    script.id = 'google_api';

+    script.src = "https://maps.googleapis.com/maps/api/js?key="+google_maps_API_key+"&libraries=places,drawing";

+

+    // Then bind the event to the callback function.

+    // There are several events for cross browser compatibility.

+    script.onreadystatechange = callback;

+    script.onload = callback;

+

+    // Fire the loading

+    head.appendChild(script);

+}

+

+/**

+ * Used for clearing a map of polyline or polygon

+ * @param {type} controlDiv - div to put in custom settings - buttons

+ * @returns {div element} element of a control

+ */

+function drawingControl(controlDiv) {

+

+    controlDiv.style.padding = '10px';

+

+    // Set CSS for the control border.

+    var controlUI = document.createElement('div');

+    controlUI.style.backgroundColor = '#fff';

+    controlUI.style.border = '2px solid #fff';

+    controlUI.style.borderRadius = '3px';

+    controlUI.style.boxShadow = '0 2px 6px rgba(0,0,0,.3)';

+    controlUI.style.cursor = 'pointer';

+    controlUI.style.marginBottom = '22px';

+    controlUI.style.textAlign = 'center';

+    controlUI.style.display = 'inline-block';

+    controlUI.title = lang['srv_vprasanje_button_map_clear'];

+    controlDiv.appendChild(controlUI);

+

+    // Set CSS for the control interior.

+    var controlText = document.createElement('div');

+    controlText.style.color = 'rgb(25,25,25)';

+    controlText.style.fontFamily = 'Roboto,Arial,sans-serif';

+    controlText.style.fontSize = '16px';

+    controlText.style.lineHeight = '28px';

+    controlText.style.paddingLeft = '5px';

+    controlText.style.paddingRight = '5px';

+    controlText.innerHTML = lang['srv_vprasanje_button_map_clear'];

+    controlUI.appendChild(controlText);

+

+    return controlUI;

+}

+

+/**

+ * create bounds of all points of polygon/polyline

+ * @param {type} path gon.getPath()

+ * @param {int} spremenljivka - id spremenljivke

+ */

+function createBoundsFromPath(path, spremenljivka) {

+    var pathArray = path.getArray();

+    for (var i = 0, n = pathArray.length; i < n; i++) {

+        var latLng = pathArray[i];

+        bounds[spremenljivka].extend(latLng);

+    }

+}

+

+//pretvori lat in lng v en string

+//uporabi se kot kljuc markerja za ID iz objekta markers

+function getMarkerUniqueId(lat, lng, spr) {

+    var zdot = spr + '_' + lat + '_' + lng;

+    return zdot.split('.').join("-");

+}

+

+/**

+ * Find out if marker already exist on this variable whit this address

+ * @param {type} add - address to find if exist at some marker

+ * @param {type} spr - variable id

+ * @returns {type} - marker if exist, null otherwise

+ */

+function findMarkerFromAddress(add, spr) {

+    for (var i = 0; i < allMarkers[spr].length; i++) {

+        if (allMarkers[spr][i].address === add)

+            return allMarkers[spr][i];

+    }

+    return null;

+}

+

+////////////BRISANJE TOCK

+function initializeDeleteMenu() {

+    /**

+     * A menu that lets a user delete a selected vertex of a path.

+     * @constructor

+     */

+    function DeleteMenu() {

+        this.div_ = document.createElement('div');

+        this.div_.className = 'maps-delete-menu';

+        this.div_.innerHTML = lang['srv_vprasanje_delete_point_map'];

+

+        var menu = this;

+        google.maps.event.addDomListener(this.div_, 'click', function (e) {

+            //this prevents to trigger click event on map (klikNaMapo.js)

+            e.cancelBubble = true;

+            if (e.stopPropagation) e.stopPropagation(); 

+

+            //remove whole shape

+            if(menu.get('shape') && menu.get('vertex') == undefined && menu.get('marker') == undefined)

+                menu.removeShape();

+            //remove vertex in shape or marker

+            else

+                menu.removeVertex();

+        });

+    }

+    DeleteMenu.prototype = new google.maps.OverlayView();

+

+    DeleteMenu.prototype.onAdd = function () {

+        var deleteMenu = this;

+        var map = this.getMap();

+        this.getPanes().floatPane.appendChild(this.div_);

+

+        // mousedown anywhere on the map except on the menu div will close the

+        // menu.

+        this.divListener_ = google.maps.event.addDomListener(map.getDiv(), 'mousedown', function (e) {

+            if (e.target != deleteMenu.div_) {

+                deleteMenu.close();

+            }

+        }, true);

+    };

+

+    DeleteMenu.prototype.onRemove = function () {

+        google.maps.event.removeListener(this.divListener_);

+        this.div_.parentNode.removeChild(this.div_);

+

+        // clean up

+        this.set('position');

+        this.set('shape');

+        this.set('vertex');

+        this.set('spremenljivka');

+        this.set('DrawingControl');

+        this.set('drawingManager');

+        this.set('marker');

+        this.set('markerId');

+    };

+

+    DeleteMenu.prototype.close = function () {

+        this.setMap(null);

+    };

+

+    DeleteMenu.prototype.draw = function () {

+        var position = this.get('position');

+        var projection = this.getProjection();

+

+        if (!position || !projection) {

+            return;

+        }

+

+        var point = projection.fromLatLngToDivPixel(position);

+        this.div_.style.top = point.y + 'px';

+        this.div_.style.left = point.x + 'px';

+    };

+

+    /**

+     * Opens the menu at a vertex of a given path.

+     */

+    DeleteMenu.prototype.open = function (map, shape, vertex, spremenljivka, DrawingControl, drawingManager, marker, markerId) {

+        if(shape)

+            this.set('position', shape.getPath().getAt(vertex));

+        else if(marker)

+            this.set('position', marker.getPosition());

+

+        this.set('shape', shape);

+        this.set('vertex', vertex);

+        this.set('spremenljivka', spremenljivka);

+        this.set('DrawingControl', DrawingControl);

+        this.set('drawingManager', drawingManager);

+        this.set('marker', marker);

+        this.set('markerId', markerId);

+        this.setMap(map);

+        this.draw();

+    };

+    

+    /**

+     * Opens the menu at a geofence.

+     */

+    DeleteMenu.prototype.open_shape = function (map, shape, position, spremenljivka) {

+        this.set('position', position);

+        this.set('shape', shape);

+        this.set('spremenljivka', spremenljivka);

+        this.setMap(map);

+        this.draw();

+    };

+

+    /**

+     * Deletes the vertex from the path.

+     */

+    DeleteMenu.prototype.removeVertex = function () {

+        var spremenljivka = this.get('spremenljivka');

+        //shape

+        var shape = this.get('shape');

+        var vertex = this.get('vertex');

+        var DrawingControl = this.get('DrawingControl');

+        var drawingManager = this.get('drawingManager');

+        //marker

+        var marker = this.get('marker');

+        var markerId = this.get('markerId');

+

+        if ((!shape || vertex == undefined) && !marker) {

+            this.close();

+            return;

+        }

+

+        //removing marker

+        if(marker){

+            //accessed from respondent

+            if(markerId)

+                removeMarker(spremenljivka, marker, markerId);

+            //accessed from admin

+            else

+                removeMarkerVM(spremenljivka, marker);

+        }

+        //removing shape

+        else if(shape){

+            shape.getPath().removeAt(vertex);

+

+            if (shape.getPath().length < 2) {

+                //accessed from respondent

+                if(DrawingControl != null && drawingManager != null)

+                    //handle visibility of tools

+                    clearAndMakeDrawableAgain(spremenljivka, shape, DrawingControl, drawingManager);

+                //accessed from admin

+                else

+                    //remove shape from DB

+                    deleteLineInDB(spremenljivka, shape);

+            }

+        }

+        this.close();

+    };

+    

+     /**

+     * Deletes the whole shape.

+     */

+    DeleteMenu.prototype.removeShape = function () {

+        //shape

+        var shape = this.get('shape');

+

+        //removing shape from DB and map

+        if(shape){

+            maza_delete_geofence(shape);

+        }

+        this.close();

+    };

+

+    deleteMenu = new DeleteMenu();

+}
\ No newline at end of file