Skip to content

Commit 5f4e39b

Browse files
karthickthangasamykarthickthangasamy
authored
Merge pull request #59 from saravanan-kanagaraj/master
feature(REPORT-518926): Bold Reports 15.1 Release changes
2 parents 2bcb2b3 + 37a5bad commit 5f4e39b

57 files changed

Lines changed: 1003 additions & 535 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎package.json‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "angular-samples",
3-
"version": "14.1.12",
3+
"version": "15.1.10",
44
"scripts": {
55
"test": "gulp test",
66
"postinstall": "gulp copy",
@@ -15,10 +15,10 @@
1515
"@angular/forms": "22.0.5",
1616
"@angular/platform-browser": "22.0.5",
1717
"@angular/router": "22.0.5",
18-
"@boldreports/angular-reporting-components": "14.1.12",
19-
"@boldreports/javascript-reporting-controls": "14.1.12",
20-
"@boldreports/javascript-reporting-extensions": "14.1.12",
21-
"@boldreports/types": "14.1.12",
18+
"@boldreports/angular-reporting-components": "15.1.10",
19+
"@boldreports/javascript-reporting-controls": "15.1.10",
20+
"@boldreports/javascript-reporting-extensions": "15.1.10",
21+
"@boldreports/types": "15.1.10",
2222
"@syncfusion/ej2-angular-buttons": "22.2.5",
2323
"@syncfusion/ej2-angular-calendars": "22.2.5",
2424
"@syncfusion/ej2-angular-dropdowns": "22.2.5",

‎src/app/common/header/header.component.html‎

Lines changed: 19 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,26 @@
11
<!--Header portion-->
2-
<div class="ej-sb-header">
3-
<div class="ej-sb-left-side">
2+
<div class="ej-sb-header br-navbar">
3+
<div class="ej-sb-left-side br-nav-left">
44
<div class="ej-sb-hamburger-icon ej-sb-icons" (click)="onClick()"></div>
5-
<div class="ej-sb-platform-name">Bold Reports<sup>®</sup> for Angular</div>
6-
<div class="dropdown">
7-
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown"
8-
aria-haspopup="true" aria-expanded="false">
9-
</button>
10-
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
11-
<a class="dropdown-item active">{{platformName}}</a>
12-
<a *ngFor="let platform of platforms" class="dropdown-item"
13-
(click)="platformSwitcher(platform)">{{platform}}</a>
5+
<div class="ej-sb-logo-title-group">
6+
<a href="https://www.boldreports.com/" target="_blank" class="ej-sb-logo-link">
7+
<div class="ej-sb-logo"></div>
8+
</a>
9+
</div>
10+
<span class="ej-sb-divider"></span>
11+
<div class="ej-sb-framework-group">
12+
<span class="ej-sb-framework-label">Frameworks</span>
13+
<div class="ej-sb-framework-switcher">
14+
<a class="br-header-nav-link" [href]="aspNetUrl" >ASP.NET Core</a>
15+
<a class="br-header-nav-link" [href]="blazorUrl" >Blazor</a>
16+
<a class="br-header-nav-link active" [href]="angularUrl" >Angular</a>
17+
<a class="br-header-nav-link" [href]="reactUrl" >React</a>
18+
<a class="br-header-nav-link" [href]="javascriptUrl" >JavaScript</a>
1419
</div>
1520
</div>
16-
1721
</div>
18-
<div class="ej-sb-right-side">
19-
<!-- We hided this element as per management instruction -->
20-
<!-- <a class="ej-sb-button nav-link bold-schedule-demo" href="https://www.boldreports.com/schedule-free-demo" target="_blank" rel="noreferrer">Schedule
21-
Free Demo</a> -->
22-
<a class="ej-sb-button nav-link product-detail" href="https://www.boldreports.com/embedded-reporting/angular-report-viewer" target="_blank" rel="noreferrer">Product Detail</a>
23-
<a class="ej-sb-button nav-link try-it-free" href="https://www.boldreports.com/register/reports?evaluation=v2" rel="noreferrer">Try it Free</a>
22+
<div class="ej-sb-right-side br-nav-right">
23+
<a class="ej-sb-button br-btn br-btn-xs br-btn-secondary product-detail" href="https://www.boldreports.com/embedded-reporting/angular-report-viewer" target="_blank">Product Details</a>
24+
<a class="ej-sb-button br-btn br-btn-xs br-btn-primary try-it-free" href="https://www.boldreports.com/register/reports?evaluation=v2">Try it Free</a>
2425
</div>
2526
</div>

‎src/app/common/header/header.component.scss‎

Lines changed: 151 additions & 101 deletions
Original file line numberDiff line numberDiff line change
@@ -61,84 +61,140 @@
6161
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
6262
}
6363

