final checkout project

shrikantk3 · Jun 12, 2019 · c310997 · c310997
1 parent 582cddf
commit c310997
Show file tree

Hide file tree

Showing 4 changed files with 65 additions and 1,428 deletions.
diff --git a/package.json b/package.json
@@ -23,6 +23,7 @@
     "@angular/router": "~7.2.0",
     "@progress/kendo-angular-buttons": "^4.0.0",
     "@progress/kendo-angular-dateinputs": "2 - 3",
+    "@progress/kendo-angular-dialog": "^3.12.1",
     "@progress/kendo-angular-dropdowns": "2 - 3",
     "@progress/kendo-angular-excel-export": "1 - 2",
     "@progress/kendo-angular-inputs": "2 - 5",

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -6,6 +6,8 @@ import { AppComponent } from './app.component';
 import { DashboardComponent } from './dashboard/dashboard.component';
 // import { GridModule } from '@progress/kendo-angular-grid';
 import {MatButtonModule} from '@angular/material/button';
+import { DialogModule } from '@progress/kendo-angular-dialog';
+import { ButtonsModule } from '@progress/kendo-angular-buttons';
 import { ServicesService } from './services.service'
 import { GridModule } from '@progress/kendo-angular-grid';
 import { HttpClientModule } from '@angular/common/http'
@@ -24,6 +26,7 @@ import { HttpClientModule } from '@angular/common/http'
     GridModule,
     // MatButtonModule,
     // MatCheckboxModule
+    DialogModule
   ], 
   providers: [ServicesService],
   bootstrap: [AppComponent]

diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
@@ -14,21 +14,42 @@
     [pageable]="true"
     [filterable]="true"
     (dataStateChange)="dataStateChange($event)"
+    (cellClick)='onGridSelectionChange($event)'
 >
-<kendo-grid-column field="points" title="ID" width="40" [filterable]="false">
-</kendo-grid-column>
+<!-- <kendo-grid-column field="objectID" title="ID" width="140" [filterable]="false">
+</kendo-grid-column> -->
 <kendo-grid-column field="title" title="Title">
 </kendo-grid-column>
-<kendo-grid-column field="created_at" title="Cresate On" width="240" filter="date" format="{0:d}">
+<kendo-grid-column field="url" title="Url" width="240">
+</kendo-grid-column>
+<kendo-grid-column field="created_at" title="Cresate On" width="180" filter="date" format="{0:d}">
+</kendo-grid-column>
+<kendo-grid-column field="points" title="Point" width="180" filter="numeric">
 </kendo-grid-column>
-<kendo-grid-column field="points" title="Point" width="180" filter="numeric" format="{0:c}">
+<kendo-grid-column field="author" title="Author">
 </kendo-grid-column>
-<kendo-grid-column field="Discontinued" width="120" filter="boolean">
+<!-- <kendo-grid-column field="Discontinued" width="120" filter="boolean">
     <ng-template kendoGridCellTemplate let-dataItem>
         <input type="checkbox" [checked]="dataItem.Discontinued" disabled/>
     </ng-template>
-</kendo-grid-column>
+</kendo-grid-column> -->
 </kendo-grid> 
   </div>
 </div>
-</div>
+</div>
+
+<kendo-dialog title="Detail" *ngIf="opened" (close)="close('cancel')" [minWidth]="250" [width]="450">
+      <div class="row">
+        <div class="col-sm-6"><label><b>Author :</b> {{popupData.author}}</label></div>
+        <div class="col-sm-6"><label><b>Author ID :</b> {{popupData.objectID}}</label></div>
+        <div class="col-sm-12"><label><b>Title :</b> {{popupData.title}}</label></div>
+        <div class="col-sm-12"><label><b>URL :</b> <a href="{{popupData.url}}"> {{popupData.url}}</a></label></div>
+        <div class="col-sm-6"><label><b>Created date :</b> {{popupData.created_at | date}}</label></div>
+        <div class="col-sm-6"><label><b>Score :</b> {{popupData.relevancy_score}}</label></div>
+        <div class="col-sm-6"><label><b>Points :</b> {{popupData.points}}</label></div>
+      </div>
+  <kendo-dialog-actions>
+      <button kendoButton (click)="close('no')">No</button>
+      <button kendoButton (click)="close('yes')" primary="true">Yes</button>
+  </kendo-dialog-actions>
+</kendo-dialog>