@chat21/chat21-ionic 2.0.13 → 3.0.5-9.2

package/src/pages/index.ts

@@ -1,5 +0,0 @@
-export { _DetailPage } from './_DetailPage';
-export { _MasterPage } from './_MasterPage';
-export { DettaglioConversazionePage } from './dettaglio-conversazione/dettaglio-conversazione';
-export { ListaConversazioniPage } from './lista-conversazioni/lista-conversazioni';
-export { PlaceholderPage } from './placeholder/placeholder';

package/src/pages/info-advanced/info-advanced.html

@@ -1,90 +0,0 @@
-<!--
-  Generated template for the InfoAdvancedPage page.
-
-  See http://ionicframework.com/docs/components/#navigation for more info on
-  Ionic pages and navigation.
--->
-
-<ion-header no-border>
-    <ion-navbar color="navbarLightColor">
-        <ion-buttons class="c21-buttons">
-            <button class="c21-button-header c21-left" ion-button icon-only (click)="onCloseInfoPage()">
-                <!-- <ion-icon name="arrow-round-back"></ion-icon> -->
-                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"/></svg>
-            </button>
-            <div class="c21-label-header c21-left">{{ 'LABEL_INFO_ADVANCED' | translate }}</div>
-        </ion-buttons>
-        <div class="clear"></div>
-    </ion-navbar>
-  </ion-header>
-
-  <ion-content>
-
-    <ion-card class="first-card">
-
-      <div class="chat21-box-profile chat21-box">
-        <div class="chat21-content">
-
-          <div *ngFor="let attr of attributes">
-              <div class="c21-label">{{attr.key | translate }}</div>
-              <!-- <div class="lighter">
-                  <span>
-                      {{attr.value}}
-                  </span> -->
-
-                  <div *ngIf="attr.key !== 'projectId';then content else other_content">here is ignored</div>    
-                  <ng-template #content><div class="lighter">{{ attr.value }}</div></ng-template>
-                  <ng-template #other_content>
-                    <div class="c21-link" (click)="openProjectHome()">
-                        {{ attr.value }}
-                    </div>
-                  </ng-template>
-              <!-- </div> -->
-          </div>
-
-        </div>
-      </div>
-      
-
-                
-      <!-- <div class="chat21-info">
-          <div class="chat21-row">
-              <div class="c21-label">{{ 'ID_CONVERSATION' | translate }}</div>
-              <div class="lighter">
-                  <span>
-                      {{attributes.conversationId}}
-                  </span>
-              </div>
-          </div>
-      </div>
-                
-      <div class="chat21-status">
-          <div *ngIf="channelType == TYPE_GROUP" class="chat21-row">
-              <div class="c21-label">{{ 'LABEL_CREATED_THE' | translate }}</div>
-              <div class="lighter">{{attributes.createdOn}}</div>
-          </div>
-      </div> -->
-
-
-      
-     
-
-      <!-- <div *ngIf="customAttributes" class="custom-attributes-container">
-          <div *ngFor="let attr of customAttributes" class="chat21-row custom-attributes">
-              <div class="c21-label">{{ attr.key | translate }}</div>
-              <div *ngIf="attr.key !== 'projectId';then content else other_content">here is ignored</div>    
-              <ng-template #content><div class="lighter">{{ attr.value }}</div></ng-template>
-              <ng-template #other_content>
-                  
-                  <div class="c21-link" (click)="openProjectHome()">
-                      {{ attr.value }}
-                  </div>
-
-              </ng-template>
-          </div>
-      </div> -->
-                
-
-    </ion-card>
-
-</ion-content>

package/src/pages/info-advanced/info-advanced.module.ts

@@ -1,13 +0,0 @@
-import { NgModule } from '@angular/core';
-import { IonicPageModule } from 'ionic-angular';
-import { InfoAdvancedPage } from './info-advanced';
-
-@NgModule({
-  declarations: [
-    InfoAdvancedPage,
-  ],
-  imports: [
-    IonicPageModule.forChild(InfoAdvancedPage),
-  ],
-})
-export class InfoAdvancedPageModule {}

package/src/pages/info-advanced/info-advanced.scss

