benjamin/wgenerator
1
0
Fork 0
Code Releases Activity

login

Browse Source
This commit is contained in:
smuddyx
2020-03-02 18:47:04 +01:00
committed by smuddy
parent 5b746e0db5
commit ccd91aa81c
93 changed files with 444 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/app/widget-modules/application-frame/application-frame.module.ts Normal file
View File

@@ -0,0 +1,22 @@
import {NgModule} from '@angular/core';
import {CommonModule} from '@angular/common';
import {NavigationComponent} from './navigation/navigation.component';
import {RouterModule} from '@angular/router';
import {FilterComponent} from './navigation/filter/filter.component';
@NgModule({
declarations: [
NavigationComponent,
FilterComponent
],
imports: [
CommonModule,
RouterModule
],
exports: [
NavigationComponent
]
})
export class ApplicationFrameModule {
}

1
src/app/widget-modules/application-frame/navigation/filter/filter.component.html Normal file
View File

@@ -0,0 +1 @@
<input (input)="onInputChange($event.target.value)" placeholder="Suche">

16
src/app/widget-modules/application-frame/navigation/filter/filter.component.less Normal file
View File

@@ -0,0 +1,16 @@
@import "../../../../../styles/styles";
input {
font-size: 16px;
background: transparent;
border: none;
border-bottom: 1px solid #ccc;
color: #888;
margin-right: 20px;
&:focus {
outline: none;
border-bottom: 2px solid @primary-color;
margin-bottom: -1px;
}
}

25
src/app/widget-modules/application-frame/navigation/filter/filter.component.spec.ts Normal file
View File

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

21
src/app/widget-modules/application-frame/navigation/filter/filter.component.ts Normal file
View File

@@ -0,0 +1,21 @@
import {Component} from '@angular/core';
import {Router} from '@angular/router';
@Component({
selector: 'app-filter',
templateUrl: './filter.component.html',
styleUrls: ['./filter.component.less']
})
export class FilterComponent {
constructor(private router: Router) {
}
public onInputChange(text: string): void {
const route = text
? this.router.createUrlTree(['songs'], {queryParams: {q: text}})
: this.router.createUrlTree(['songs']);
this.router.navigateByUrl(route);
}
}

11
src/app/widget-modules/application-frame/navigation/navigation.component.html Normal file
View File

@@ -0,0 +1,11 @@
<nav class="head">
<div class="links">
<a href="#" routerLink="/songs" routerLinkActive="active">Lieder</a>
<a href="#" routerLink="/user" routerLinkActive="active">Benutzer</a>
</div>
<div class="actions">
<app-filter></app-filter>
</div>
</nav>

52
src/app/widget-modules/application-frame/navigation/navigation.component.less Normal file
View File

@@ -0,0 +1,52 @@
@import "../../../../styles/styles";
@import "../../../../styles/shadow";
nav {
&.head {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 60px;
background: @navigation-background;
.card-3;
display: flex;
align-items: flex-end;
justify-content: space-between;
a {
display: block;
height: 60px;
color: @navigation-link-color;
font-size: 20px;
font-weight: bold;
text-decoration: none;
padding: 20px;
box-sizing: border-box;
background: transparent;
transition: @transition;
&:hover {
background: #eee;
}
&.active {
background: @primary-color;
color: #fff;
}
}
}
}
.actions {
display: flex;
height: 100%;
align-items: center;
}
.links {
display: flex;
}

25
src/app/widget-modules/application-frame/navigation/navigation.component.spec.ts Normal file
View File

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

16
src/app/widget-modules/application-frame/navigation/navigation.component.ts Normal file
View File

@@ -0,0 +1,16 @@
import {Component, OnInit} from '@angular/core';
@Component({
selector: 'app-navigation',
templateUrl: './navigation.component.html',
styleUrls: ['./navigation.component.less']
})
export class NavigationComponent implements OnInit {
constructor() {
}
ngOnInit() {
}
}

2
src/app/widget-modules/components/card/card.component.less
View File

@@ -6,7 +6,7 @@
border-radius: 8px;
background: #fffe;
overflow: hidden;
width: 800px;
width: 50vw;
&.padding {
padding: 20px;

8
src/app/widget-modules/pipes/legal-owner-translator/legal-owner-translator.module.ts
View File

@@ -1,9 +1,8 @@
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {NgModule} from '@angular/core';
import {CommonModule} from '@angular/common';
import {LegalOwnerPipe} from './legal-owner.pipe';
@NgModule({
declarations: [LegalOwnerPipe],
exports: [
@@ -13,4 +12,5 @@ import {LegalOwnerPipe} from './legal-owner.pipe';
CommonModule
]
})
export class LegalOwnerTranslatorModule { }
export class LegalOwnerTranslatorModule {
}

2
src/app/widget-modules/pipes/legal-owner-translator/legal-owner.pipe.spec.ts
View File

@@ -1,4 +1,4 @@
import { LegalOwnerPipe } from './legal-owner.pipe';
import {LegalOwnerPipe} from './legal-owner.pipe';
describe('LegalOwnerPipe', () => {
it('create an instance', () => {

2
src/app/widget-modules/pipes/legal-owner-translator/legal-owner.pipe.ts
View File

@@ -1,4 +1,4 @@
import { Pipe, PipeTransform } from '@angular/core';
import {Pipe, PipeTransform} from '@angular/core';
@Pipe({
name: 'legalOwner'

24
src/app/widget-modules/pipes/legal-type-translator/legal-type-translator.module.ts
View File

@@ -1,16 +1,16 @@
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { LegalTypePipe } from './legal-type.pipe';
import {NgModule} from '@angular/core';
import {CommonModule} from '@angular/common';
import {LegalTypePipe} from './legal-type.pipe';
@NgModule({
declarations: [LegalTypePipe],
exports: [
LegalTypePipe
],
imports: [
CommonModule
]
declarations: [LegalTypePipe],
exports: [
LegalTypePipe
],
imports: [
CommonModule
]
})
export class LegalTypeTranslatorModule { }
export class LegalTypeTranslatorModule {
}

2
src/app/widget-modules/pipes/legal-type-translator/legal-type.pipe.spec.ts
View File

@@ -1,4 +1,4 @@
import { LegalTypePipe } from './legal-type.pipe';
import {LegalTypePipe} from './legal-type.pipe';
describe('LegalTypePipe', () => {
it('create an instance', () => {

2
src/app/widget-modules/pipes/legal-type-translator/legal-type.pipe.ts
View File

@@ -1,4 +1,4 @@
import { Pipe, PipeTransform } from '@angular/core';
import {Pipe, PipeTransform} from '@angular/core';
@Pipe({
name: 'legalType'