@smarterplan/ngx-smarterplan-locations 0.2.44 → 0.2.45

package/src/lib/helper.service.ts

@@ -1,161 +0,0 @@
-export type Rectangle = {
-    top: number;
-    left: number;
-    width: number;
-    height: number;
-};
-
-export enum SweepState {
-    ADDED,
-    REMOVED,
-    DISABLED,
-    OCCUPIED,
-    STARTPOINT
-}
-
-export function isInPolygon(p: { x: any; y: any; }, polygon: string | any[]): boolean {
-
-    let isInside = false;
-    let minX = polygon[0].x;
-    let maxX = polygon[0].x;
-    let minY = polygon[0].y;
-    let maxY = polygon[0].y;
-    for (let n = 1; n < polygon.length; n++) {
-        const q = polygon[n];
-        minX = Math.min(q.x, minX);
-        maxX = Math.max(q.x, maxX);
-        minY = Math.min(q.y, minY);
-        maxY = Math.max(q.y, maxY);
-    }
-
-    if (p.x < minX || p.x > maxX || p.y < minY || p.y > maxY) {
-        return false;
-    }
-
-    for (
-        let index = 0, index_ = polygon.length - 1;
-        index < polygon.length;
-        index_ = index++
-    ) {
-        if (
-            polygon[index].y > p.y !== polygon[index_].y > p.y &&
-            p.x <
-            ((polygon[index_].x - polygon[index].x) *
-                (p.y - polygon[index].y)) /
-            (polygon[index_].y - polygon[index].y) +
-            polygon[index].x
-        ) {
-            isInside = !isInside;
-        }
-    }
-    return isInside;
-}
-
-export function rotate(point: { x: any; y: any; }, center: { x: any; y: any; }, angle: number) {
-    let xM;
-    let yM;
-    let x;
-    let y;
-    angle *= Math.PI / 180;
-    xM = point.x - center.x;
-    yM = point.y - center.y;
-    x = xM * Math.cos(angle) + yM * Math.sin(angle) + center.x;
-    y = -xM * Math.sin(angle) + yM * Math.cos(angle) + center.y;
-    return { x: Math.round(x), y: Math.round(y) };
-}
-
-/**
-    * Check if an HtmlElement is inside a selection
-    * @param button HTMLElement
-    * @param selection
-    * @returns true if the element is inside the selection, false otherwise
-    */
-export function buttonIsInSelection(
-    button: HTMLButtonElement,
-    selection: Rectangle,
-): boolean {
-    const bounds = button.getBoundingClientRect();
-    return (
-        bounds.bottom > selection.top &&
-        bounds.top < selection.top + selection.height &&
-        bounds.right > selection.left &&
-        bounds.left < selection.left + selection.width
-    );
-}
-
-/**
- * Styles the button that represents a sweep on the plan: green-added to zone, red -not added, gray - disabled, orange - occupied
- * @param button HTMLButtonElement, button on the plan, 
- * @param isAdded boolean, if the sweep added to the zone
- * @param isOccupied boolean, if the sweep added to any other zone (but not current)
- */
-export function styleButton(button: HTMLButtonElement, state: SweepState) {
-    switch (state) {
-        case SweepState.ADDED:
-            button.style.backgroundImage = `url("https://api.iconify.design/mdi:adjust.svg?color=green&height=17&width=17")`;
-            break;
-        case SweepState.DISABLED:
-            button.style.backgroundImage = `url("https://api.iconify.design/mdi:close-circle-outline.svg?color=black&height=17&width=17")`;
-            button.style.cursor = "auto";
-            break;
-        case SweepState.OCCUPIED:
-            button.style.backgroundImage = `url("https://api.iconify.design/mdi:adjust.svg?color=orange&height=17&width=17")`;
-            break;
-        case SweepState.STARTPOINT:
-            button.style.backgroundImage = `url('https://api.iconify.design/ic/baseline-flag-circle.svg?color=white&width=17&height=17')`;
-            break;
-        case SweepState.REMOVED:
-            button.style.backgroundImage = `url("https://api.iconify.design/mdi:close-circle-outline.svg?color=red&height=17&width=17")`;
-            break;
-        default:
-            button.style.backgroundImage = `url("https://api.iconify.design/mdi:close-circle-outline.svg?color=red&height=17&width=17")`;
-            break;
-    }
-    // if (disabled) {
-    //     button.style.backgroundImage = `url("https://api.iconify.design/mdi:close-circle-outline.svg?color=#636363&height=17&width=17")`;
-    //     button.style.cursor = "auto";
-    // } else if (isOccupied) {
-    //     button.style.backgroundImage = `url("https://api.iconify.design/mdi:adjust.svg?color=orange&height=17&width=17")`;
-    // } else {
-    //     button.style.backgroundImage = isAdded
-    //         ? `url("https://api.iconify.design/mdi:adjust.svg?color=green&height=17&width=17")`
-    //         : `url("https://api.iconify.design/mdi:close-circle-outline.svg?color=red&height=17&width=17")`;
-    // }
-    button.style.backgroundColor = "transparent";
-    button.style.position = "absolute";
-    button.style.border = "none";
-    button.style.width = "17px";
-    button.style.height = "17px";
-    button.disabled = false;
-    button.type = "button";
-}
-
-/**
- * Check if sweep (button) is chosen; it is reprsented by image style "mdi:adjust"
- * @param button HTMLElement
- * @returns boolean, if button was selected
- */
-export function buttonIsChosen(button: HTMLElement): boolean {
-    return button.style.backgroundImage.includes("adjust");
-}
-
-/**
-     * Visually change the state of a scan button, a selected button is blue
-     * @param button HTMLElement
-     * @param selected if true the button will be blue, otherwise it will red or green
-     */
-export function setVisuallySelected(button: HTMLElement, selected: boolean) {
-    if (selected) {
-        /** Color in blue */
-        button.style.backgroundImage = button.style.backgroundImage
-            .replace("red", "blue")
-            .replace("green", "blue");
-    } else {
-        /** Get back in red or green */
-        const color = buttonIsChosen(button) ? "green" : "red";
-        button.style.backgroundImage = button.style.backgroundImage.replace(
-            "blue",
-            color,
-        );
-    }
-}