@@ -1,196 +0,0 @@
-page-info-advanced {
-
-
-    font-size: 10px;
-    .c21-buttons {
-        margin: 0 2px;
-    }
-    .c21-button-header {
-        svg {
-            fill: map-get($colors, c21-gray);
-        }
-    }
-    .c21-link {
-        color: #488aff;
-        text-decoration: none;
-        cursor: pointer;
-        font-weight: normal;
-        position: relative;
-    }
-    ion-header {
-        .c21-label-header {
-            line-height: 32px;
-            font-size: 1.5em;
-            font-weight: 500;
-            color: map-get($colors, c21-dark);
-            padding: 0 10px;
-        }
-    }
-
-    
-    ion-content {
-        background: #ffffff!important;
-        .first-card{
-            min-height: 105px;
-            height: auto;
-        }
-        .card {
-            width: 100%;
-            padding: 10px 20px;
-            margin: 1px 0 1px 0;
-            border-radius: 0;
-            box-shadow: none;
-        }
-        .scroll-content {
-            margin-top: 56px;
-        }
-
-        .chat21-content{
-            position: relative;
-            font-size: 12px;
-            line-height: 20px;
-        }
-        .chat21-image{
-            position: absolute;
-            img {
-                display: inline-block;
-                width: 70px;
-                height: 70px;
-            }
-        }
-        .chat21-info{
-            position: absolute;
-            left: 80px;
-            right: 0px;
-            display: block;
-            // align-items: center;
-            height: 70px;
-            
-            .chat21-name{
-                display: block;
-                margin-top: 10px;
-                font-size: 16px;
-                font-weight: 500;
-                color: map-get($colors, c21-dark);
-            }
-            .chat21-conf{
-                display: block;
-            }
-            .chat21-uid{
-                display: block;
-            }
-        }
-        .c21-row {
-            margin-bottom: 10px;
-        }
-        
-
-
-    }
-
-    .chat21-image {
-        width: auto;
-        height: 100%;
-        text-align: center;
-        float: left;
-        img {
-            clip-path: circle(100px at center);
-            width: 200px;
-            height: 200px;
-            margin-top: 10px;
-            margin-left: calc((100% - 200px)/2);
-            border: 0;
-        }
-        ion-avatar{
-            position: relative;
-            padding: 0;
-            margin: 0;
-            height: 72px;
-            width: 72px;
-            line-height: 72px;
-            .avatar-placeholder{
-                position: absolute;
-                top:0;
-                left:0;
-                width: 100%;
-                height: 100%;
-                border-radius: 50%;
-                text-align: center;
-                font-size: 20px;
-                color:#ffffff;
-                font-weight: 500;
-                line-height: 72px;
-                font-size: 30px;
-            }
-            .chat21-avatar{
-                position: relative;
-                display: inline-block;
-                height: 72px;
-                width: 72px;
-                line-height: 72px;
-                border-radius: 50%;
-                border-color: #c3c3c3;
-                border-style: solid;
-                border-width: 0px;
-                // background-color: transparent;
-            }
-        }
-    }
-
-    .chat21-status {
-        color: map-get($colors, c21-gray);
-        font-weight: normal;
-        font-size: 12px;
-        font-weight: 500;
-        margin: 5px 0px 0px 0px;
-    }
-    .c21-point {
-        width: 10px;
-        height: 10px;
-        margin: 0px 5px 0 0;
-        border-radius: 50%;
-        display: inline-block;
-        line-height: 10px;
-    }
-    .c21-label-connection{
-        display: inline-block;
-        /* width: calc(100% - 30px); */
-        width: 100%;
-        margin: 0px 10px 0px 0px;
-        vertical-align: top;
-    }
-
-    .chat21-box {
-        min-height: 40px;
-        min-height: 100%;
-        padding: 0px 0px;
-        color: map-get($colors, c21-dark);
-
-        .c21-label {
-            color: map-get($colors, c21-gray);
-            font-weight: 500;
-            line-height: normal;
-        }
-        .chat21-header {
-            padding: 10px 0px 5px 0px;
-            color: map-get($colors, c21-dark);
-            font-size: 16px;
-            font-weight: 500;
-        }
-        &.chat21-box-info{
-            padding: 0px 0px 10px 0px;
-        }
-
-        &.chat21-box-button {
-            .c21-button{
-                margin: 0;
-                padding: 0;
-                font-weight: 500;
-            }
-            
-        }
-    }
-
-        
-   
-}

package/src/pages/info-advanced/info-advanced.ts

