Skip to content

Commit fbcad64

Browse files
EugeneIvankinEugeneIvankin
committed
Updated design.
1 parent 470eeaa commit fbcad64

File tree

68 files changed

+913
-918
lines changed

Some content is hidden

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

68 files changed

+913
-918
lines changed

‎src/app/components/file-input/file-input.component.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@
3030
<div *ngIf="!(file$ | async) && !(fileName$ | async); else filePreviewTemplate" class="fileinput-new thumbnail"
3131
style="width: 200px; height: 150px;">
3232
<img alt="..."
33-
src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOTEiIGhlaWdodD0iMTQxIj48cmVjdCB3aWR0aD0iMTkxIiBoZWlnaHQ9IjE0MSIgZmlsbD0iI2VlZSIvPjx0ZXh0IHRleHQtYW5jaG9yPSJtaWRkbGUiIHg9Ijk1LjUiIHk9IjcwLjUiIHN0eWxlPSJmaWxsOiNhYWE7Zm9udC13ZWlnaHQ6Ym9sZDtmb250LXNpemU6MTJweDtmb250LWZhbWlseTpBcmlhbCxIZWx2ZXRpY2Esc2Fucy1zZXJpZjtkb21pbmFudC1iYXNlbGluZTpjZW50cmFsIj4xOTF4MTQxPC90ZXh0Pjwvc3ZnPg==">
33+
src="./assets/img/file-backgraund.png">
3434
</div>
3535
<div>
3636
<button *ngIf="!(fileName$ | async); else changeButtonsTemplate" (click)="onSelect()" type="button"

‎src/app/layout/layout.template.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@
2323
<router-outlet></router-outlet>
2424
</div>
2525
<footer class="content-footer">
26-
Light Blue Angular - Admin Angular 8 Template made by <a href="https://flatlogic.com" rel="nofollow"
26+
Light Blue Angular - Admin Angular 9 Template made by <a href="https://flatlogic.com" rel="nofollow"
2727
target="_blank">Flatlogic</a>
2828
</footer>
2929
</main>

‎src/app/layout/sidebar/sidebar.template.html

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<header class="logo">
2-
<a href="https://demo.flatlogic.com/light-blue-react/">Light <span class="fw-bold">Blue</span></a>
2+
<a href="https://flatlogic.com/templates/light-blue-angular/demo">Light <span class="fw-bold">Blue</span></a>
33
</header>
44
<ul id="side-nav" class="side-nav">
55
<li class="accordion-group panel" [routerLinkActive]="['active']">
@@ -163,13 +163,13 @@ <h6 class="sidebar-nav-title">LABELS <a class="action-link" href="#"><i class="g
163163
<li>
164164
<a href="#">
165165
<!-- yep, .circle again -->
166-
<i class="fa fa-circle text-warning"></i>
166+
<i class="fa fa-circle text-primary"></i>
167167
<span class="label-name">My Recent</span>
168168
</a>
169169
</li>
170170
<li>
171171
<a href="#">
172-
<i class="fa fa-circle text-gray"></i>
172+
<i class="fa fa-circle text-success"></i>
173173
<span class="label-name">Starred</span>
174174
</a>
175175
</li>
@@ -186,12 +186,16 @@ <h6 class="sidebar-nav-title">PROJECTS</h6>
186186
<div class="sidebar-alerts">
187187
<alert [dismissible]="true" type="transparent">
188188
<span class="text-white fw-semi-bold">Sales Report</span> <br>
189-
<progressbar class="progress-xs mt-1 mb-0" [value]="16"></progressbar>
189+
<div class="progress progress-xs w-100">
190+
<div class="progress-bar bg-primary" style="width: 65%"></div>
191+
</div>
190192
<small>Calculating x-axis bias... 65%</small>
191193
</alert>
192194
<alert [dismissible]="true" type="transparent">
193195
<span class="text-white fw-semi-bold">Personal Responsibility</span> <br>
194-
<progressbar class="progress-xs mt-1 mb-0" type="danger" [value]="23"></progressbar>
196+
<div class="progress progress-xs">
197+
<div class="progress-bar bg-success" style="width: 23%"></div>
198+
</div>
195199
<small>Provide required notes</small>
196200
</alert>
197-
</div>
201+
</div>

