@smarterplan/ngx-smarterplan-locations 0.2.44 → 0.2.45

package/src/lib/components/plans/calibration/calibration.component.html

@@ -1,98 +0,0 @@
-<div class="row mt-3">
-    <div class="col">
-        <div class="m-3">
-            <lib-tab-navigation [menuItems]='menuItems'></lib-tab-navigation>
-        </div>
-    </div>
-</div>
-
-<div id="rowCanvas">
-    <div #canvasDiv id="canvasDiv">
-
-        <div id="viewer-frame" [style.pointer-events]="zoomCanBeChanged?'auto':'none'">
-            <!-- <div class="blur"></div> -->
-        </div>
-        <canvas id="canvas" [ngStyle]="{'opacity': (preview||loading) ? '1' : 'calc(' + opacity + '/ 100)'}"></canvas>
-    </div>
-
-    <div class="calibration-tools container-fluid" *ngIf="!(preview || loading)">
-        <h1>{{'Calibration tool' | translate}}</h1>
-        <div class="tool">
-            <div class="row ms-0 me-0 legend">
-                <div class="legend-bar-indicator" [ngStyle]="{'opacity': 'calc(' + (-(opacity-100)+10) + '/ 100)'}">
-                    {{'Less' | translate}}</div>
-                <div class="legend-title">{{'Plan Opacity' | translate }}</div>
-                <div class="legend-bar-indicator" [ngStyle]="{'opacity': 'calc(' + (opacity+10) + '/ 100)'}">{{'More' |
-                    translate}}</div>
-            </div>
-            <div class="row ms-0 me-0 ">
-                <input [disabled]="false" [ngModelOptions]="{standalone: true}" [(ngModel)]="opacity" type="range"
-                    class="form-range" min="0" max="100" value="50" id="opacity">
-            </div>
-        </div>
-        <div class="tool">
-            <div class="row ms-0 me-0 ">
-                <div class="label-legend">{{'Change Visit Floor' | translate}}</div>
-                <div ngbDropdown class="d-inline-block ms-3">
-                    <button class="btn btn-label-file rounded-pill" id="dropdownBasic1" ngbDropdownToggle>
-                        {{currentFloor ? currentFloor.id : ('Floor' | translate) }}</button>
-                    <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
-                        <button ngbDropdownItem *ngFor="let floor of floors" (click)="onFloorClick(floor)">
-                            {{ floor.name.length > 0 ? floor.name : ('Floor ' + floor.id) }}
-                        </button>
-                    </div>
-                </div>
-            </div>
-
-        </div>
-        <div class="tool">
-            <div class="row ms-0 me-0 ">
-                <div class="tool-checkbox-container">
-                    <div class="tool-checkbox-subcontainer">
-                        <div class="label-legend me-3">{{'Pan/Zoom Visit' | translate}} {{zoomCanBeChanged ? "ON" :
-                            "OFF"}}
-                        </div>
-                        <input type="checkbox" (change)="onActivateZoomChange()" style="margin-top: 5px;">
-                    </div>
-                    <div class="card border-warning mb-3 mt-3" *ngIf="zoomCanBeChanged">
-                        <div class="card-body text-warning">
-                            <h5 class="card-title">{{"calibration.wait-message" | translate}}</h5>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <div class="action">
-            <button type="button" class="btn btn-outline-primary rounded-pill" (click)="onPreview()"
-                [disabled]="zoomCanBeChanged">{{'Preview' | translate}}</button>
-            <button type="button" class="btn btn-outline-primary rounded-pill" (click)="onCancel()">{{'Cancel' |
-                translate}}</button>
-
-        </div>
-
-    </div>
-    <div class="calibration-tools container-fluid" *ngIf="preview">
-        <h1>{{'Validation' | translate}}</h1>
-        <div class="action">
-            <button type="button" class="btn btn-outline-primary rounded-pill" (click)="onSave()">{{'Validate' |
-                translate}}</button>
-            <button type="button" class="btn btn-outline-primary rounded-pill" (click)="onReset()">{{'Reset' |
-                translate}}</button>
-            <button type="button" class="btn btn-outline-primary rounded-pill" (click)="onCancel()">{{'Cancel' |
-                translate}}</button>
-
-        </div>
-    </div>
-
-
-    <div class="calibration-tools container-fluid" *ngIf="loading">
-        <h3>{{"Waiting for Matterport" | translate}}...</h3>
-        <div class="d-flex justify-content-center">
-            <div class="spinner-border" role="status">
-                <span class="visually-hidden">Loading...</span>
-            </div>
-        </div>
-
-    </div>
-</div>

package/src/lib/components/plans/calibration/calibration.component.scss

@@ -1,136 +0,0 @@
-.button-visit {
-  display: none;
-  height: 30px;
-  width: 30px;
-  position: absolute;
-  background: url("https://api.iconify.design/mdi:map-marker-check.svg?color=red&height=30")
-    no-repeat scroll 0 0 transparent;
-  border: none;
-}
-
-#button-visit-left {
-  left: 350px;
-  top: 550px;
-}
-
-#button-visit-right {
-  left: 500px;
-  top: 600px;
-}
-
-#rowCanvas {
-  display: flex;
-}
-
-#canvasDiv {
-  height: 100%;
-  width: 100%;
-  position: relative;
-}
-
-#canvas {
-  width: 100%;
-  height: 100%;
-  opacity: 0.5;
-}
-
-#viewer-frame {
-  top: 0;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  // pointer-events: none;
-}
-
-.calibration-tools {
-  margin-left: 20px;
-  width: 400px;
-  background-color: white;
-  z-index: 11;
-  border: 1px solid var(--smarterplan-primary);
-  padding: 7px;
-}
-
-.form-range {
-  width: 100%;
-}
-
-.tool {
-  margin-top: 20px;
-  .legend {
-    justify-content: space-between;
-    position: relative;
-    margin-bottom: 5px;
-  }
-  .legend-title {
-    font-size: 1.2rem;
-    color: var(--smarterplan-primary);
-    margin: auto;
-    width: 100%;
-    font-weight: bold;
-    display: flex;
-    justify-content: center;
-  }
-  .legend-bar-indicator {
-    width: 15% !important;
-  }
-  .label-legend {
-    color: var(--smarterplan-primary);
-    font-size: 1.1rem;
-    max-width: 55%;
-  }
-  .tool-checkbox-container {
-    display: flex;
-    flex-direction: column;
-    .tool-checkbox-subcontainer {
-      display: flex;
-    }
-  }
-}
-
-.blur {
-  width: 150px;
-  height: 52px;
-  position: absolute;
-  background-color: #1e2023;
-  bottom: 0;
-}
-
-.symmetry {
-  padding: 5px;
-  border: solid 2px;
-  border-radius: 10px;
-  color: var(--smarterplan-primary);
-  margin: 25px 10px;
-  cursor: pointer;
-}
-
-.symmetry:hover {
-  color: var(--smarterplan-primary);
-}
-
-.symmetry-row {
-  justify-content: center;
-}
-
-.action {
-  margin-top: 30px;
-  display: flex;
-  justify-content: space-evenly;
-}
-
-h1 {
-  color: var(--smarterplan-primary);
-  text-align: center;
-  margin-bottom: 20px;
-}
-
-h3 {
-  color: var(--smarterplan-primary);
-  text-align: center;
-  margin-bottom: 10px;
-}
-
-.btn-outline-primary.disabled {
-  background-color: var(--smarterplan-orange) !important;
-}

package/src/lib/components/plans/calibration/calibration.component.spec.ts

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