package/src/lib/ngx-smarterplan-location-routing.module.ts

@@ -1,41 +0,0 @@
-import { NgModule } from "@angular/core";
-import { Routes, RouterModule } from "@angular/router";
-import { CalibrationComponent } from "./components/plans/calibration/calibration.component";
-import { DetailLocationComponent } from "./components/detail-location/detail-location.component";
-import { EditPlanComponent } from "./components/plans/edit-plan/edit-plan.component";
-import { ImagesComponent } from "./components/images/images.component";
-import { LocationsComponent } from "./components/locations/locations.component";
-import { PlansComponent } from "./components/plans/plans.component";
-import { VisitsComponent } from "./components/visits/visits.component";
-import { ZonesComponent } from "./components/zones/zones.component";
-
-const routes: Routes = [
-    {
-        path: "",
-        component: LocationsComponent,
-    },
-    {
-        path: ":id",
-        children: [
-            { path: "", component: DetailLocationComponent },
-            { path: "zones", component: ZonesComponent },
-            { path: "visits", component: VisitsComponent },
-            { path: "plans", component: PlansComponent },
-            {
-                path: "plan-calibration",
-                component: CalibrationComponent,
-            },
-            {
-                path: "plan-edit",
-                component: EditPlanComponent,
-            },
-            { path: "images", component: ImagesComponent },
-        ],
-    },
-  ];
-  
-@NgModule({
-    imports: [RouterModule.forChild(routes)],
-    exports: [RouterModule],
-})
-export class LocationsRoutingModule { }

package/src/lib/ngx-smarterplan-locations.module.ts

@@ -1,74 +0,0 @@
-import { NgModule } from '@angular/core';
-import { LocationsComponent } from './components/locations/locations.component';
-import { DetailLocationComponent } from './components/detail-location/detail-location.component';
-import { CalibrationComponent } from './components/plans/calibration/calibration.component';
-import { PlansComponent } from './components/plans/plans.component';
-import { VisitsComponent } from './components/visits/visits.component';
-import { ZonesComponent } from './components/zones/zones.component';
-import { ImagesComponent } from './components/images/images.component';
-import { EditPlanComponent } from './components/plans/edit-plan/edit-plan.component';
-import { LocationsRoutingModule } from './ngx-smarterplan-location-routing.module';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { TabNavigationComponent } from './components/tab-navigation/tab-navigation.component';
-import { MapComponent } from './components/locations/map/map.component';
-import { LeafletModule } from '@asymmetrik/ngx-leaflet';
-import { TranslateModule } from '@ngx-translate/core';
-import { MapPopupComponent } from './components/locations/map/map-popup/map-popup.component';
-import { CommonModule } from '@angular/common';
-import { FormLocationComponent } from './components/form-location/form-location.component';
-import { NgbAlertModule, NgbModule } from "@ng-bootstrap/ng-bootstrap";
-import { ClipboardModule } from "ngx-clipboard";
-import { ChevronComponent } from './components/chevron/chevron.component';
-import { AddZoneComponent } from './components/zones/add-zone/add-zone.component';
-import { SelectionComponent } from './components/zones/add-zone/selection/selection.component';
-import { CarouselComponent } from './components/carousel/carousel.component';
-import { NgxSmarterplanCoreModule } from '@smarterplan/ngx-smarterplan-core';
-import { PdfViewerModule } from 'ng2-pdf-viewer';
-import { SweepPlanSelectionComponent } from './components/zones/add-zone/sweep-plan-selection/sweep-plan-selection.component';
-import { AddAudioZoneComponent } from './components/zones/add-audio-zone/add-audio-zone.component';
-import { RadioButtonComponent } from './radio-button/radio-button.component';
-import { PlanLegendComponent } from './components/plan-legend/plan-legend.component';
-import { CountAudioSweepsPipe } from './pipes/count-audio-sweeps.pipe';
-
-@NgModule({
-  declarations: [
-    LocationsComponent,
-    DetailLocationComponent,
-    CalibrationComponent,
-    PlansComponent,
-    VisitsComponent,
-    ZonesComponent,
-    ImagesComponent,
-    EditPlanComponent,
-    TabNavigationComponent,
-    MapComponent,
-    MapPopupComponent,
-    FormLocationComponent,
-    ChevronComponent,
-    AddZoneComponent,
-    SelectionComponent,
-    CarouselComponent,
-    SweepPlanSelectionComponent,
-    AddAudioZoneComponent,
-    RadioButtonComponent,
-    PlanLegendComponent,
-    CountAudioSweepsPipe,
-  ],
-  imports: [
-    PdfViewerModule,
-    ClipboardModule,
-    NgbModule,
-    NgbAlertModule,
-    CommonModule,
-    TranslateModule.forChild({
-      extend: true
-    }),
-    LeafletModule,
-    FormsModule,
-    ReactiveFormsModule,
-    NgxSmarterplanCoreModule,
-    LocationsRoutingModule,
-  ],
-  exports: [MapComponent, TabNavigationComponent]
-})
-export class NgxSmarterplanLocationsModule { }

package/src/lib/ngx-smarterplan-locations.service.spec.ts

