edit arabic work-list

arabic-version^2
Fatimah.Alshammari 6 years ago
parent 821811c8e2
commit 4f7c11ba49

@ -67,9 +67,9 @@
</ion-row>
<div style="position: relative;">
<div [ngClass]="showFormattedData.length > 0 ? 'work-list-container' : ''" *ngIf='selectedFilter != "ITG"'>
<div [ngClass]="showFormattedData.length > 0 && direction == 'en'? 'work-list-container' : 'work-list-container-ar'" *ngIf='selectedFilter != "ITG"'>
<div *ngFor="let formattedData of showFormattedData; let i = index">
<span class="date-span">{{formattedData.date}}</span>
<span [ngClass]="direction == 'en'? 'date-span':'date-span-ar'">{{formattedData.date}}</span>
<div class="date-data" *ngFor="let workList of formattedData.data; let j = index">
<p (click)="openNotificationDetail(workList)">{{workList.SUBJECT}}</p>
</div>

@ -328,6 +328,24 @@ left: 30px;
top: 15px;
background-color: #dddddd;
}
.work-list-container-ar {
position: relative;
padding-left: 60px;
clear: both;
min-height: 200px;
margin-bottom: 80px;
padding-top: 15px;
}
.work-list-container-ar:before{
content: "";
position: absolute;
height: 100%;
width: 4px;
left: 30px;
top: 15px;
right: 6px;
background-color: #dddddd;
}
.search-container{
margin-top: 15px;
display: block;
@ -366,6 +384,27 @@ height: 15px;
background-color: #38c9b3;
top: 1px;
}
.date-span-ar{
position: relative;
display: block;
margin-bottom: 10px;
/* margin-top: 10px; */
margin-right: 30px;
}
.date-span-ar:before{
content: "";
position: absolute;
right: -29px;
border-radius: 50%;
width: 15px;
height: 15px;
background-color: #38c9b3;
top: 1px;
}
.date-data{
background-color: white;
padding: 1px;

@ -47,7 +47,8 @@ export class HomeComponent implements OnInit {
public noData = false;
public isITG = false;
public isSearch = false;
public direction = 'ltr';
// public direction = 'ltr';
public direction: string;
public ITGCount = 0;
public ITGSegment: {name: string, code: any, data: any, style: boolean} [] = [];
public ITGAllItem: any = [];

Loading…
Cancel
Save