show song - order and delete
This commit is contained in:
@@ -0,0 +1,3 @@
|
||||
<button mat-button>
|
||||
<fa-icon [icon]="icon"></fa-icon>
|
||||
</button>
|
||||
@@ -0,0 +1,7 @@
|
||||
button {
|
||||
min-width: 0;
|
||||
padding: 0 5px;
|
||||
@media screen and (max-width: 860px) {
|
||||
padding: 0 15px;
|
||||
}
|
||||
}
|
||||
@@ -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();
|
||||
});
|
||||
});
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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 {
|
||||
}
|
||||
Reference in New Issue
Block a user