Skip to content

Commit 82e4286

Browse files
AlisherAmonulloevAlisherAmonulloev
committed
Update projects
1 parent 408f2df commit 82e4286

34 files changed

+241
-392
lines changed

‎Angular/src/app/app.component.html‎

Lines changed: 36 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,36 @@
1-
<div class="default-style">
2-
<dx-button [text]="buttonText" (onClick)="onClick($event)"></dx-button>
3-
</div>
1+
<dx-button text="Open popup" (onClick)="togglePopup()"></dx-button>
2+
<dx-popup
3+
[(visible)]="isPopupVisible"
4+
[hideOnOutsideClick]="true"
5+
[showTitle]="true"
6+
title="Information"
7+
[height]="500"
8+
[width]="500"
9+
[resizeEnabled]="true"
10+
[dragEnabled]="true"
11+
position="center"
12+
>
13+
<div *dxTemplate="let data of 'content'">
14+
<img src="assets/images/dx-logo.png" alt="logo" />
15+
<p>
16+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
17+
tempor incididunt ut labore et dolore magna aliqua. Penatibus et magnis
18+
dis parturient. Eget dolor morbi non arcu risus. Tristique magna sit amet
19+
purus gravida quis blandit. Auctor urna nunc id cursus metus aliquam
20+
eleifend mi in. Tellus orci ac auctor augue mauris augue neque gravida.
21+
Nullam vehicula ipsum a arcu. Nullam ac tortor vitae purus faucibus ornare
22+
suspendisse sed nisi. Cursus in hac habitasse platea dictumst. Egestas dui
23+
id ornare arcu. Dictumst vestibulum rhoncus est pellentesque elit
24+
ullamcorper dignissim.
25+
</p>
26+
<p>
27+
Mauris rhoncus aenean vel elit scelerisque mauris pellentesque pulvinar.
28+
Neque volutpat ac tincidunt vitae semper quis lectus. Sed sed risus
29+
pretium quam vulputate dignissim suspendisse in. Urna nec tincidunt
30+
praesent semper feugiat nibh sed pulvinar. Ultricies lacus sed turpis
31+
tincidunt id aliquet risus feugiat. Amet cursus sit amet dictum sit amet
32+
justo donec enim. Vestibulum rhoncus est pellentesque elit ullamcorper. Id
33+
aliquet risus feugiat in ante metus dictum at.
34+
</p>
35+
</div>
36+
</dx-popup>

‎Angular/src/app/app.component.scss‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
1-
.default-style {
2-
margin: 50px;
3-
width: 90vw;
1+
img {
2+
width: 100%;
3+
height: 250px;
4+
object-fit: cover;
45
}

‎Angular/src/app/app.component.ts‎

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,18 @@
11
import { Component } from '@angular/core';
2-
import { ClickEvent } from 'devextreme/ui/button';
32

43
@Component({
54
selector: 'app-root',
65
templateUrl: './app.component.html',
76
styleUrls: ['./app.component.scss'],
87
})
98
export class AppComponent {
10-
title = 'Angular';
9+
isPopupVisible: boolean;
1110

12-
counter = 0;
13-
14-
buttonText = 'Click count: 0';
11+
constructor() {
12+
this.isPopupVisible = true;
13+
}
1514

16-
onClick(e: ClickEvent): void {
17-
this.counter++;
18-
this.buttonText = `Click count: ${this.counter}`;
15+
togglePopup(): void {
16+
this.isPopupVisible = !this.isPopupVisible;
1917
}
2018
}

‎Angular/src/app/app.module.ts‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import { NgModule } from '@angular/core';
22
import { BrowserModule } from '@angular/platform-browser';
33
import { DxButtonModule } from 'devextreme-angular/ui/button';
4+
import { DxPopupModule } from 'devextreme-angular/ui/popup';
45
import { AppRoutingModule } from './app-routing.module';
56
import { AppComponent } from './app.component';
67

@@ -12,6 +13,7 @@ import { AppComponent } from './app.component';
1213
BrowserModule,
1314
AppRoutingModule,
1415
DxButtonModule,
16+
DxPopupModule,
1517
],
1618
providers: [],
1719
bootstrap: [AppComponent],

‎Angular/src/app/orig_app.component.css‎

Lines changed: 0 additions & 5 deletions
This file was deleted.

‎Angular/src/app/orig_app.component.html‎

Lines changed: 0 additions & 28 deletions
This file was deleted.

‎Angular/src/app/orig_app.component.ts‎

Lines changed: 0 additions & 18 deletions
This file was deleted.

Angular/src/assets/images/orig_dx-logo.png renamed to Angular/src/assets/images/dx-logo.png

File renamed without changes.

‎Angular/src/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,12 @@
22
<html lang="en">
33
<head>
44
<meta charset="utf-8" />
5-
<title>Angular</title>
5+
<title>Getting Started with DevExtreme Angular Popup</title>
66
<base href="/" />
77
<meta name="viewport" content="width=device-width, initial-scale=1" />
88
<link rel="icon" type="image/x-icon" href="favicon.ico" />
99
</head>
10-
<body>
10+
<body class="dx-viewport">
1111
<app-root></app-root>
1212
</body>
1313
</html>

‎Angular/src/orig_index.html‎

Lines changed: 0 additions & 13 deletions
This file was deleted.

0 commit comments

Comments
 (0)