dashboard #1
@@ -7,14 +7,12 @@ import { HelpPageComponent } from "./help-page/help-page.component";
|
||||
import { DashboardPageComponent } from "./dashboard-page/dashboard-page.component";
|
||||
import { DashboardComponent } from "./dashboard-page/dashboard/dashboard.component";
|
||||
import { CustomizableGridComponent } from "./customizable-grid/customizable-grid.component";
|
||||
import { DatePickerTestComponent } from "./components/datepicker/date-picker-test.component";
|
||||
|
||||
const routes: Routes = [
|
||||
{ path: "", component: MainPageComponent },
|
||||
{ path: "vis", component: VisualizationPageComponent },
|
||||
{ path: "dashboard", component: DashboardPageComponent },
|
||||
{ path: "dashboard/:id", component: DashboardComponent },
|
||||
{ path: "testing/datepicker", component: DatePickerTestComponent },
|
||||
{ path: "upload", component: UploadPageComponent },
|
||||
{ path: "grid", component: CustomizableGridComponent },
|
||||
{ path: "help", component: HelpPageComponent },
|
||||
|
||||
@@ -12,7 +12,6 @@ import { UploadPageComponent } from "./upload-page/upload-page.component";
|
||||
import { VisualizationPageComponent } from "./visualization-page/visualization-page.component";
|
||||
|
||||
import { DatePickerComponent } from "./components/datepicker/date-picker.component";
|
||||
import { DatePickerTestComponent } from "./components/datepicker/date-picker-test.component";
|
||||
|
||||
import { MatAutocompleteModule } from "@angular/material/autocomplete";
|
||||
import { MatButtonModule } from "@angular/material/button";
|
||||
@@ -67,7 +66,6 @@ import { MarkdownModule } from "ngx-markdown";
|
||||
HelpPageComponent,
|
||||
UploadPageComponent,
|
||||
DatePickerComponent,
|
||||
DatePickerTestComponent,
|
||||
VisualizationPageComponent,
|
||||
YAxisDefinitionComponent,
|
||||
QueryAutocompleteComponent,
|
||||
|
||||
@@ -1,15 +0,0 @@
|
||||
<style></style>
|
||||
|
||||
<form>
|
||||
<app-date-picker
|
||||
[formControl]="datePicker"
|
||||
(dateValueSelected)="(dateChanged)"
|
||||
></app-date-picker>
|
||||
|
||||
Type: {{ datePicker.value?.type }}<br />
|
||||
value: {{ datePicker.value?.value }}<br />
|
||||
display: {{ datePicker.value?.display }}<br />
|
||||
</form>
|
||||
|
||||
<button (click)="readValue()">read value</button>
|
||||
<div>{{ output }}</div>
|
||||
@@ -1,29 +0,0 @@
|
||||
import { Component } from "@angular/core";
|
||||
import { FormControl, FormGroup, Validators } from "@angular/forms";
|
||||
import { DateValue } from "./date-picker.component";
|
||||
|
||||
@Component({
|
||||
selector: "app-date-picker-test",
|
||||
templateUrl: "./date-picker-test.component.html",
|
||||
})
|
||||
export class DatePickerTestComponent {
|
||||
datePicker = new FormControl<DateValue>(
|
||||
new DateValue(
|
||||
"ABSOLUTE",
|
||||
"2019-10-05 12:34:56 - 2019-10-11 23:59:59",
|
||||
"2019-10-05 12:34:56 - 2019-10-11 23:59:59",
|
||||
),
|
||||
);
|
||||
|
||||
output = "";
|
||||
|
||||
readValue() {
|
||||
this.output = this.datePicker.value?.type + " " +
|
||||
this.datePicker.value?.value;
|
||||
}
|
||||
|
||||
dateChanged(e: any) {
|
||||
console.log("dateChanged", e);
|
||||
this.output += "dateChanged: " + e;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user