@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-
-import { NgxSmarterplanLocationsService } from './ngx-smarterplan-locations.service';
-
-describe('NgxSmarterplanLocationsService', () => {
-  let service: NgxSmarterplanLocationsService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(NgxSmarterplanLocationsService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});

package/src/lib/ngx-smarterplan-locations.service.ts

@@ -1,9 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class NgxSmarterplanLocationsService {
-
-  constructor() { }
-}

package/src/lib/pipes/count-audio-sweeps.pipe.ts

@@ -1,21 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-import { Zone, ZoneService } from '@smarterplan/ngx-smarterplan-core';
-
-@Pipe({
-    name: 'countAudioSweeps'
-})
-export class CountAudioSweepsPipe implements PipeTransform {
-    constructor(private zoneService: ZoneService) { }
-
-    async transform(zone: Zone): Promise<number> {
-        let childrenAudioZones = await this.zoneService.getZonesByParentZone(zone.id);
-        if (childrenAudioZones.length > 0) {
-            childrenAudioZones = childrenAudioZones.filter((zone) => zone.audioID);
-            if (childrenAudioZones.length > 0) {
-                return childrenAudioZones.flatMap((z) => z.sweepIDs).length;
-            }
-        }
-        return 0;
-    }
-
-}

package/src/lib/radio-button/radio-button.component.html

@@ -1,9 +0,0 @@
-<div class="checkboxContainer">
-    <div class="switchContainer">
-        <label class="switch switch-success">
-          <input type="checkbox"[(ngModel)]="isChecked" (change)="onChecked()">
-          <span class="slider round"></span>
-        </label>
-    </div>
-    <span class="label right">{{label | translate}}</span>
-</div>

package/src/lib/radio-button/radio-button.component.scss

@@ -1,152 +0,0 @@
-$gray0: #F6F8FF;
-$width: 60px;
-$height: 34px;
-$widthContainer: 150px;
-
-$primary0: #404660;
-$shadowPrimary0: 4px 4px 10px 0px #40466080;
-
-$success0: var(--smarterplan-primary);
-$shadowSuccess0: 2px 2px 10px 0px var(--smarterplan-primary);
-
-$default0: #636983;
-$shadowDefault0: 2px 2px 10px 0px #636983;
-
-$warning1: #973c3c;
-$shadowWarning0: 2px 2px 10px 0px #ff9898;
-
-$dark0: #505050;
-$shadowDark0: 2px 2px 10px 0px #9d9d9d;
-
-.checkboxContainer {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  width: calc(20vw + 1rem);
-  .label {
-    margin-left: 1rem;
-  }
-  .switch {
-    position: relative;
-    display: inline-block;
-    cursor: pointer;
-    width: $width;
-    height: $height;
-    border-radius: $height;
-    
-    input{
-      opacity: 0;
-      width: 0;
-      height: 0;
-      
-      
-      &:checked + .slider{
-        background-color: $primary0;
-        box-shadow: $shadowPrimary0;
-        
-        &:before{
-          background: white;
-          transform: translateX($height - 8);
-        }
-      }
-    }
-    
-    .label{
-      position: absolute;
-      top: 7px;
-      &.right{
-        left: $width;
-        margin-left: 10px;
-      }
-    }
-    
-    .slider {
-      position: absolute;
-      cursor: pointer;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      border: 1px solid $primary0;
-      -webkit-transition: .3s;
-      transition: .3s;
-      border-radius: $height;
-      &:before:hover{
-        background-color: white;
-      }
-      &:before{
-        position: absolute;
-        content: "";
-        height: $height - 8;
-        width: $height - 8;
-        left: 4px;
-        bottom: 3px;
-        background-color: $primary0;
-        transition: .3s;
-        border-radius: 50%;
-      }
-    }
-  
-    &.switch-success{
-      input:checked + .slider{
-        background-color: $success0;
-        box-shadow: $shadowSuccess0;
-      }
-  
-      .slider{
-        border: 1px solid $success0;
-        &:before{
-          background-color: $success0;
-          box-shadow: $shadowSuccess0;
-        }
-      }
-    }
-  
-    &.switch-default{
-      input:checked + .slider{
-        background-color: $default0;
-        box-shadow: $shadowDefault0;
-      }
-  
-      .slider{
-        border: 1px solid $default0;
-        &:before{
-          background-color: $default0;
-          box-shadow: $shadowDefault0;
-        }
-      }
-    }
-  
-    &.switch-warning{
-      input:checked + .slider{
-        background-color: $warning1;
-        box-shadow: $shadowWarning0;
-      }
-  
-      .slider{
-        border: 1px solid $warning1;
-        &:before{
-          background-color: $warning1;
-          box-shadow: $shadowWarning0;
-        }
-      }
-    }
-  
-    &.switch-dark{
-      input:checked + .slider{
-        background-color: $dark0;
-        box-shadow: $shadowDark0;
-      }
-  
-      .slider{
-        border: 1px solid $dark0;
-        &:before{
-          background-color: $dark0;
-          box-shadow: $shadowDark0;
-        }
-      }
-    }
-  }
-  
-
-}

package/src/lib/radio-button/radio-button.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { RadioButtonComponent } from './radio-button.component';
-
-describe('RadioButtonComponent', () => {
-  let component: RadioButtonComponent;
-  let fixture: ComponentFixture<RadioButtonComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ RadioButtonComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(RadioButtonComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/radio-button/radio-button.component.ts

@@ -1,26 +0,0 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
-
-@Component({
-    selector: 'lib-radio-button',
-    templateUrl: './radio-button.component.html',
-    styleUrls: ['./radio-button.component.scss']
-})
-export class RadioButtonComponent implements OnInit {
-
-    @Input() label: string;
-
-    @Output() isCheckedEvent = new EventEmitter<boolean>();
-
-    isChecked: boolean;
-
-    constructor() { }
-
-    ngOnInit(): void {
-        this.isChecked = false;
-    }
-
-    onChecked() {
-        this.isCheckedEvent.emit(this.isChecked);
-    }
-
-}

package/src/test.ts

@@ -1,27 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'zone.js';
-import 'zone.js/testing';
-import { getTestBed } from '@angular/core/testing';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
-
-declare const require: {
-  context(path: string, deep?: boolean, filter?: RegExp): {
-    <T>(id: string): T;
-    keys(): string[];
-  };
-};
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting(),
-);
-
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);

package/tsconfig.lib.json

@@ -1,15 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": [
-    "src/test.ts",
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.lib.prod.json

@@ -1,10 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.spec.json

@@ -1,17 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "files": [
-    "src/test.ts"
-  ],
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}