mirror of
https://code.equilibrium.co.ao/ITO/doneit-web.git
synced 2026-04-18 20:47:54 +00:00
merge
This commit is contained in:
@@ -102,7 +102,7 @@ ion-button{
|
||||
background: #ffb703;
|
||||
float: right;
|
||||
padding: 5px 13.5px 5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
font-size: rem(14);
|
||||
}
|
||||
|
||||
|
||||
@@ -297,5 +297,5 @@ ion-menu{
|
||||
background: var(--label-bg-color);
|
||||
float: right;
|
||||
padding: 5px 13.5px 5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
}
|
||||
|
||||
@@ -14,11 +14,11 @@
|
||||
<!-- Toolbar -->
|
||||
<ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
|
||||
|
||||
<div [class]="weeksToShow" >
|
||||
<div class="weeksToShow">
|
||||
<!-- Calendar is here -->
|
||||
|
||||
<div class="calendar-segment-{{profile}}" [class.calendar-segment-pr-force]="SessionStore.user.Profile =='PR'">
|
||||
<div class="calendar-container" [class]="calendarHeight">
|
||||
<div class="calendar-container" class="calendarHeight" >
|
||||
|
||||
<ion-row class="ion-justify-content-between calendar-tool-tip">
|
||||
<ion-row class="ion-align-items-center first-row">
|
||||
@@ -139,25 +139,28 @@
|
||||
</thead>
|
||||
</table>
|
||||
|
||||
<calendar
|
||||
class="calendar-component"
|
||||
[eventSource]="listToPresent"
|
||||
[calendarMode]="calendar.mode"
|
||||
[currentDate]="calendar.currentDate"
|
||||
(onEventSelected)="onEventSelected($event)"
|
||||
(onTitleChanged)="onViewTitleChanged($event)"
|
||||
(onRangeChanged)="onRangeChanged($event)"
|
||||
(onCurrentDateChanged)="onCurrentChanged($event)"
|
||||
queryMode="remote"
|
||||
startHour="6"
|
||||
endHour="20"
|
||||
step="30"
|
||||
startingDayMonth="1"
|
||||
noEventsLabel="Sem Eventos"
|
||||
allDayLabel="Todo o dia"
|
||||
[monthviewDisplayEventTemplate]="template"
|
||||
>
|
||||
</calendar>
|
||||
<div class="calendar-conteiner-height overflow-hidden" [style.height]="height">
|
||||
<calendar
|
||||
class="calendar-component"
|
||||
[eventSource]="listToPresent"
|
||||
[calendarMode]="calendar.mode"
|
||||
[currentDate]="calendar.currentDate"
|
||||
(onEventSelected)="onEventSelected($event)"
|
||||
(onTitleChanged)="onViewTitleChanged($event)"
|
||||
(onRangeChanged)="onRangeChanged($event)"
|
||||
(onCurrentDateChanged)="onCurrentChanged($event)"
|
||||
queryMode="remote"
|
||||
startHour="6"
|
||||
endHour="20"
|
||||
step="30"
|
||||
startingDayMonth="1"
|
||||
noEventsLabel="Sem Eventos"
|
||||
allDayLabel="Todo o dia"
|
||||
[monthviewDisplayEventTemplate]="template"
|
||||
>
|
||||
</calendar>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Adding a customized ng-template -->
|
||||
<ng-template #template let-view="view" let-row="row" let-col="col">
|
||||
@@ -182,12 +185,12 @@
|
||||
<div class="calendar-title-container px-20 d-flex">
|
||||
|
||||
<ion-row class="timeline-date align-center pr-10">
|
||||
<button class="no-color" *ngIf="showCalendar" (click)="calendarHeight=['height-75'];showCalendar=false">
|
||||
<button class="no-color" *ngIf="showCalendar" (click)="height='0px';showCalendar=false">
|
||||
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="collaps font-25" src="assets/images/icons-collaps-up.svg" ></ion-icon>
|
||||
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="collaps font-25" src="assets/images/theme/gov/icons-collaps-up.svg" ></ion-icon>
|
||||
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " class="collaps font-25" src="assets/images/theme/{{ThemeService.currentTheme}}/icons-collaps-up.svg"></ion-icon>
|
||||
</button>
|
||||
<button class="no-color" *ngIf="!showCalendar" (click)="calendarHeight=['height-356'];showCalendar=true">
|
||||
<button class="no-color" *ngIf="!showCalendar" (click)="weekToShow();showCalendar=true">
|
||||
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="collaps font-25" src="assets/images/icons-collaps-down.svg" ></ion-icon>
|
||||
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="collaps font-25" src="assets/images/theme/gov/icons-collaps-down.svg" ></ion-icon>
|
||||
<ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " class="collaps font-25" src="assets/images/theme/{{ThemeService.currentTheme}}/icons-collaps-down.svg" ></ion-icon>
|
||||
|
||||
@@ -242,7 +242,7 @@ label{
|
||||
color: #e16817;
|
||||
}
|
||||
td.monthview-primary-with-event {
|
||||
background-color: red !important;
|
||||
background-color: white !important;
|
||||
}
|
||||
.header-title{
|
||||
font-family: Roboto;
|
||||
@@ -1031,7 +1031,7 @@ $font-size: rem(15);
|
||||
}
|
||||
|
||||
.height-356 {
|
||||
height: 369px;
|
||||
height: 360px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1066,3 +1066,13 @@ $font-size: rem(15);
|
||||
|
||||
}
|
||||
|
||||
.calendar-conteiner-height {
|
||||
height: 100%;
|
||||
transition: 0.5s;
|
||||
animation: 0.5s;
|
||||
-webkit-transition: 0.5s;
|
||||
-moz-transition: 0.5s;
|
||||
-ms-transition: 0.5s;
|
||||
-o-transition: 0.5s;
|
||||
-webkit-animation: 0.5s;
|
||||
}
|
||||
@@ -291,34 +291,37 @@ export class AgendaPage implements OnInit {
|
||||
}, 1000)
|
||||
}
|
||||
|
||||
weeksToShow = []
|
||||
height = '75px'
|
||||
|
||||
weekToShow() {
|
||||
|
||||
setTimeout(() => {
|
||||
let num = 0;
|
||||
try {
|
||||
let weekNum = 0;
|
||||
|
||||
function Week(a) {
|
||||
for(let b of a.querySelectorAll('td')) {
|
||||
if(!b.className.includes('text-muted')) {
|
||||
num++;
|
||||
return true
|
||||
function Week(a) {
|
||||
for(let b of a.querySelectorAll('td')) {
|
||||
if(!b.className.includes('text-muted')) {
|
||||
weekNum++;
|
||||
return true
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
for (let a of document.querySelectorAll('.monthview-container .swiper-container .swiper-slide-active table tbody tr') as any ){
|
||||
Week(a)
|
||||
}
|
||||
|
||||
if(num <= 5) {
|
||||
|
||||
this.weeksToShow = ["week-5"]
|
||||
} else {
|
||||
|
||||
this.weeksToShow = ["week-6"]
|
||||
}
|
||||
const dayBoxHeight = document.querySelector('.monthview-container .swiper-container .swiper-slide-active table tbody tr td').clientHeight
|
||||
const weeks = document.querySelectorAll('.monthview-container .swiper-container .swiper-slide-active table tbody tr');
|
||||
|
||||
for (let week of weeks as any ){
|
||||
Week(week)
|
||||
}
|
||||
|
||||
this.showCalendar = true
|
||||
this.height = (weekNum * dayBoxHeight) +'px'
|
||||
} catch (e) {
|
||||
setTimeout(()=> {
|
||||
this.weekToShow()
|
||||
}, 100)
|
||||
}
|
||||
}, 250)
|
||||
|
||||
}
|
||||
|
||||
@@ -298,7 +298,7 @@ ion-menu{
|
||||
background: var(--label-bg-color);
|
||||
float: right;
|
||||
padding: 5px 13.5px 5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.text {
|
||||
|
||||
@@ -112,7 +112,7 @@ ion-button{
|
||||
background: var(--label-bg-color);
|
||||
float: right;
|
||||
padding: 5px 13.5px 5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
font-size: rem(14);
|
||||
}
|
||||
|
||||
|
||||
@@ -198,7 +198,7 @@ ion-item{
|
||||
/* font-size: 12px; */
|
||||
float: right;
|
||||
padding: 2.5px 13.5px 2.5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
.exp-date{
|
||||
|
||||
@@ -71,7 +71,7 @@ ion-button{
|
||||
background: var(--label-bg-color);
|
||||
float: right;
|
||||
padding: 5px 13.5px 5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
font-size: rem(14);
|
||||
}
|
||||
|
||||
|
||||
@@ -177,7 +177,7 @@ ion-item{
|
||||
/* font-size: 12px; */
|
||||
float: right;
|
||||
padding: 2.5px 13.5px 2.5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
.exp-date{
|
||||
|
||||
+1
-1
@@ -137,7 +137,7 @@ ion-button{
|
||||
background: var(--label-bg-color);
|
||||
float: right;
|
||||
padding: 5px 13.5px 5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
font-size: rem(14);
|
||||
}
|
||||
|
||||
|
||||
@@ -183,7 +183,7 @@ ion-item{
|
||||
/* font-size: rem(12); */
|
||||
float: right;
|
||||
padding: 2.5px 13.5px 2.5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
.exp-date{
|
||||
|
||||
@@ -177,7 +177,7 @@ ion-item{
|
||||
/* font-size: 12px; */
|
||||
float: right;
|
||||
padding: 2.5px 13.5px 2.5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
.exp-date{
|
||||
|
||||
+1
-1
@@ -124,7 +124,7 @@ ion-button{
|
||||
background: var(--label-bg-color);
|
||||
float: right;
|
||||
padding: 5px 13.5px 5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
font-size: rem(14);
|
||||
}
|
||||
|
||||
|
||||
@@ -177,7 +177,7 @@ ion-item{
|
||||
/* font-size: 12px; */
|
||||
float: right;
|
||||
padding: 2.5px 13.5px 2.5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
.exp-date{
|
||||
|
||||
+1
-1
@@ -103,7 +103,7 @@ ion-button{
|
||||
background: var(--label-bg-color);
|
||||
float: right;
|
||||
padding: 5px 13.5px 5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
font-size: rem(14);
|
||||
}
|
||||
|
||||
|
||||
@@ -173,7 +173,7 @@ ion-item{
|
||||
/*font-size: rem(12);
|
||||
*/float: right;
|
||||
padding: 2.5px 13.5px 2.5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
-webkit-border-radius: 15px;
|
||||
-moz-border-radius: 15px;
|
||||
-ms-border-radius: 15px;
|
||||
|
||||
@@ -102,7 +102,7 @@ ion-button{
|
||||
background: var(--label-bg-color);
|
||||
float: right;
|
||||
padding: 5px 13.5px 5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
font-size: rem(14);
|
||||
}
|
||||
|
||||
|
||||
@@ -176,7 +176,7 @@ ion-item{
|
||||
/* font-size: 12px; */
|
||||
float: right;
|
||||
padding: 2.5px 13.5px 2.5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
.exp-date{
|
||||
|
||||
@@ -396,7 +396,7 @@ ion-list {
|
||||
font-size: rem(12);
|
||||
float: right;
|
||||
padding: 2.5px 13.5px 2.5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -68,7 +68,7 @@ ion-button{
|
||||
background: var(--label-bg-color);
|
||||
float: right;
|
||||
padding: 5px 13.5px 5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
font-size: rem(14);
|
||||
}
|
||||
|
||||
|
||||
@@ -174,7 +174,7 @@ ion-item{
|
||||
/* font-size: rem(12); */
|
||||
float: right;
|
||||
padding: 2.5px 13.5px 2.5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
.exp-date{
|
||||
|
||||
@@ -172,7 +172,7 @@ ion-item{
|
||||
/* font-size: 12px; */
|
||||
float: right;
|
||||
padding: 2.5px 13.5px 2.5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
.exp-date{
|
||||
|
||||
@@ -72,8 +72,6 @@ export class ListBoxService {
|
||||
endTime: event.end
|
||||
})
|
||||
|
||||
|
||||
|
||||
const day = this.dateService.getDay(event.start)
|
||||
|
||||
event['manyDays'] = !this.dateService.isSameDate(event.start, event.end)
|
||||
@@ -89,11 +87,10 @@ export class ListBoxService {
|
||||
if (this.dateService.notSameDate(startDate, endDate)) {
|
||||
|
||||
|
||||
|
||||
if (diffDays <= 150 && !event.event.IsAllDayEvent ) {
|
||||
if (diffDays <= 150 ) {
|
||||
|
||||
if (diffDays >= 1) {
|
||||
|
||||
|
||||
const StartEvent = this.transForm(event, {startMany: true, endMany: false, middle: false})
|
||||
|
||||
if(this.CanPush(event, selectedDate)) days[day].push(StartEvent)
|
||||
@@ -138,7 +135,6 @@ export class ListBoxService {
|
||||
if(this.CanPush(event, selectedDate)) days[day].push(event)
|
||||
}
|
||||
} else {
|
||||
|
||||
if(this.CanPush(event, selectedDate)) days[day].push(event)
|
||||
}
|
||||
} else {
|
||||
|
||||
@@ -698,4 +698,13 @@ export class MessageService {
|
||||
} catch (error) {}
|
||||
}
|
||||
|
||||
|
||||
|
||||
UIdata() {
|
||||
this.incomingFromCurrentUser = this.u.username!= SessionStore.user.UserName
|
||||
this.hasMessage = this.msg !=''
|
||||
}
|
||||
|
||||
incomingFromCurrentUser = false
|
||||
hasMessage = false
|
||||
}
|
||||
|
||||
@@ -179,7 +179,7 @@ ion-item{
|
||||
/* font-size: rem(12); */
|
||||
float: right;
|
||||
padding: 2.5px 13.5px 2.5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
.exp-date{
|
||||
|
||||
@@ -181,7 +181,7 @@ ion-item{
|
||||
/* font-size: rem(12); */
|
||||
float: right;
|
||||
padding: 2.5px 13.5px 2.5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
.exp-date{
|
||||
|
||||
@@ -166,7 +166,7 @@
|
||||
/* font-size: 12px; */
|
||||
float: right;
|
||||
padding: 2.5px 13.5px 2.5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
.exp-date{
|
||||
|
||||
@@ -102,7 +102,7 @@ ion-item{
|
||||
//font-size: 12px;
|
||||
float: right;
|
||||
padding: 2.5px 13.5px 2.5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
.exp-date{
|
||||
|
||||
@@ -102,7 +102,7 @@ ion-item{
|
||||
//font-size: 12px;
|
||||
float: right;
|
||||
padding: 2.5px 13.5px 2.5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
.exp-date{
|
||||
|
||||
+1
-1
@@ -72,7 +72,7 @@ ion-button{
|
||||
background: var(--label-bg-color);
|
||||
float: right;
|
||||
padding: 5px 13.5px 5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
font-size: rem(14);
|
||||
}
|
||||
|
||||
|
||||
+1
-1
@@ -72,7 +72,7 @@ ion-button{
|
||||
background: var(--label-bg-color);
|
||||
float: right;
|
||||
padding: 5px 13.5px 5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
font-size: rem(14);
|
||||
}
|
||||
|
||||
|
||||
@@ -77,7 +77,7 @@ ion-button{
|
||||
background: var(--label-bg-color);
|
||||
float: right;
|
||||
padding: 5px 13.5px 5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
font-size: rem(14);
|
||||
}
|
||||
|
||||
|
||||
@@ -169,7 +169,7 @@ ion-item{
|
||||
/* font-size: 12px; */
|
||||
float: right;
|
||||
padding: 2.5px 13.5px 2.5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
.exp-date{
|
||||
|
||||
@@ -164,7 +164,7 @@ ion-item{
|
||||
/* font-size: 12px; */
|
||||
float: right;
|
||||
padding: 2.5px 13.5px 2.5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
.exp-date{
|
||||
|
||||
@@ -257,7 +257,6 @@ td.monthview-secondary-with-event, td.monthview-secondary-with-event[_ngcontent-
|
||||
} */
|
||||
|
||||
.calendar-container{
|
||||
height: 333px;
|
||||
z-index: 10;
|
||||
transition: 0.5s;
|
||||
overflow-y: hidden;
|
||||
|
||||
@@ -648,7 +648,7 @@ $app-theme: mat-light-theme(
|
||||
font-size: rem(12);
|
||||
float: right;
|
||||
padding: 2.5px 13.5px 2.5px 13.5px;
|
||||
color: #fff;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user