YT_fcoo-havnelods.js

/****************************************************************************
	fcoo-havnelods.js,

	(c) 2021, FCOO

	https://github.com/FCOO/fcoo-havnelods
	https://github.com/FCOO

****************************************************************************/
(function ($, L, i18next, moment, window/*, document, undefined*/) {
	"use strict";

	window.fcoo = window.fcoo || {};
    var ns = window.fcoo = window.fcoo || {},
        nsHL = ns.Havnelods = ns.Havnelods || {};


    //Internal method to set width of buttons
    nsHL._getSizeClass = function(small){
        if (small === true)  return 'min-width-5em';
        if (small === false) return 'min-width-8em';
        return null;
    };



    /**********************************************************************
    L.GeoJSON.Havnelods(options)
    Generel constructor for all variations
    ***********************************************************************/
    L.GeoJSON.Havnelods = L.GeoJSON.extend({
        //Default options
        options: {
            idName          : 'HAVNE_ID',
            subDir          : 'havnelods',
            fileName        : 'havnelods.json',
            images          : 'images',

            annotationId    : 'ANMERKNING',
            annotationClass : 'hl-annotation alert-info accordion-body accordion'
        },
        locationConstructor: null,



        /*********************************************
        initialize
        *********************************************/
        initialize: function(geojson, options = {}) {
            options = $.extend(true, {}, {
                pointToLayer : $.proxy(this.pointToLayer, this),
                onEachFeature: $.proxy(this.onEachFeature, this),

            }, options);

            L.GeoJSON.prototype.initialize.call(this, geojson, options);

// HER>             var _this = this;

            this.addContextmenuItems([ this.buttonShowAll() ])

            //Load and add geoJSON-data
            this.list = [];
            window.Promise.getJSON(
                ns.dataFilePath({mainDir: true, subDir: this.options.subDir, fileName: this.options.fileName}),
                {},
                $.proxy(this.resolve, this)
            );
        },

        /*********************************************
        resolve
        *********************************************/
        resolve: function(data){
            //data = []LOCATION
            var _this = this,
                geoJSONData = {
                    type    : "FeatureCollection",
                    features: []
                };

            this.list = [];
            data.forEach((options) => {
                /*TEST: Only Langebro
                if (options.BRO_ID != '7d17393b-3e61-4157-be25-b8861a78b9ad')
                    return false;
                //*/
                var location = new _this.locationConstructor(options, _this);
                location.index = _this.list.length;
                _this.list.push(location);

                if (location.latLng)
                    geoJSONData.features.push({
                        type      : "Feature",
                        geometry  : {type: "Point", coordinates: [location.latLng.lng, location.latLng.lat]},
                        properties: location
                    });
            });

            this.addData(geoJSONData);
        },

        /*********************************************
        pointToLayer
        *********************************************/
        pointToLayer: function(geoJSONPoint){
            return geoJSONPoint.properties.createMarker();
        },


        /*********************************************
        onEachFeature - Add context-menu-items
        *********************************************/
        onEachFeature: function(feature, element){
            var loc = feature.properties;

        element
            .setContextmenuHeader(loc.header, true)
            .setContextmenuWidth( '8em' )
            .addContextmenuItems([
                loc.buttonShow(),
                loc.buttonGST(1),
            ])
            .setContextmenuParent(loc.parent);
/*
        var message = featureMessage( feature );

        element
            .addContextmenuItems([
                message.bsHeaderOptions('SMALL'),
                {
                    icon : 'fa-window-maximize',
                    text : {da:'Vis...', en:'Show...'},
                    width: 120,
                    onClick: $.proxy(message.asModal, message)
                }
            ])
            .setContextmenuParent(message.messages);
*/
        },


        /*********************************************
        buttonShowAll
        *********************************************/
        buttonShowAll: function( small ){
            return {
                icon   : 'fa-th-list',
                text   : {da:'Vis alle', en:'Show all'},
                class  : nsHL._getSizeClass(small),
                onClick: this.asModal.bind(this)
            };
        },


        /*********************************************
        asModal
        *********************************************/
        asModal: function(options){
            if (this.bsModal)
                this.bsModal.close();

            console.log('LIST=', this.list);

        },





        /*********************************************
        MANGLER
        *********************************************/
        MANGLER: function(){
        },

    });


    //Extend Niord.Messages to include contextmenu
    $.extend(L.GeoJSON.Havnelods.prototype, L.BsContextmenu.contextmenuInclude);




    /**********************************************************************
    ***********************************************************************
    L.GeoJSON.Havnelods_DK(options)
    GeoJSON-layer with danish harbors
    ***********************************************************************
    **********************************************************************/
    L.GeoJSON.Havnelods_DK = L.GeoJSON.Havnelods.extend({
        options: {
            fileName: 'havnelods_DK.json'
        },
        locationConstructor: nsHL.Location_DK
    });

    /*********************************************************************
    **********************************************************************
    L.GeoJSON.Havnelods_GL(options)
    GeoJSON-layer with Greenlandic towns, hamlets, and stations
    **********************************************************************
    **********************************************************************/
    L.GeoJSON.Havnelods_GL = L.GeoJSON.Havnelods.extend({
        options: {
            fileName: 'havnelods_GL.json'
        },
        locationConstructor: nsHL.Location_GL
    });

    /*********************************************************************
    **********************************************************************
    L.GeoJSON.Havnelods_Bridges(options)
    GeoJSON-layer with danish bridges
    **********************************************************************
    **********************************************************************/
    L.GeoJSON.Havnelods_Bridges = L.GeoJSON.Havnelods.extend({
        options: {
            idName    : 'BRO_ID',
            fileName  : 'havnelods_BR.json',
            planHeader: {da:'Broplan'/*, en:'MANGLER'*/}
        },
        locationConstructor: nsHL.Location_Bridges
    });

}(jQuery, L, this.i18next, this.moment, this, document));