‎src/app/pages/charts/apexcharts/apexcharts.component.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ <h1 class="page-title">Apex Charts</h1>
99
<h5 *widgsterTitle>
1010
Apex <span class=fw-semi-bold>Mixed Chart</span>
1111
</h5>
12-
<apx-chart class="chart-inner transparent-bg" [series]="apexOptions5.series" [stroke]="apexOptions5.stroke"
12+
<apx-chart class="chart-inner transparent-bg" [grid]="apexOptions5.grid" [series]="apexOptions5.series" [stroke]="apexOptions5.stroke"
1313
[chart]="apexOptions5.chart" [colors]="apexOptions5.colors" [legend]="apexOptions5.legend"
1414
[xaxis]="apexOptions5.xaxis" [yaxis]="apexOptions5.yaxis" [tooltip]="apexOptions5.tooltip">
1515
</apx-chart>
@@ -22,7 +22,7 @@ <h5 class="mt">Interactive <span class="fw-semi-bold">Sparklines</span></h5>
2222
<h6 class="name text-muted no-margin fs-mini">Overall Values</h6>
2323
</div>
2424
<div class="stat-item stat-item-mini-chart">
25-
<div style="height: 30px; width: 54px;" class="sparkline" echarts [options]="echartBarChartData3"></div>
25+
<div style="height: 30px; width: 54px;" class="sparkline" echarts [options]="apexBarChartData1"></div>
2626
</div>
2727
</div>
2828
</div>
@@ -33,7 +33,7 @@ <h6 class="name text-muted no-margin fs-mini">Overall Values</h6>
3333
<h6 class="name text-muted no-margin fs-mini">Overall Values</h6>
3434
</div>
3535
<div class="stat-item stat-item-mini-chart">
36-
<div style="height: 30px; width: 54px;" echarts [options]="echartBarChartData4">
36+
<div style="height: 30px; width: 54px;" echarts [options]="apexBarChartData2">
3737
</div>
3838
</div>
3939
</div>
@@ -94,7 +94,7 @@ <h5 *widgsterTitle>
9494
<h5 *widgsterTitle>
9595
Apex <span class=fw-semi-bold>Bars Stacked</span>
9696
</h5>
97-
<apx-chart class="chart-inner transparent-bg" [chart]="apexOptions9.chart" [series]="apexOptions9.series"
97+
<apx-chart class="chart-inner transparent-bg" [grid]="apexOptions9.grid" [chart]="apexOptions9.chart" [series]="apexOptions9.series"
9898
[plotOptions]="apexOptions9.plotOptions" [colors]="apexOptions9.colors" [dataLabels]="apexOptions9.dataLabels"
9999
[legend]="apexOptions9.legend" [xaxis]="apexOptions9.xaxis" [yaxis]="apexOptions9.yaxis"></apx-chart>
100100
</section>

