show song - order and delete

This commit is contained in:
2020-03-08 14:08:50 +01:00
committed by smuddy
parent 605fe0b2ad
commit 8c000867cb
21 changed files with 252 additions and 31 deletions

View File

@@ -0,0 +1,3 @@
<button mat-button>
<fa-icon [icon]="icon"></fa-icon>
</button>

View File

@@ -0,0 +1,7 @@
button {
min-width: 0;
padding: 0 5px;
@media screen and (max-width: 860px) {
padding: 0 15px;
}
}

View File

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

View File

@@ -0,0 +1,11 @@
import {Component, Input} from '@angular/core';
import {IconProp} from '@fortawesome/fontawesome-svg-core';
@Component({
selector: 'app-menu-button',
templateUrl: './menu-button.component.html',
styleUrls: ['./menu-button.component.less']
})
export class MenuButtonComponent {
@Input() public icon: IconProp;
}

View File

@@ -0,0 +1,20 @@
import {NgModule} from '@angular/core';
import {CommonModule} from '@angular/common';
import {MenuButtonComponent} from './menu-button.component';
import {FontAwesomeModule} from '@fortawesome/angular-fontawesome';
import {MatButtonModule} from '@angular/material/button';
@NgModule({
declarations: [MenuButtonComponent],
exports: [
MenuButtonComponent
],
imports: [
CommonModule,
FontAwesomeModule,
MatButtonModule
]
})
export class MenuButtonModule {
}