@@ -1,44 +0,0 @@
-import { Component, NgZone, OnInit, Input, Output, EventEmitter } from '@angular/core';
-import { IonicPage, NavController, NavParams } from 'ionic-angular';
-import { environment } from '../../environments/environment';
-import { AppConfigProvider } from '../../providers/app-config/app-config';
-/**
- * Generated class for the InfoAdvancedPage page.
- *
- * See https://ionicframework.com/docs/components/#navigation for more info on
- * Ionic pages and navigation.
- */
-
-@IonicPage()
-@Component({
-  selector: 'page-info-advanced',
-  templateUrl: 'info-advanced.html',
-})
-export class InfoAdvancedPage {
-  // ========= begin:: Input/Output values ============//
-  @Output() eventClose = new EventEmitter();
-  @Input() attributes: any = {};
-  // ========= end:: Input/Output values ============//
-
-  constructor(
-    public navCtrl: NavController, 
-    public navParams: NavParams,
-    public appConfig: AppConfigProvider) {
-  }
-
-  ionViewDidLoad() {
-    console.log('ionViewDidLoad InfoAdvancedPage', this.attributes);
-  }
-
-  onCloseInfoPage() {
-    this.eventClose.emit();
-  }
-
-
-  openProjectHome() {
-    var url = this.appConfig.getConfig().DASHBOARD_URL + "#/project/" + this.attributes.projectId + "/home/";
-    //var url = environment.URL_PROJECT_ID + this.attributes.projectId + "/home/";
-    console.log('openProjectHome:', url);
-    window.open(url, '_blank');
-  }
-}

package/src/pages/info-conversation/info-conversation.html