64-
@font-face {
65-
font-family: 'ej-sb-header-icons';
66-
src:
67-
url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
68-
font-weight: normal;
69-
font-style: normal;
70-
}
7164

7265
.ej-sb-header {
73-
background-color: #FFFFFF;
74-
box-shadow: 0 8px 11px -6px rgba(0, 0, 0, 0.12);
75-
height: 48px;
66+
background-color: var(--neutral-0);
67+
box-shadow: 0 1px 3px rgba(13,19,31,0.1), 0 1px 2px -1px rgba(13,19,31,0.1);
68+
height: 64px;
7669
width: 100%;
7770
display: flex;
7871
position: fixed;
7972
z-index: 10000;
8073
justify-content: space-between;
74+
align-items: center;
75+
padding: 0 22px;
76+
border-bottom: 1px solid var(--neutral-200);
8177

8278
.ej-sb-left-side {
8379
height: inherit;
8480
display: flex;
8581
align-items: center;
82+
gap: 26px;
8683

8784
.ej-sb-hamburger-icon {
88-
margin: 0 21px 0 25px;
8985
font-size: 24px;
9086
cursor: pointer;
87+
display: flex;
88+
align-items: center;
89+
justify-content: center;
90+
width: 34px;
91+
height: 34px;
92+
border-radius: var(--r-md, 8px);
93+
transition: background var(--dur-fast, 120ms) var(--ease, cubic-bezier(.4,0,.2,1));
94+
95+
&:hover {
96+
background-color: var(--blue-50);
97+
}
9198

9299
&::before {
93100
content: "\e914";
94-
color: #333;
101+
color: (--neutral-600);
95102
}
96103
}
97104

98-
.ej-sb-platform-name {
99-
font-size: 15px;
100-
opacity: 0.87;
101-
font-weight: 600;
102-
color: #2b3a5c;
105+
.ej-sb-logo-title-group {
106+
display: flex;
107+
align-items: center;
108+
gap: 12px;
109+
}
110+
111+
.ej-sb-logo-link {
112+
display: inline-block;
113+
114+
.ej-sb-logo {
115+
display: inline-block;
116+
width: 120px;
117+
height: 36px;
118+
background-image: url('https://cdn.boldreports.com/website/images/logo/bold-reports-logo.svg');
119+
background-size: contain;
120+
background-repeat: no-repeat;
121+
background-position: bottom;
122+
}
103123
}
104124

105-
.dropdown {
125+
106126

107-
button.btn-secondary {
108-
background: transparent;
109-
color: #2b3a5c;
110-
opacity: .87;
111-
border: none;
112-
box-shadow: none;
113-
margin-top: 4px;
114-
padding-left: 5px;
127+
.ej-sb-divider {
128+
border-left: 1px solid var(--neutral-200);
129+
height: 22px;
130+
}
115131

116-
&:focus,
117-
&:active,
118-
&:active:focus {
119-
background: transparent;
120-
color: #2b3a5c;
121-
border: none;
122-
box-shadow: none;
132+
.ej-sb-framework-group {
133+
display: flex;
134+
align-items: center;
135+
gap: 9px;
123136

124-
}
137+
.ej-sb-framework-label {
138+
font-size: 12px;
139+
font-weight: 600;
140+
color: var(--neutral-500);
141+
letter-spacing: 0.05em;
125142
}
126143

127-
.dropdown-menu {
128-
a {
144+
.ej-sb-framework-switcher {
145+
position: relative;
146+
display: inline-flex;
147+
gap: 2px;
148+
padding: 4px;
149+
border-radius: 999px;
150+
background: var(--neutral-0);
151+
border: 1px solid rgba(255,255,255,0.9);
152+
box-shadow: 0 8px 20px -10px rgba(10,62,125,0.22), 0 3px 8px -3px rgba(16,100,199,0.18);
153+
backdrop-filter: blur(10px);
154+
-webkit-backdrop-filter: blur(10px);
155+
156+
.br-header-nav-link {
157+
position: relative;
129158
cursor: pointer;
130-
font-size: 14px;
159+
font-size: 12.5px;
160+
letter-spacing: -0.005em;
161+
padding: 7px 14px;
162+
border-radius: 999px;
163+
border: none;
164+
background: transparent;
165+
color: var(--neutral-600);
166+
box-shadow: none;
167+
transform: translateZ(0);
168+
transition: all var(--dur-fast, 120ms) var(--ease, cubic-bezier(.4,0,.2,1));
169+
white-space: nowrap;
170+
text-decoration: none;
171+
font-weight: 500;
131172

132-
&.active {
133-
background: transparent;
134-
color: #ff5f23;
135-
cursor: default;
136-
pointer-events: none;
173+
&:hover {
174+
color: var(--blue-600);
175+
background: var(--blue-50);
176+
transform: translateY(-1px);
177+
box-shadow: 0 1px 0 rgba(255,255,255,0.9) inset, 0 6px 14px -6px rgba(16,100,199,0.35);
137178
}
138179

139180
&:active {
140-
background: transparent;
141-
color: #2b3a5c;
181+
transform: translateY(0);
182+
}
183+
184+
&.active {
185+
background: var(--blue-600);
186+
color: var(--neutral-0);
187+
font-weight: 600;
188+
box-shadow: 0 1px 0 rgba(255,255,255,0.35) inset, 0 -1px 0 rgba(0,0,0,0.08) inset, 0 5px 12px -4px rgba(16,100,199,0.55);
189+
text-shadow: 0 1px 0 rgba(0,0,0,0.12);
190+
pointer-events: none;
191+
192+
&:hover {
193+
background: var(--blue-600);
194+
color: var(--neutral-0);
195+
transform: none;
196+
box-shadow: 0 1px 0 rgba(255,255,255,0.35) inset, 0 -1px 0 rgba(0,0,0,0.08) inset, 0 5px 12px -4px rgba(16,100,199,0.55);
197+
}
142198
}
143199
}
144200
}
@@ -149,71 +205,50 @@
149205
height: inherit;
150206
display: flex;
151207
align-items: center;
208+
gap: 12px;
152209

153-
.ej-sb-header-icons {
154-
font-family: 'ej-sb-header-icons';
155-
font-style: normal;
156-
font-weight: normal;
157-
font-variant: normal;
158-
text-transform: none;
159-
-webkit-font-smoothing: antialiased;
160-
-moz-osx-font-smoothing: grayscale;
161-
}
162-
163-
.ej-sb-divider {
164-
border-left: 1px solid rgb(196, 196, 196);
165-
height: 32px;
166-
}
167210

168211
a {
169-
font-size: 20px;
170-
cursor: pointer;
171-
text-decoration: none;
172-
margin: 0 10px 0px 10px;
173-
color: #333;
174-
opacity: .87;
175-
176212
&.ej-sb-button {
177-
width: 125px;
178-
border-radius: 5px;
179-
height: 35px;
180-
font-size: 14px;
181-
font-weight: 500;
182-
opacity: 1;
183-
text-decoration: none;
213+
display: inline-flex;
214+
align-items: center;
215+
justify-content: center;
216+
font-weight: 600;
217+
border-radius: 12px;
218+
border: 1px solid transparent;
184219
cursor: pointer;
185-
text-align: center;
186-
padding: 0.4rem 0.5rem 1rem 0.5rem;
187-
}
188-
&.bold-schedule-demo {
189-
border-color: #ff4800;
190-
border-style: solid;
191-
border-width: 1px;
192-
background-color: #ffffff;
193-
color: #ff4800 !important;
194-
195-
&:hover {
196-
background-color: #ff4800;
197-
color: #ffffff !important;
220+
line-height: 1;
221+
text-decoration: none;
222+
transition: all var(--dur, 180ms) var(--ease, cubic-bezier(.4,0,.2,1));
223+
font-size: 14px;
224+
padding: 10px 18px;
225+
min-height: 40px;
226+
227+
&.product-detail {
228+
color: var(--blue-600);
229+
background: var(--neutral-0);
230+
border: 1px solid var(--blue-200);
231+
232+
&:hover {
233+
background: var(--blue-50);
234+
border-color: var(--blue-300);
235+
color: var(--blue-700);
236+
transform: translateY(-1px);
237+
}
198238
}
199-
}
200239

201-
&.try-it-free {
202-
background-color: #ff4800;
203-
color: #ffffff !important;
204-
}
205-
&.product-detail{
206-
border-color: #ff4800;
207-
border-style: solid;
208-
border-width: 1px;
209-
background: white;
210-
color: #ff4801;
211-
&:hover{
212-
background: #ff4801;
213-
color: white;
240+
&.try-it-free {
241+
color: var(--neutral-0);
242+
background: var(--blue-600);
243+
border: 1px solid var(--blue-600);
244+
245+
&:hover {
246+
background: var(--blue-700);
247+
border: 1px solid var(--blue-700);
248+
transform: translateY(-1px);
249+
}
214250
}
215251
}
216-
217252
}
218253

219254
.sb-icon-product:before {
@@ -229,7 +264,22 @@
229264
}
230265
}
231266

232-
@media only screen and (max-width: 850px) {
267+
@media only screen and (max-width: 1064px) and (min-width: 769px) {
268+
.ej-sb-right-side {
269+
display: none;
270+
}
271+
}
272+
273+
@media only screen and (max-width: 768px) {
274+
.ej-sb-left-side {
275+
.ej-sb-divider,
276+
.ej-sb-framework-group {
277+
display: none;
278+
}
279+
}
280+
}
281+
282+
@media only screen and (max-width: 500px) {
233283
.ej-sb-right-side {
234284
display: none;
235285
}

0 commit comments

Comments
 (0)