Revize 9f45a114
Přidáno uživatelem Václav Jirák před téměř 6 roky(ů)
| frontend/package.json | ||
|---|---|---|
| 16 | 16 |
"@angular/compiler": "~7.2.0", |
| 17 | 17 |
"@angular/core": "~7.2.0", |
| 18 | 18 |
"@angular/forms": "~7.2.0", |
| 19 |
"@angular/http": "latest", |
|
| 19 | 20 |
"@angular/platform-browser": "~7.2.0", |
| 20 | 21 |
"@angular/platform-browser-dynamic": "~7.2.0", |
| 21 | 22 |
"@angular/router": "~7.2.0", |
| 23 |
"@ng-bootstrap/ng-bootstrap": "^4.1.1", |
|
| 24 |
"angular-calendar": "^0.27.5", |
|
| 25 |
"angularx-flatpickr": "^6.1.0", |
|
| 22 | 26 |
"core-js": "^2.5.4", |
| 27 |
"date-fns": "^1.30.1", |
|
| 28 |
"flatpickr": "^4.5.7", |
|
| 23 | 29 |
"rxjs": "~6.3.3", |
| 24 | 30 |
"tslib": "^1.9.0", |
| 25 |
"zone.js": "~0.8.26", |
|
| 26 |
"@angular/http": "latest" |
|
| 31 |
"zone.js": "~0.8.26" |
|
| 27 | 32 |
}, |
| 28 | 33 |
"devDependencies": {
|
| 29 | 34 |
"@angular-devkit/build-angular": "~0.13.0", |
| frontend/src/app/day-picker/day-picker.component.sass | ||
|---|---|---|
| 1 |
@import '../../common-styles/basic-component' |
|
| 2 |
|
|
| 1 | 3 |
.day-picker-container |
| 2 |
background-color: white |
|
| 3 |
padding: 10px |
|
| 4 |
border: 1px solid gainsboro |
|
| 4 |
@extend .basic-component |
|
| 5 | 5 |
|
| 6 | 6 |
#day-picker-date |
| 7 | 7 |
font-weight: bold |
| frontend/src/app/day-picker/day-picker.module.ts | ||
|---|---|---|
| 1 | 1 |
import { NgModule } from '@angular/core';
|
| 2 |
import { CommonModule } from '@angular/common';
|
|
| 3 |
import { FormsModule } from '@angular/forms';
|
|
| 4 |
import { FlatpickrModule } from 'angularx-flatpickr';
|
|
| 5 | 2 |
import { CalendarModule, DateAdapter } from 'angular-calendar';
|
| 6 | 3 |
import { adapterFactory } from 'angular-calendar/date-adapters/date-fns';
|
| 7 |
import { NgbModalModule } from '@ng-bootstrap/ng-bootstrap';
|
|
| 8 | 4 |
import { DayPickerComponent } from './day-picker.component';
|
| 9 | 5 |
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
| 10 | 6 |
|
| 11 | 7 |
@NgModule({
|
| 12 |
imports: [ |
|
| 13 |
CommonModule, |
|
| 14 |
FormsModule, |
|
| 15 |
NgbModalModule, |
|
| 16 |
FlatpickrModule.forRoot(), |
|
| 17 |
CalendarModule.forRoot({
|
|
| 18 |
provide: DateAdapter, |
|
| 19 |
useFactory: adapterFactory |
|
| 20 |
}), |
|
| 21 |
BrowserAnimationsModule |
|
| 22 |
], |
|
| 23 |
declarations: [DayPickerComponent], |
|
| 24 |
exports: [DayPickerComponent] |
|
| 8 |
declarations: [ DayPickerComponent ], |
|
| 9 |
exports: [ DayPickerComponent ], |
|
| 10 |
imports: [ |
|
| 11 |
CalendarModule.forRoot({
|
|
| 12 |
provide: DateAdapter, |
|
| 13 |
useFactory: adapterFactory |
|
| 14 |
}), |
|
| 15 |
BrowserAnimationsModule |
|
| 16 |
], |
|
| 25 | 17 |
}) |
| 26 | 18 |
export class DayPickerModule {}
|
| frontend/src/common-styles/basic-component.sass | ||
|---|---|---|
| 1 |
.basic-component |
|
| 2 |
background-color: white |
|
| 3 |
padding: 10px |
|
| 4 |
border: 1px solid gainsboro |
|
| 5 |
|
|
| 6 |
.component-header |
|
| 7 |
font-size: 15px |
|
| 8 |
border-bottom: 1px solid gainsboro |
|
| 9 |
padding: 0 0 10px 20px |
|
| 10 |
margin: 0 -10px 0 -10px |
|
Také k dispozici: Unified diff
Re #7263 Day picker component modified