barsa-develop-components 1.0.288 → 1.0.289

package/fesm2020/barsa-develop-components.mjs

@@ -57,6 +57,7 @@ import * as i2$6 from '@fundamental-ngx/core/menu';
 import * as i3$7 from '@fundamental-ngx/core/split-button';
 import * as i4$b from '@fundamental-ngx/core/action-sheet';
 import * as i7$4 from '@fundamental-ngx/core/file-uploader';
+import * as L from 'leaflet';
 import { FundamentalNgxPlatformModule } from '@fundamental-ngx/platform';
 
 class UiTextFieldSearchComponent extends DeviceInfoFieldBaseComponent {
@@ -2900,6 +2901,192 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                 type: Input
             }] } });
 
+const defaults = {
+    iconColor: '#1EB300',
+    iconAnchor: {
+        marker: [14, 36],
+        circle: [11, 10],
+        'circle-dot': [5, 5],
+        'rectangle-dot': [5, 6],
+        doughnut: [8, 8]
+    },
+    popupAnchor: {
+        marker: [0, -25],
+        circle: [-3, -76],
+        'circle-dot': [0, -2],
+        'rectangle-dot': [0, -2],
+        doughnut: [0, -2]
+    },
+    innerIconAnchor: {
+        marker: [-2, 5],
+        circle: [0, 2]
+    },
+    iconSize: {
+        marker: [28, 28],
+        circle: [22, 22],
+        'circle-dot': [2, 2],
+        'rectangle-dot': [2, 2],
+        doughnut: [15, 15]
+    }
+};
+L.BeautifyIcon = {
+    Icon: L.Icon.extend({
+        options: {
+            icon: 'leaf',
+            iconSize: defaults.iconSize.circle,
+            iconAnchor: defaults.iconAnchor.circle,
+            iconShape: 'circle',
+            iconStyle: '',
+            innerIconAnchor: [0, 3],
+            innerIconStyle: '',
+            isAlphaNumericIcon: false,
+            text: 1,
+            borderColor: defaults.iconColor,
+            borderWidth: 2,
+            borderStyle: 'solid',
+            backgroundColor: 'white',
+            textColor: defaults.iconColor,
+            customClasses: '',
+            spin: false,
+            prefix: 'sap-icon--',
+            html: ''
+        },
+        createIconInnerHtml() {
+            const options = this.options;
+            if (options.iconShape === 'circle-dot' ||
+                options.iconShape === 'rectangle-dot' ||
+                options.iconShape === 'doughnut') {
+                return '';
+            }
+            const innerIconStyle = this.getInnerIconStyle(options);
+            if (options.isAlphaNumericIcon) {
+                return '<div style="' + innerIconStyle + '">' + options.text + '</div>';
+            }
+            let spinClass = '';
+            if (options.spin) {
+                spinClass = ' fa-spin';
+            }
+            return ('<fd-icon class="' +
+                options.prefix +
+                ' ' +
+                options.prefix +
+                '-' +
+                options.icon +
+                spinClass +
+                '" style="' +
+                innerIconStyle +
+                '"></fd-icon>');
+        },
+        getInnerIconStyle(options) {
+            const innerAnchor = L.point(options.innerIconAnchor);
+            return ('color:' +
+                options.textColor +
+                ';margin-top:' +
+                innerAnchor.y +
+                'px; margin-left:' +
+                innerAnchor.x +
+                'px;' +
+                options.innerIconStyle);
+        }
+    })
+};
+class GeographicLocationComponent extends UiMoInfoSubFormUiComponent {
+    constructor() {
+        super(...arguments);
+        this.id = getUniqueId(3);
+        this.applied = false;
+        this._navigatorOptions = {
+            enableHighAccuracy: true,
+            timeout: 5000,
+            maximumAge: 0
+        };
+    }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+        this._initilaize();
+    }
+    _setGeoLocation(position) {
+        const { coords: { latitude, longitude } } = position;
+        this._map.setView([latitude, longitude], 16);
+        L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
+            attribution: '',
+            maxZoom: 18,
+            id: 'mapbox/streets-v11',
+            tileSize: 512,
+            zoomOffset: -1,
+            accessToken: 'pk.eyJ1IjoibXJlemFkZXZlbG9wZXIiLCJhIjoiY2p6anlrdTE2MDBxdjNtczZtYWFqbHFmdiJ9.SzniRy2KH6U3gdbOFnwA7Q'
+        }).addTo(this._map);
+        const marker = this._createMarker('0', { mo: 'test' }, latitude, longitude, 'my location', 'assets/images/UploadTarget_32.png', true);
+        marker.addTo(this._map);
+    }
+    _initilaize() {
+        const defaultLatLng = [35.7568, 51.412];
+        if (this.latitudeUi && this.latitudeUi.value) {
+            defaultLatLng[0] = this.latitudeUi.value;
+            defaultLatLng[1] = this.longitudeUi.value;
+        }
+        this._map = L.map(this._el.nativeElement);
+        this._setGeoLocation({ coords: { latitude: defaultLatLng[0], longitude: defaultLatLng[1] } });
+        this._getNavigatorCurrentPosition();
+    }
+    _onErrorNavigatorLocation(err) {
+        console.error(err);
+    }
+    _getNavigatorCurrentPosition() {
+        if (navigator.geolocation) {
+            navigator.geolocation.getCurrentPosition((position) => this._setGeoLocation(position), (err) => this._onErrorNavigatorLocation(err), this._navigatorOptions);
+        }
+    }
+    _createMarker(id, mo, lat, lng, text, icon, draggable) {
+        const markerCfg = {
+            Id: id,
+            Data: mo,
+            title: text,
+            draggable,
+            icon: new L.BeautifyIcon.Icon({
+                icon: 'functional-location',
+                iconSize: [24, 24] // size of the icon
+            })
+        };
+        // var marker = L.BeautifyMarker.marker([Number(lat), Number(lng)], {
+        const marker = L.marker([Number(lat), Number(lng)], markerCfg);
+        // marker.on('click', function (e) { this.fireEvent('ItemClick', this, e); });
+        marker.on('dblclick', (e) => {
+            this._dbleClickOnMarker(e);
+        });
+        marker.on('moveend', (e) => {
+            this._onMoveEnd(e, marker);
+        });
+        marker.on('move', (e) => {
+            this._onMove(e, marker);
+        });
+        return marker;
+    }
+    get latitudeUi() {
+        return this.customFormPanelUi._dictFieldUi.Latitude;
+    }
+    get longitudeUi() {
+        return this.customFormPanelUi._dictFieldUi.Longitude;
+    }
+    _onMove(e, marker) {
+        this.latitudeUi.value = e.latlng.lat;
+        this.longitudeUi.value = e.latlng.lng;
+    }
+    _onMoveEnd(e, marker) {
+        this.latitudeUi.fireEvent('change', this.latitudeUi, this.latitudeUi.value);
+        this.longitudeUi.fireEvent('change', this.longitudeUi, this.longitudeUi.value);
+    }
+    _dbleClickOnMarker(e) {
+        // debugger;
+    }
+}
+GeographicLocationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: GeographicLocationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+GeographicLocationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: GeographicLocationComponent, selector: "bdc-geographic-location", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"customFormPanelUi\">\n    <bnrc-form *untilInView=\"el\" [customFormPanelUi]=\"customFormPanelUi\"></bnrc-form>\n</ng-container>\n", styles: [":host{display:block;min-height:300px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "formPanelCtrlId"], outputs: ["titleChanged", "moChanged", "formClose", "formRendered"] }, { kind: "directive", type: i1$2.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: GeographicLocationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bdc-geographic-location', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"customFormPanelUi\">\n    <bnrc-form *untilInView=\"el\" [customFormPanelUi]=\"customFormPanelUi\"></bnrc-form>\n</ng-container>\n", styles: [":host{display:block;min-height:300px}\n"] }]
+        }] });
+
 const components = [
     LoginFormComponent,
     LoginSocialConncetionsComponent,
@@ -2948,7 +3135,8 @@ const components = [
     BarsaDocumentsComponent,
     BarsaDocumentListItemComponent,
     AcceptRejectComponent,
-    FooterComponent
+    FooterComponent,
+    GeographicLocationComponent
 ];
 const pipes = [UiPersonPipe, BarcodeFormatPipe, MoListToFlowItemPipe, DataSourceToFlowItemPipe];
 class BarsaDevelopComponentsModule extends BaseModule {
@@ -3007,7 +3195,8 @@ BarsaDevelopComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.
         BarsaDocumentsComponent,
         BarsaDocumentListItemComponent,
         AcceptRejectComponent,
-        FooterComponent, UiPersonPipe, BarcodeFormatPipe, MoListToFlowItemPipe, DataSourceToFlowItemPipe], imports: [CommonModule,
+        FooterComponent,
+        GeographicLocationComponent, UiPersonPipe, BarcodeFormatPipe, MoListToFlowItemPipe, DataSourceToFlowItemPipe], imports: [CommonModule,
         BarsaNovinRayCoreModule,
         ReactiveFormsModule,
         BarsaSapUiModule,
@@ -3062,7 +3251,8 @@ BarsaDevelopComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.
         BarsaDocumentsComponent,
         BarsaDocumentListItemComponent,
         AcceptRejectComponent,
-        FooterComponent] });
+        FooterComponent,
+        GeographicLocationComponent] });
 BarsaDevelopComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaDevelopComponentsModule, providers: [UserMediaBaseService, WebBarcodeService], imports: [CommonModule,
         BarsaNovinRayCoreModule,
         ReactiveFormsModule,
@@ -3097,5 +3287,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AcceptRejectComponent, AvatarComponent, BarcodeFormatPipe, BarcodeReaderComponent, BarcodeReaderDialogComponent, BarcodeReaderVideoComponent, BarsaDevelopComponentsModule, BarsaDocumentListItemComponent, BarsaDocumentsComponent, CardContentImageAndTitleComponent, CardContentLineChartComponent, CardHeaderBigImageTitleAndSubtitleComponent, CardHeaderKpiComponent, CardHeaderLogoTitleSubtitleComponent, CheckboxButtonComponent, EnumInfoMicroProccessFlowComponent, FooterComponent, FormChartContentComponent, FormContentQuickViewComponent, G4bDetailsComponent, G4bEstelamComponent, LoginFormComponent, LoginSocialConncetionsComponent, MasterDetailCardFormComponent, MediaFileUploaderComponent, MicroProccessFlowComponent, MicroProcessFlowViewComponent, MoInfoMicroProccessFlowComponent, QueryStringFormObservableComponent, QueryStringObservableComponent, ReportButtonViewComponent, ReportLineChartViewComponent, ReportTabViewComponent, ResendVerificationCodeComponent, ServiceDeskCardContentMojavezhayAkhzShodeComponent, ServiceDeskFormLayoutContentMojavezComponent, ServiceDeskHeaderComponent, ServiceDeskServcieDetailComponent, ServiceDeskViewOfServicesComponent, SettingFormComponent, SubformInRowReportComponent, TabProcessViewComponent, TableViewVerticalColumnsComponent, TimerCountDownComponent, UiEnumSegmentedButtonComponent, UiNumRateComponent, UiPersonComponent, UiPicturesCarouselComponent, UiTextFieldSearchComponent, UlvContextMenuItemShowFileContentComponent };
+export { AcceptRejectComponent, AvatarComponent, BarcodeFormatPipe, BarcodeReaderComponent, BarcodeReaderDialogComponent, BarcodeReaderVideoComponent, BarsaDevelopComponentsModule, BarsaDocumentListItemComponent, BarsaDocumentsComponent, CardContentImageAndTitleComponent, CardContentLineChartComponent, CardHeaderBigImageTitleAndSubtitleComponent, CardHeaderKpiComponent, CardHeaderLogoTitleSubtitleComponent, CheckboxButtonComponent, EnumInfoMicroProccessFlowComponent, FooterComponent, FormChartContentComponent, FormContentQuickViewComponent, G4bDetailsComponent, G4bEstelamComponent, GeographicLocationComponent, LoginFormComponent, LoginSocialConncetionsComponent, MasterDetailCardFormComponent, MediaFileUploaderComponent, MicroProccessFlowComponent, MicroProcessFlowViewComponent, MoInfoMicroProccessFlowComponent, QueryStringFormObservableComponent, QueryStringObservableComponent, ReportButtonViewComponent, ReportLineChartViewComponent, ReportTabViewComponent, ResendVerificationCodeComponent, ServiceDeskCardContentMojavezhayAkhzShodeComponent, ServiceDeskFormLayoutContentMojavezComponent, ServiceDeskHeaderComponent, ServiceDeskServcieDetailComponent, ServiceDeskViewOfServicesComponent, SettingFormComponent, SubformInRowReportComponent, TabProcessViewComponent, TableViewVerticalColumnsComponent, TimerCountDownComponent, UiEnumSegmentedButtonComponent, UiNumRateComponent, UiPersonComponent, UiPicturesCarouselComponent, UiTextFieldSearchComponent, UlvContextMenuItemShowFileContentComponent };
 //# sourceMappingURL=barsa-develop-components.mjs.map