‎src/app/pages/charts/apexcharts/apexcharts.component.ts

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import { Component, ViewChildren, QueryList, OnDestroy, ChangeDetectionStrategy
22
import { ChartComponent } from 'ng-apexcharts';
33

44
import { apexOptions4, apexOptions5, apexOptions6, apexOptions7, apexOptions8, apexOptions9 } from '../../../utils/data/apex-charts.data';
5-
import { echartBarChartData3, echartBarChartData4 } from '../../../utils/data/echarts.data';
5+
import { apexBarChartData1, apexBarChartData2 } from '../../../utils/data/echarts.data';
66

77
@Component({
88
selector: 'app-apexcharts',
@@ -18,8 +18,8 @@ export class ApexchartsComponent implements OnDestroy {
1818
public apexOptions9: any = apexOptions9;
1919
@ViewChildren(ChartComponent) public apexchartsList: QueryList<ChartComponent>;
2020

21-
public echartBarChartData3: any = echartBarChartData3;
22-
public echartBarChartData4: any = echartBarChartData4;
21+
public apexBarChartData1: any = apexBarChartData1;
22+
public apexBarChartData2: any = apexBarChartData2;
2323

2424
public ngOnDestroy(): void {
2525
this.apexchartsList.forEach((c: ChartComponent) => {

‎src/app/pages/charts/echarts/echarts.component.html

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -97,9 +97,9 @@ <h5 *widgsterTitle>
9797
<p class="mt">Possible actions:</p>
9898
<div class="buttons">
9999
<div class="btn-group">
100-
<button class="btn btn-light">Yoga</button>
101-
<button class="btn btn-light">Coffee</button>
102-
<button class="btn btn-light">Dancing</button>
100+
<button class="btn btn-default">Yoga</button>
101+
<button class="btn btn-default">Coffee</button>
102+
<button class="btn btn-default">Dancing</button>
103103
</div>
104104
</div>
105105
</section>
@@ -109,11 +109,13 @@ <h5 *widgsterTitle>
109109
<h5 *widgsterTitle>
110110
Echarts <span class=fw-semi-bold>Bar Chart</span>
111111
</h5>
112-
<div class="input-group input-group-transparent">
113-
<input class="form-control" type="text" size="16" placeholder="Filter By Period: MM/DD/YYY" />
114-
<div class="input-group-append bg-white" slot="append">
115-
<span class="input-group-text"><i class="fa fa-search"></i></span>
116-
</div>
112+
<div class="input-group mt">
113+
<input type="text" class="form-control input-transparent" placeholder="Filter By Period: MM/DD/YYY">
114+
<span class="input-group-btn">
115+
<button type="submit" class="btn btn-default">
116+
<i class="fa fa-search text-gray-dark"></i>
117+
</button>
118+
</span>
117119
</div>
118120
<div style="height: 320px;" class="chart-overflow-bottom" echarts [options]="echartBarChartData2">
119121
</div>

‎src/app/pages/charts/ngx-charts/ngx-charts.component.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -103,8 +103,8 @@ <h5 *widgsterTitle>
103103
[explodeSlices]="ngxDoughnutChartData.expllodeSlices"
104104
[doughnut]="ngxDoughnutChartData.doughnut"
105105
>
106-
</ngx-charts-pie-chart>
107-
</div>
106+
</ngx-charts-pie-chart>
107+
</div>
108108
<p class="fs-mini text-muted">
109109
Donuts a great for representing some parted information
110110
like traffice sources, disk partitions,

‎src/app/pages/charts/overview/overview.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -30,8 +30,8 @@ <h5 *widgsterTitle>
3030
Realtime <span class="fw-semi-bold">Echarts</span>
3131
</h5>
3232
<h5>720 Users</h5>
33-
<div class="bg-gray-lighter progress progress-xs">
34-
<div class="progress-bar progress-xs bg-gray" style="width: 60%;" data-width="60%"></div>
33+
<div class="progress progress-xs">
34+
<div class="progress-bar progress-xs bg-success" style="width: 60%;" data-width="60%"></div>
3535
</div>
3636
<p class="fs-mini text-muted mb-lg">
3737
<span class="circle bg-success text-white">
@@ -53,7 +53,7 @@ <h5>720 Users</h5>
5353
<h5 *widgsterTitle>
5454
Apex <span class="fw-semi-bold">Charts</span>
5555
</h5>
56-
<apx-chart class="chart-inner transparent-bg" [series]="apexOptions3.series" [stroke]="apexOptions3.stroke"
56+
<apx-chart class="chart-inner transparent-bg" [grid]="apexOptions3.grid" [series]="apexOptions3.series" [stroke]="apexOptions3.stroke"
5757
[chart]="apexOptions3.chart" [colors]="apexOptions3.colors" [legend]="apexOptions3.legend"
5858
[xaxis]="apexOptions3.xaxis" [yaxis]="apexOptions3.yaxis" [tooltip]="apexOptions3.tooltip">
5959
</apx-chart>

‎src/app/pages/core/grid/grid.template.html

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -37,13 +37,13 @@ <h5 *widgsterTitle>
3737
&lt;div <span class="text-primary">class=</span><span class="text-danger">"container"</span>&gt;
3838
&lt;div <span class="text-primary">class=</span><span class="text-danger">"row"</span>&gt;
3939
&lt;div <span class="text-primary">class=</span><span class="text-danger">"col-sm"</span>&gt;
40-
<span class="text-dark">One of three columns</span>
40+
<span class="text-warning">One of three columns</span>
4141
&lt;/div&gt;
4242
&lt;div <span class="text-primary">class=</span><span class="text-danger">"col-sm"</span>&gt;
43-
<span class="text-dark">One of three columns</span>
43+
<span class="text-warning">One of three columns</span>
4444
&lt;/div&gt;
4545
&lt;div <span class="text-primary">class=</span><span class="text-danger">"col-sm"</span>&gt;
46-
<span class="text-dark">One of three columns</span>
46+
<span class="text-warning">One of three columns</span>
4747
&lt;/div&gt;
4848
&lt;/div&gt;
4949
&lt;/div&gt;</pre>
@@ -77,10 +77,10 @@ <h5 *widgsterTitle>
7777
&lt;div <span class="text-primary">class=</span><span class="text-danger">"container"</span>&gt;
7878
&lt;div <span class="text-primary">class=</span><span class="text-danger">"row"</span>&gt;
7979
&lt;div <span class="text-primary">class=</span><span class="text-danger">"col"</span>&gt;
80-
<span class="text-dark">1 of 2</span>
80+
<span class="text-warning">1 of 2</span>
8181
&lt;/div&gt;
8282
&lt;div <span class="text-primary">class=</span><span class="text-danger">"col"</span>&gt;
83-
<span class="text-dark">2 of 2</span>
83+
<span class="text-warning">2 of 2</span>
8484
&lt;/div&gt;
8585
&lt;/div&gt;
8686
&lt;/div&gt;</pre>
@@ -196,13 +196,13 @@ <h5 *widgsterTitle>
196196
&lt;div <span class="text-primary">class=</span><span class="text-danger">"container"</span>&gt;
197197
&lt;div <span class="text-primary">class=</span><span class="text-danger">"row"</span>&gt;
198198
&lt;div <span class="text-primary">class=</span><span class="text-danger">"col align-self-start"</span>&gt;
199-
<span class="text-dark">Start</span>
199+
<span class="text-warning">Start</span>
200200
&lt;/div&gt;
201201
&lt;div <span class="text-primary">class=</span><span class="text-danger">"col align-self-center"</span>&gt;
202-
<span class="text-dark">Center</span>
202+
<span class="text-warning">Center</span>
203203
&lt;/div&gt;
204204
&lt;div <span class="text-primary">class=</span><span class="text-danger">"col align-self-end"</span>&gt;
205-
<span class="text-dark">End</span>
205+
<span class="text-warning">End</span>
206206
&lt;/div&gt;
207207
&lt;/div&gt;
208208
&lt;/div&gt;</pre>
@@ -263,29 +263,29 @@ <h5 *widgsterTitle>
263263
&lt;div <span class="text-primary">class=</span><span class="text-danger">"container"</span>&gt;
264264
&lt;div <span class="text-primary">class=</span><span class="text-danger">"row justify-content-end"</span>&gt;
265265
&lt;div <span class="text-primary">class=</span><span class="text-danger">"col-2"</span>&gt;
266-
<span class="text-dark">1</span>
266+
<span class="text-warning">1</span>
267267
&lt;/div&gt;
268268
&lt;div <span class="text-primary">class=</span><span class="text-danger">"col-2"</span>&gt;
269-
<span class="text-dark">2</span>
269+
<span class="text-warning">2</span>
270270
&lt;/div&gt;
271271
&lt;/div&gt;
272272
&lt;div <span class="text-primary">class=</span><span class="text-danger">"row justify-content-around"</span>&gt;
273273
&lt;div <span class="text-primary">class=</span><span class="text-danger">"col-2"</span>&gt;
274-
<span class="text-dark">1</span>
274+
<span class="text-warning">1</span>
275275
&lt;/div&gt;
276276
&lt;div <span class="text-primary">class=</span><span class="text-danger">"col-2"</span>&gt;
277-
<span class="text-dark">2</span>
277+
<span class="text-warning">2</span>
278278
&lt;/div&gt;
279279
&lt;/div&gt;
280280
&lt;div <span class="text-primary">class=</span><span class="text-danger">"row justify-content-between"</span>&gt;
281281
&lt;div <span class="text-primary">class=</span><span class="text-danger">"col-2"</span>&gt;
282-
<span class="text-dark">1</span>
282+
<span class="text-warning">1</span>
283283
&lt;/div&gt;
284284
&lt;div <span class="text-primary">class=</span><span class="text-danger">"col-2"</span>&gt;
285-
<span class="text-dark">2</span>
285+
<span class="text-warning">2</span>
286286
&lt;/div&gt;
287287
&lt;div <span class="text-primary">class=</span><span class="text-danger">"col-2"</span>&gt;
288-
<span class="text-dark">3</span>
288+
<span class="text-warning">3</span>
289289
&lt;/div&gt;
290290
&lt;/div&gt;
291291
&lt;/div&gt;</pre>

‎src/app/pages/ecommerce/management/management.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<div class="page-top-line">
66
<h1 class="page-title">Product - <span class="fw-semi-bold">Management</span></h1>
77
<alert type="success" class="promo-alert" [ngClass]="{'show-alert': showAlert}" [dismissible]="true">
8-
This page is only available in <a class="text-white font-weight-bold" rel="noreferrer noopener"
8+
This page is only available in <a class="text-dark-light font-weight-bold" rel="noreferrer noopener"
99
href="https://flatlogic.com/admin-dashboards/light-blue-angular-node-js" target="_blank">Light Blue Angular with
1010
Node.js</a> integration!
1111
</alert>
@@ -85,4 +85,4 @@ <h5 *widgsterTitle>List of Products</h5>
8585
</ng-template>
8686
</ngx-datatable-column>
8787
</ngx-datatable>
88-
</section>
88+
</section>

‎src/app/pages/ecommerce/product-detail/components/bag/bag.template.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<div class="btn-toolbar bag">
2-
<button class="btn btn-lg btn-dark btn-add">
2+
<button class="btn btn-lg btn-success btn-add">
33
add to bag
44
<img src="assets/img/bag.svg" alt="bag" />
55
</button>

‎src/app/pages/ecommerce/product-detail/components/banner/banner.template.html

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,9 @@
66
<selects [sizes]="[1, 2, 3, 4, 5]" [quantity]="[1, 2, 3, 4, 5, 6, 7]"></selects>
77
<bag></bag>
88
<ul class="payments">
9-
<li class="payment" style="background-image: url(./assets/img/payments/aexpress.svg)"></li>
10-
<li class="payment" style="background-image: url(./assets/img/payments/mastercard.svg)"></li>
11-
<li class="payment" style="background-image: url(./assets/img/payments/paypal.svg)"></li>
12-
<li class="payment" style="background-image: url(./assets/img/payments/visa.svg)"></li>
9+
<li class="payment" style="background-image: url(./assets/img/payments/mastercard.png)"></li>
10+
<li class="payment" style="background-image: url(./assets/img/payments/paypal.png)"></li>
11+
<li class="payment" style="background-image: url(./assets/img/payments/visa.png)"></li>
1312
</ul>
1413
<span class="delivery">FREE Delivery & Returns</span>
1514
</div>

‎src/app/pages/ecommerce/product-detail/components/rating/rating.template.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<div class="rating {{size ? 'rating-' + size : ''}}">
22
{{rating}}
33
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 49.94 49.94" width="17px" height="17px">
4-
<path d="M48.856,22.73c0.983-0.958,1.33-2.364,0.906-3.671c-0.425-1.307-1.532-2.24-2.892-2.438l-12.092-1.757 c-0.515-0.075-0.96-0.398-1.19-0.865L28.182,3.043c-0.607-1.231-1.839-1.996-3.212-1.996c-1.372,0-2.604,0.765-3.211,1.996 L16.352,14c-0.23,0.467-0.676,0.79-1.191,0.865L3.069,16.622c-1.359,0.197-2.467,1.131-2.892,2.438 c-0.424,1.307-0.077,2.713,0.906,3.671l8.749,8.528c0.373,0.364,0.544,0.888,0.456,1.4L8.224,44.701 c-0.183,1.06,0.095,2.091,0.781,2.904c1.066,1.267,2.927,1.653,4.415,0.871l10.814-5.686c0.452-0.237,1.021-0.235,1.472,0 l10.815,5.686c0.526,0.277,1.087,0.417,1.666,0.417c1.057,0,2.059-0.47,2.748-1.288c0.687-0.813,0.964-1.846,0.781-2.904 l-2.065-12.042c-0.088-0.513,0.083-1.036,0.456-1.4L48.856,22.73z" fill="#ffc247" />
4+
<path d="M48.856,22.73c0.983-0.958,1.33-2.364,0.906-3.671c-0.425-1.307-1.532-2.24-2.892-2.438l-12.092-1.757 c-0.515-0.075-0.96-0.398-1.19-0.865L28.182,3.043c-0.607-1.231-1.839-1.996-3.212-1.996c-1.372,0-2.604,0.765-3.211,1.996 L16.352,14c-0.23,0.467-0.676,0.79-1.191,0.865L3.069,16.622c-1.359,0.197-2.467,1.131-2.892,2.438 c-0.424,1.307-0.077,2.713,0.906,3.671l8.749,8.528c0.373,0.364,0.544,0.888,0.456,1.4L8.224,44.701 c-0.183,1.06,0.095,2.091,0.781,2.904c1.066,1.267,2.927,1.653,4.415,0.871l10.814-5.686c0.452-0.237,1.021-0.235,1.472,0 l10.815,5.686c0.526,0.277,1.087,0.417,1.666,0.417c1.057,0,2.059-0.47,2.748-1.288c0.687-0.813,0.964-1.846,0.781-2.904 l-2.065-12.042c-0.088-0.513,0.083-1.036,0.456-1.4L48.856,22.73z" fill="#FDD468" />
55
</svg>
66
</div>

‎src/app/pages/error/error.template.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ <h1 class="error-code">404</h1>
1111
</p>
1212
<form (ngSubmit)="searchResult()" method="get">
1313
<div class="form-group">
14-
<input class="form-control input-no-border" type="text" placeholder="Search Pages">
14+
<input class="form-control input-transparent" type="text" placeholder="Search Pages">
1515
</div>
1616
<button type="submit" class="btn btn-transparent">
1717
Search <i class="fa fa-search text-warning ml-xs"></i>

0 commit comments

Comments
 (0)