@@ -1,225 +0,0 @@
-    <ion-header no-border>
-        <ion-navbar color="navbarLightColor">
-            <ion-buttons class="c21-buttons">
-                <div class="c21-label-header c21-left">{{ 'LABEL_INFO_CONVERSATION' | translate }}</div>
-                <button class="c21-button-header c21-right" ion-button icon-only (click)="onCloseInfoPage()">
-                    <ion-icon name="close"></ion-icon>
-                </button>
-            </ion-buttons>
-            <div class="clear"></div>
-        </ion-navbar>
-    </ion-header>
-
-    <ion-content style="height: 100vh;" *ngIf="startWithSupportGroup && this.conversationSelected; else sidebar_content" >
-        <iframe *ngIf="urlConversation" width="100%"
-                height="100%"
-                [src]="urlConversation"
-                frameborder="0"
-                allowfullscreen>
-        </iframe>
-    </ion-content>
-
-
-    <ng-template #sidebar_content>
-        <ion-content>
-
-            <div *ngIf="groupDetail || userDetail">
-                <ion-card *ngIf="conversationSelected" class="first-card">
-                    <div class="chat21-box-profile chat21-box">
-                        <div class="chat21-content">
-                            <div class="chat21-image">
-                                <ion-avatar item-start>
-                                    <div #avatarPlaceholder class="avatar-placeholder" [style.background-color]="conversationSelected.color" [innerHTML]="conversationSelected.avatar"></div>
-                                    <div #avatarImage class="chat21-avatar" [style.background-image]="'url(' + conversationSelected.image + ')'"></div>
-                                    <div *ngIf="isSupportGroup() && isExistUidUserAuthenticatedInMembers()"  style="line-height: 45px;" class="c21-icon-status c21-checked">
-                                        <svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-                                        viewBox="0 0 26.6 26.6" style="enable-background:new 0 0 26.6 26.6;" xml:space="preserve">
-                                        <path class="st0" style="fill:none;" d="M1.3,1.3h24v24h-24V1.3z"/>
-                                        <path class="st1" style="fill:#FFFFFF;" d="M13.3,0L2.4,4.9v7.3c0,6.7,4.6,13,10.9,14.5c6.2-1.5,10.9-7.8,10.9-14.5V4.9L13.3,0z"/>
-                                        <path class="st2" style="fill:#18BDF7;" d="M13.3,2.3l-9,4v6c0,5.5,3.8,10.7,9,12c5.2-1.3,9-6.5,9-12v-6L13.3,2.3z M11.3,18.3l-4-4l1.4-1.4l2.6,2.6l6.6-6.6l1.4,1.4L11.3,18.3z"/>
-                                        </svg>
-                                    </div>
-                                </ion-avatar>
-                            </div>
-                            <div class="chat21-info">
-                                <div class="chat21-name">
-                                    <span *ngIf="channelType == TYPE_GROUP" class="read">{{conversationSelected.conversation_with_fullname}}</span>
-                                    <span *ngIf="channelType != TYPE_GROUP" class="read">{{userDetail.fullname}}</span>
-                                </div>
-                                <div class="chat21-status">
-                                    <span *ngIf="channelType != TYPE_GROUP">
-                                        <span *ngIf="online">{{ 'LABEL_ACTIVE_NOW' | translate }}</span>
-                                        <span *ngIf="!online">{{lastConnectionDate}}</span>
-                                    </span>
-                                    <span *ngIf="channelType == TYPE_GROUP">
-                                        {{listMembers.length}} {{ 'LABEL_MEMBERS' | translate }}
-                                    </span>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </ion-card>
-
-                <ion-card *ngIf="channelType != TYPE_GROUP">
-                    <div class="chat21-box-info chat21-box" >
-                        <div class="chat21-content" >
-                            <div class="chat21-conf">
-                                <button *ngIf="profileYourself" class="icon_modify" icon-only (click)="presentPopover($event)">
-                                    <ion-icon name="create"></ion-icon>
-                                </button>
-                            </div>
-                            <div class="chat21-email" *ngIf="channelType != TYPE_GROUP" class="chat21-row">
-                                <span *ngIf="!profileYourself">
-                                    <a [href]="'mailto:' + userDetail.email + '?Subject='">
-                                        {{userDetail.email}}
-                                    </a>
-                                </span>
-                            </div>
-                        </div>
-                    </div>
-                </ion-card>
-                
-                <ion-card *ngIf="isSupportGroup()">
-                    <div class="chat21-box-buttons chat21-box"  style="padding: 0px 0px 0px 10px;">
-                        <div class="c21-link" (click)="openUserRequest()">
-                            <span left class="c21-button-label" style="line-height: 24px;">{{ 'LABEL_REQUEST_DETAIL' | translate }}</span>
-                            <ion-icon class="ios-arrow-forward" name="open"></ion-icon> 
-                        </div>
-                    </div>
-                </ion-card>
-                
-                <ion-card *ngIf="channelType == TYPE_GROUP">
-                    <div class="chat21-box-attributes chat21-box">
-                        <!-- *ngIf="attributesClient" -->
-                        <div class="chat21-header">{{ 'LABEL_INFO_ATTRIBUTE' | translate }}</div>
-                        <div class="chat21-content">
-                            <div *ngIf="attributesClient" class="chat21-row">
-                                <div class="c21-label">{{ 'LABEL_CLIENT' | translate }}</div>
-                                <div class="lighter">{{attributesClient}}</div>
-                            </div>
-                            <div *ngIf="attributesSourcePage" class="chat21-row">
-                                <div class="c21-label">{{ 'LABEL_SOURCEPAGE' | translate }}</div>
-                                <div class="lighter">
-                                    <a href="{{attributesSourcePage}}" target="_blank">{{attributesSourcePage}}</a>
-                                </div>
-                            </div>
-                            <div *ngIf="attributes && attributes.departmentId" class="chat21-row">
-                                <div class="c21-label">{{ 'LABEL_DEPARTMENT_NAME' | translate }}</div>
-                                <div light class="lighter">{{attributes.departmentName}}</div>
-                            </div>
-                            <div *ngIf="attributes && attributes.userFullname" class="chat21-row">
-                                <div class="c21-label">{{ 'LABEL_NAME' | translate }}</div>
-                                <div light class="lighter">{{attributes.userFullname}}</div>
-                            </div>
-                            <div *ngIf="attributes && attributes.userEmail" class="chat21-row">
-                                <div class="c21-label">{{ 'LABEL_EMAIL' | translate }}</div>
-                                <div light class="lighter">
-                                    <a [href]="'mailto:' + attributes.userEmail + '?Subject='">
-                                        {{attributes.userEmail}}
-                                    </a>
-                                </div>
-                            </div>
-
-                        </div>
-
-                    </div>
-                </ion-card>
-            
-
-                
-                <ion-card *ngIf="channelType == TYPE_GROUP && listMembers.length > 0">
-                    <div class="chat21-box-members chat21-box">
-                        <div class="chat21-header">{{ 'LABEL_MEMBERS' | translate }}</div>
-                        <div class="chat21-content">
-                            <div *ngFor="let member of listMembers" class="c21-member" (click)="openInfoUser(member)" >
-                                <ion-item>
-                                    <ion-avatar item-start [ngStyle]="{ position: relative }">
-                                        <div #avatarPlaceholder class="avatar-placeholder" [style.background-color]="member.color" [innerHTML]="member.avatar"></div>
-                                        <div #avatarImage *ngIf="member.imageurl && member.imageurl!=''" class="chat21-avatar" [style.background-image]="'url(' + member.imageurl + ')'"></div>
-                                        <div *ngIf="member.checked === true" class="c21-icon-status c21-checked small">
-                                            <svg version="1.1" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-                                            viewBox="0 0 26.6 26.6" style="enable-background:new 0 0 26.6 26.6;" xml:space="preserve">
-                                            <path class="st0" style="fill:none;" d="M1.3,1.3h24v24h-24V1.3z"/>
-                                            <path class="st1" style="fill:#FFFFFF;" d="M13.3,0L2.4,4.9v7.3c0,6.7,4.6,13,10.9,14.5c6.2-1.5,10.9-7.8,10.9-14.5V4.9L13.3,0z"/>
-                                            <path class="st2" style="fill:#18BDF7;" d="M13.3,2.3l-9,4v6c0,5.5,3.8,10.7,9,12c5.2-1.3,9-6.5,9-12v-6L13.3,2.3z M11.3,18.3l-4-4l1.4-1.4l2.6,2.6l6.6-6.6l1.4,1.4L11.3,18.3z"/>
-                                            </svg>
-                                        </div>
-                                    </ion-avatar>
-                                    <h2>
-                                        <span class="c21-point" [ngStyle]="{ 'background-color':(member.online)?'#24d066':'#db4437' }">&nbsp;</span>
-                                        <span class="chat21-name">{{member.fullname}}</span>
-                                        <!-- <span *ngIf="!member.fullname && member.decoded.name" class="truncate read">{{member.decoded.name}}</span>
-                                        <span *ngIf="!member.fullname && !member.decoded.name" class="chat21-name truncate read">{{ 'LABEL_GUEST' | translate }}</span> 
-                                        -->
-                                    </h2>
-                                    <p>
-                                        <span class="chat21-uid read">{{member.uid}}</span>
-                                    </p>
-
-                                    <ion-icon class="ios-arrow-forward" name="ios-arrow-forward" style="top:15px"></ion-icon> 
-                            
-                                </ion-item>
-                            </div>
-                        </div>
-                    </div>
-                </ion-card>
-                
-
-                
-                <ion-card>
-                    <div class="chat21-box-buttons chat21-box"  style="padding: 0px 0px 0px 10px;" (click)="openInfoAdvancedPage()">
-                        <div class="c21-link">
-                            <span class="c21-button-label" style="line-height: 24px;">{{ 'LABEL_INFO_ADVANCED' | translate }}</span>
-                            <ion-icon class="ios-arrow-forward" name="ios-arrow-forward"></ion-icon> 
-                        </div>
-                    </div>
-                </ion-card>
-            
-
-                
-                <ion-card *ngIf="channelType == TYPE_GROUP">
-                    <div class="chat21-box-buttons chat21-box">
-        
-                        <div *ngIf="isSupportGroup()" class="chat21-content" >
-                            <button ion-button clear icon-start block 
-                            (click)="sendMail()">
-                            <ion-icon name='mail' is-active="false"></ion-icon>
-                            <span class="c21-button-label">{{ 'LABEL_SEND_BY_EMAIL' | translate }}</span>
-                            </button>
-                        </div>
-
-                        <!-- <div *ngIf="isSupportGroup()" class="chat21-content">
-                            <button [disabled]="!conversationEnabled" ion-button clear icon-start block 
-                            (click)="setVideoChat()">
-                            <ion-icon name='videocam' is-active="false"></ion-icon>
-                            <span class="c21-button-label">{{ 'LABEL_VIDEO_CHAT' | translate }}</span>
-                            </button>
-                        </div> -->
-
-                        <div *ngIf="isSupportGroup()" class="chat21-content">
-                            <button [disabled]="!conversationEnabled" ion-button clear icon-start block
-                                (click)="openPopupConfirmation('close');$event.stopPropagation();">
-                                <ion-icon name='close' is-active="false"></ion-icon>
-                                <span class="c21-button-label">{{ 'LABEL_CLOSE_GROUP' | translate }}</span>
-                            </button>
-                        </div>
-
-                        <div class="chat21-content">
-                            <button [disabled]="!isLoggedUserGroupMember" ion-button clear icon-start block
-                                (click)="openPopupConfirmation('leave')">
-                                <ion-icon name='exit' is-active="false"></ion-icon>
-                                <span class="c21-button-label">{{ 'LABEL_LEAVE_GROUP' | translate }}</span>
-                            </button>
-                        </div>
-                    </div>
-                </ion-card>
-            
-                <div class="chat21-box-images chat21-box"></div>
-                <div class="chat21-box-documents chat21-box"></div>
-                <div class="chat21-box-links chat21-box"></div>
-
-            </div>
-
-
-        </ion-content>
-    </ng-template>

package/src/pages/info-conversation/info-conversation.module.ts

@@ -1,15 +0,0 @@
-import { NgModule } from '@angular/core';
-import { IonicPageModule } from 'ionic-angular';
-import { InfoConversationPage } from './info-conversation';
-//import { TranslateModule } from '@ngx-translate/core';
-
-@NgModule({
-  declarations: [
-    InfoConversationPage,
-  ],
-  imports: [
-    IonicPageModule.forChild(InfoConversationPage),
-    // TranslateModule.forChild()
-  ],
-})
-export class InfoConversationPageModule {}