Commit 65146bb9 authored by Sebastian's avatar Sebastian

dummy/leere help-route (portal/help/help.component.*)

search.component.ts: .sidecontainerleft.ausgeblendet analog zu .sidecontainerright.ausgeblendet: TODO: animation hinzufügen
parent 574b6b04
......@@ -15,6 +15,7 @@ import { PrivacypolicyComponent } from './home/privacypolicy';
import { BliComponent } from './portal/bli/bli.component';
import { CategoryComponent } from './portal/category/category.component';
import { CreateEntryComponent } from './portal/create-entry/create-entry.component';
import { HelpComponent } from './portal/help/help.component';
import { ErrorComponent } from './error';
import { VersionInfoComponent } from './home/version-info/version-info.component';
......@@ -23,6 +24,7 @@ const routes: Routes = [
{ path: 'home', component: HomeComponent },
{ path: 'login', component: AuthComponent },
{ path: 'auth', component: AuthComponent },
{ path: 'help', component: HelpComponent },
{ path: 'error', component: ErrorComponent },
{ path: 'register', component: RegisterComponent },
{ path: 'messages', component: MessagingComponent },
......
......@@ -43,6 +43,7 @@ import { NodeFilterPipe } from './pipes/node-filter.pipe';
import { BliEditorComponent } from './admin/bli-editor/bli-editor.component';
import { AutosuggestComponent } from './widget/autosuggest/autosuggest.component';
import { VersionInfoComponent } from './home/version-info/version-info.component';
import { HelpComponent } from './portal/help/help.component';
enableProdMode();
......@@ -80,7 +81,8 @@ enableProdMode();
NodeFilterPipe,
BliEditorComponent,
AutosuggestComponent,
VersionInfoComponent
VersionInfoComponent,
HelpComponent
//MatAutocompleteModule,
],
imports: [
......
<p>
Not yet implemented.
</p>
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { HelpComponent } from './help.component';
describe('HelpComponent', () => {
let component: HelpComponent;
let fixture: ComponentFixture<HelpComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ HelpComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(HelpComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-help',
templateUrl: './help.component.html',
styleUrls: ['./help.component.css']
})
export class HelpComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
......@@ -60,9 +60,18 @@ display:flex;
height:100%;
}
.ausgeblendet{
margin-left:-405px;
.sidecontainerright {
/**
**/
}
.sidecontainerleft.ausgeblendet{
/**
Macht mal was draus.
**/
}
.sidecontainerright.ausgeblendet{
margin-left:400px;
}
.searchdetails {
background-color:rgba(255,255,255,0.85);
......
......@@ -181,9 +181,10 @@
</div>
<div class="float-right sidecontainerright" *ngIf="nodeService.detailView">
<div [ngClass]="{'float-right':true, 'sidecontainerright':true,'ausgeblendet':this.detailsState=='hidden'}"
*ngIf="nodeService.detailView">
<div class="searcheditPrepend">
<div *ngIf="state=='visible'" class="searchedetailstogglePrepend">
<div *ngIf="detailsState=='hidden'" class="searchedetailstogglePrepend">
<div (click)="toggleVisibilityDetails();"
class="form-group item-detail name">
<label for="elementSearchDetails"
......@@ -191,7 +192,7 @@
class="fa fa-angle-double-right" aria-hidden="true"></i></label>
</div>
</div>
<div *ngIf="state=='hidden'" class="searchedetailstogglePrepend">
<div *ngIf="detailsState=='visible'" class="searchedetailstogglePrepend">
<div (click)="toggleVisibilityDetails();"
class="form-group item-detail name">
<label for="elementSearchDetails"
......
......@@ -31,6 +31,7 @@ export class SearchComponent implements OnInit {
hasResults = false;
searched = false;
state = 'visible';
detailsState = 'hidden';
searchForm : FormGroup;
searchPattern = "";
allOsmNodes : Array<OsmNode>;
......@@ -72,6 +73,7 @@ export class SearchComponent implements OnInit {
show(element: OsmNode){
this.nodeService.showDetails(element);
this.detailsState = 'visible';
this.logger.debug("Showing all "+this.osmNodes.length + " nodes from searchresult");
// this.mapService.showNodes(this.osmNodes,'searchResult');
this.mapService.show(element,'detailView');
......@@ -276,6 +278,10 @@ export class SearchComponent implements OnInit {
}
/**
Sichtbarkeit der Widgets
**/
toggleVisibility(){
if(this.state=="hidden"){
this.state="visible";
......@@ -283,11 +289,20 @@ export class SearchComponent implements OnInit {
this.state="hidden";
}
}
toggleVisibilityDetails(){
if(this.detailsState=="hidden"){
this.detailsState="visible";
}else{
this.detailsState="hidden";
}
}
togglePeerVisibility(peer: OsmNode){
//this.logger.debug("toggling visibility of peer "+peer.name);
this.mapService.togglePeerVisibility(this.nodeService.detailView,peer);
}
isCurrentElement(node:OsmNode){
if(this.nodeService.detailView==null){
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment