@chat21/chat21-ionic 2.0.13 → 3.0.5-9.2

package/src/pages/placeholder/placeholder.html

@@ -1,3 +0,0 @@
-<ion-header></ion-header>
-<ion-content padding class="wellcome_page">
-</ion-content>

package/src/pages/placeholder/placeholder.module.ts

@@ -1,16 +0,0 @@
-import { NgModule } from '@angular/core';
-import { IonicPageModule } from 'ionic-angular';
-import { PlaceholderPage } from './placeholder';
-
-@NgModule({
-    declarations: [
-        PlaceholderPage,
-    ],
-    imports: [
-        IonicPageModule.forChild(PlaceholderPage),
-    ],
-    exports: [
-        PlaceholderPage
-    ]
-})
-export class PlaceholderPageModule { }

package/src/pages/placeholder/placeholder.scss

@@ -1,23 +0,0 @@
-page-placeholder {
-     
-    .wellcome_page{
-        // width: 100vw;
-        // height: 100vh; 
-        top: 0; 
-        left: 0;
-        background: url('../assets/splash_white.jpg');
-         //no-repeat center center; 
-        // position: fixed; 
-        position: relative;
-        background-repeat: no-repeat;
-        background-position-x: center;
-        background-position-y: center;
-        background-size: cover;
-        z-index: 0;
-        //-webkit-background-size: auto;
-        //-moz-background-size: auto;
-        //-o-background-size: auto;
-        //background-size: auto; //cover
-    }
-    
-}

package/src/pages/placeholder/placeholder.ts

@@ -1,18 +0,0 @@
-import { Component } from '@angular/core';
-import {
-    IonicPage,
-    NavController,
-    NavParams 
-} from 'ionic-angular';
-
-@IonicPage()
-@Component({
-    selector: 'page-placeholder',
-    templateUrl: 'placeholder.html',
-})
-export class PlaceholderPage {
-    constructor(
-        public navCtrl: NavController, 
-        public navParams: NavParams
-    ) { }
-}

package/src/pages/popover/popover.html

@@ -1,27 +0,0 @@
-
-<!-- <ion-header>
-  <ion-navbar>
-    <ion-title>popover</ion-title>
-  </ion-navbar>
-</ion-header>
-<ion-content padding>
-</ion-content> -->
-
-<ion-list *ngIf="type===TYPE_POPUP_LIST_CONVERSATIONS">
-  <!--<ion-list-header>Ionic</ion-list-header>-->
-  <button ion-item (click)="goToProfilePage()">{{ 'LABEL_PROFILE' | translate }}</button>
-  <button ion-item (click)="openArchivedConversationsPage()">{{ 'LABEL_CLOSED' | translate }}</button>
-  <button ion-item (click)="openInfo()">{{ 'LABEL_INFO' | translate }}</button>
-  <!-- <button *ngIf="!isHostname()" ion-item (click)="logOut()">{{ 'LABEL_DISCONNECT' | translate }}</button> -->
-  <button *ngIf="!supportMode" ion-item (click)="logOut()">{{ 'LABEL_DISCONNECT' | translate }}</button>
-  
-</ion-list>
-
-<ion-list *ngIf="type===TYPE_POPUP_DETAIL_MESSAGE">
-    <!--<ion-list-header>Ionic</ion-list-header>-->
-    <button ion-item (click)="goToInfoMessage()">{{ 'LABEL_INFO_MESSAGE' | translate }}</button>
-    <!-- <button ion-item >Rispondi</button>
-    <button ion-item >Inoltra</button>
-    <button ion-item >Messaggio importante</button>
-    <button ion-item >Elimina</button> -->
-  </ion-list>

package/src/pages/popover/popover.module.ts

@@ -1,16 +0,0 @@
-import { NgModule } from '@angular/core';
-import { IonicPageModule } from 'ionic-angular';
-import { PopoverPage } from './popover';
-
-@NgModule({
-  declarations: [
-    PopoverPage,
-  ],
-  imports: [
-    IonicPageModule.forChild(PopoverPage),
-  ],
-  exports: [
-    PopoverPage
-  ]
-})
-export class PopoverPageModule {}

package/src/pages/popover/popover.scss

@@ -1,23 +0,0 @@
-page-popover {
-    .list{
-        margin: 4px 0px;
-    
-        .item{
-            font-size: 1.4rem;
-            padding: 0px 20px;
-            color: map-get($colors, c21-dark);
-            min-height: auto;
-            .item-inner{
-                padding: 0px;
-                border-bottom: 0px;
-            }
-        }
-        .item:hover {
-            background-color: whitesmoke;
-        }
-        .label{
-            margin: 5px 0px;
-        }
-    }
-
-}

package/src/pages/popover/popover.ts

@@ -1,95 +0,0 @@
-import { Component } from '@angular/core';
-import { Events, ViewController, IonicPage, NavParams } from 'ionic-angular';
-// models
-import { MessageModel } from '../../models/message';
-// utils
-import { TYPE_POPUP_LIST_CONVERSATIONS, TYPE_POPUP_DETAIL_MESSAGE } from '../../utils/constants';
-import { ArchivedConversationsPage } from '../archived-conversations/archived-conversations';
-import { AlertController } from 'ionic-angular';
-import * as PACKAGE from '../../../package.json';
-import { environment } from '../../environments/environment';
-// import { isHostname } from '../../utils/utils';
-
-
-@IonicPage()
-@Component({
-  selector: 'page-popover',
-  templateUrl: 'popover.html'
-})
-
-
-
-export class PopoverPage {
-
-  public type: string;
-  public message: MessageModel;
-
-  TYPE_POPUP_LIST_CONVERSATIONS = TYPE_POPUP_LIST_CONVERSATIONS;
-  TYPE_POPUP_DETAIL_MESSAGE = TYPE_POPUP_DETAIL_MESSAGE;
-
-  // isHostname = isHostname;
-  supportMode = environment.supportMode
-
-  constructor(
-    public viewCtrl: ViewController,
-    public navParams: NavParams,
-    public events: Events,
-    private alertCtrl: AlertController
-  ) {
-    this.type = navParams.get('typePopup');
-    this.message = navParams.get('message');
-    console.log(" PopoverPage ********* data::: ", this.message);
-  }
-  /**
-   * chiudo il popover menu
-   */
-  close() {
-    this.viewCtrl.dismiss();
-  }
-  /**
-   * chiudo il popover passando 'ProfilePage' al chiamante (lista conversazioni)
-   */
-  goToProfilePage(){
-    this.viewCtrl.dismiss("ProfilePage");
-  }
-
-  goToInfoMessage(){
-   // pubblico open info message passando il messaggio
-   console.log('goToInfoMessage **************', this.message);
-   this.events.publish('openInfoMessage', (this.message));
-   this.viewCtrl.dismiss();
-  }
-  /**
-   * chiudo il popover passando 'logOut' al chiamante (lista conversazioni)
-   */
-  logOut() {
-    this.viewCtrl.dismiss("logOut");
-  }
-
-  /**
-   * returns the result of the dismiss
-   * @returns a string that identify the closed page
-   */
-  openArchivedConversationsPage() {
-    this.viewCtrl.dismiss("ArchivedConversationsPage");
-  }
-
-
-  openInfo(){
-    var BUILD_VERSION = '<p style="text-align: center;">version ' + PACKAGE.version +'</p>';
-    var that = this;
-    let alert = this.alertCtrl.create({
-      title: '',
-      subTitle: BUILD_VERSION,
-      buttons: [
-      {
-          text: 'OK',
-          role: 'ok',
-          handler: data => {
-            that.viewCtrl.dismiss();
-          }
-      }]
-    });
-    alert.present();
-  }
-}

package/src/pages/popover-profile/popover-profile.html

@@ -1,20 +0,0 @@
-<!--
-  Generated template for the PopoverProfilePage page.
-
-  See http://ionicframework.com/docs/components/#navigation for more info on
-  Ionic pages and navigation.
--->
-<ion-header>
-</ion-header>
-
-
-<ion-content padding>
-    <ion-list>
-      <!--<ion-list-header>Ionic</ion-list-header>-->
-      <button ion-item (click)="goToProfilePage()">Mostra foto</button>
-      <input type="file" accept="image/x-png,image/gif,image/jpeg" name="file" id="file" class="inputfile" (change)="detectFiles($event)"/>
-      <label ion-item for="file">Carica foto</label>
-      <button ion-item >Scatta foto</button>
-      <button ion-item >Rimuovi immagine</button>
-    </ion-list>
-</ion-content>

package/src/pages/popover-profile/popover-profile.module.ts

@@ -1,16 +0,0 @@
-import { NgModule } from '@angular/core';
-import { IonicPageModule } from 'ionic-angular';
-import { PopoverProfilePage } from './popover-profile';
-
-@NgModule({
-  declarations: [
-    PopoverProfilePage,
-  ],
-  imports: [
-    IonicPageModule.forChild(PopoverProfilePage),
-  ],
-  exports: [
-    PopoverProfilePage
-  ]
-})
-export class PopoverProfilePageModule {}

package/src/pages/popover-profile/popover-profile.scss

@@ -1,10 +0,0 @@
-page-popover-profile {
-    .inputfile {
-        width: 0.1px;
-        height: 0.1px;
-        opacity: 0;
-        overflow: hidden;
-        position: absolute;
-        z-index: -1;
-    }
-}

package/src/pages/popover-profile/popover-profile.ts

@@ -1,40 +0,0 @@
-import { Component } from '@angular/core';
-import { ModalController, ViewController, IonicPage, NavParams } from 'ionic-angular';
-import { UpdateImageProfilePage } from '../update-image-profile/update-image-profile';
-
-@IonicPage()
-@Component({
-  selector: 'page-popover-profile',
-  templateUrl: 'popover-profile.html',
-})
-export class PopoverProfilePage {
-
-  private uidContact:string;
-
-  constructor(
-    public viewCtrl: ViewController,  
-    public modalCtrl: ModalController,
-    public navParams: NavParams
-  ) {
-    this.uidContact = navParams.get('uidContact');
-    // controllo piattaforma per il caricamento img da mobile o browser
-  }
-  /**
-   * 
-   * @param event 
-   */
-  detectFiles(event) {
-    console.log('event: ',event);
-    let profileModal = this.modalCtrl.create(UpdateImageProfilePage, {event: event}, { enableBackdropDismiss: false });
-    profileModal.present();
-    this.viewCtrl.dismiss();
-  }
-  /**
-   * 
-   */
-  goToProfilePage(){
-    let profileModal = this.modalCtrl.create(UpdateImageProfilePage, {uidContact: this.uidContact}, { enableBackdropDismiss: true });
-    profileModal.present();
-  }
-
-}

package/src/pages/profile/profile.html

@@ -1,54 +0,0 @@
-<!--
-  Generated template for the ProfilePage page.
-
-  See http://ionicframework.com/docs/components/#navigation for more info on
-  Ionic pages and navigation.
--->
-<ion-header>
-  <ion-navbar hideBackButton>
-    <ion-title>
-      <div *ngIf="profileYourself">{{currentUserDetail.fullname}}</div>
-      <div *ngIf="!profileYourself">{{userDetail.fullname}}</div>
-    </ion-title>
-    <ion-buttons left>
-      <button ion-button icon-only (click)="goBack()">
-        <ion-icon name="close"></ion-icon>
-      </button>
-    </ion-buttons>
-  </ion-navbar>
-</ion-header>
-      
-<ion-content padding class="speaker-detail">
-  <div text-center>
-    <img class="clip-circle" *ngIf="profileYourself" src="{{this.currentUserDetail.imageurl}}" alt="user" onError="this.src='assets/img/no_image.png';">
-    <img class="clip-circle" *ngIf="!profileYourself" src="{{this.userDetail.imageurl}}" alt="user" onError="this.src='assets/img/no_image.png';">
-
-    <button *ngIf="profileYourself && !supportMode" class="icon_modify" icon-only (click)="presentPopover($event)">
-      <ion-icon name="create"></ion-icon>
-    </button>
-  </div>
-
-
-  <div class="uid-contact">
-    <div *ngIf="profileYourself">{{currentUserDetail.uid}}</div>
-    <div *ngIf="!profileYourself">{{userDetail.uid}}</div>
-  </div>
-  <ion-item detail-push class="fullname">
-      <div *ngIf="profileYourself" >{{currentUserDetail.fullname}}</div>
-      <div *ngIf="!profileYourself">{{userDetail.fullname}}</div>
-  </ion-item>
-  <ion-item detail-push *ngIf="profileYourself">
-    <div class="email">email: {{currentUserDetail.email}}</div>
-  </ion-item>
-
-      <!-- <label>
-         <input type="file" (change)="detectFiles($event)" multiple>
-      </label>
-        <button
-                [disabled]="!selectedFiles"
-                (click)="uploadMulti()">
-          Upload Multiple
-        </button> -->
-  <!-- <p>{{speaker.about}}</p> -->
-
-</ion-content>

package/src/pages/profile/profile.module.ts

@@ -1,16 +0,0 @@
-import { NgModule } from '@angular/core';
-import { IonicPageModule } from 'ionic-angular';
-import { ProfilePage } from './profile';
-
-@NgModule({
-  declarations: [
-    ProfilePage,
-  ],
-  imports: [
-    IonicPageModule.forChild(ProfilePage),
-  ],
-  exports: [
-    ProfilePage
-  ]
-})
-export class ProfilePageModule {}

package/src/pages/profile/profile.scss

@@ -1,45 +0,0 @@
-page-profile {
-    .speaker-detail img {
-        //max-width: 20vw;
-        width: 12vw; /* 20% of the viewport width */
-        height: 12vw;
-        border-radius: 50%;
-        // width: 140px;
-        display: block;
-        margin-left: auto;
-        margin-right: auto;
-    }
-    .speaker-detail p {
-        color: #60646B;
-    }
-    .icon_modify{
-        position: relative;
-        bottom: 25px;
-        right: -70px;
-        color: #424242;
-        font-size: 1em;
-        padding: 0px;
-        box-shadow: none;
-        background-color: transparent;
-        margin: 0px;
-    }
-    .uid-contact{
-        color: #424242;
-        user-select: text;
-        font-size: smaller;
-        text-align: center;
-        margin-top: 0px;
-    }
-    .fullname{
-        font-size: 1em;
-    }
-    .email{
-        font-size: 0.8em;
-    }
-
-    .clip-circle {
-        clip-path: circle(60px at center);
-        /* OLD VALUE example: circle(245px, 140px, 50px); */
-        /* Yep, even the new clip-path has deprecated stuff. */
-      }
-}

package/src/pages/profile/profile.ts

@@ -1,108 +0,0 @@
-import { Component, NgZone } from '@angular/core';
-import { PopoverController, IonicPage, NavController, NavParams } from 'ionic-angular';
-import { Events } from 'ionic-angular';
-// models
-import { UserModel } from '../../models/user';
-// services
-import { UploadService } from '../../providers/upload-service/upload-service';
-import { UserService } from '../../providers/user/user';
-import { ChatManager } from '../../providers/chat-manager/chat-manager';
-// pages
-import { PopoverProfilePage } from '../popover-profile/popover-profile';
-// utils
-// import { isHostname } from '../../utils/utils';
-import { environment } from '../../environments/environment';
-/**
- * Generated class for the ProfilePage page.
- */
-@IonicPage()
-@Component({
-  selector: 'page-profile',
-  templateUrl: 'profile.html',
-})
-export class ProfilePage {
-  public userDetail: UserModel;
-  public currentUserDetail: UserModel;
-  public uidUser: string;
-
-  public profileYourself: boolean;
-  // isHostname = isHostname;
-
-  supportMode = environment.supportMode
-  //public selectedFiles: FileList;
-  //public currentUpload: UploadModel;
-  
-  constructor(
-    public navCtrl: NavController, 
-    public navParams: NavParams,
-    public userService: UserService,
-    //public navProxy: NavProxyService,
-    public upSvc: UploadService,
-    public popoverCtrl: PopoverController,
-    public zone: NgZone,
-    public chatManager: ChatManager,
-    public events: Events
-  ) {
-    this.uidUser = navParams.get('uidUser');
-  }
-  /**
-   * 
-   */
-  ngOnInit() {
-    this.initialize();
-  }
-
-
-
-    
-    
-  // }
-  /**
-   * imposto subsribe dettaglio utente
-   * controllo se sono nel profilo currentuser oppure usercon cui converso
-   * carico dettaglio user
-   */
-  initialize(){
-    this.events.subscribe('loadUserDetail:complete', userDetail => {
-      this.userDetail = userDetail;
-    });
-    if (!this.uidUser){ // || this.userDetail.uid == this.uidUser
-      this.profileYourself = true;
-
-      this.currentUserDetail = this.chatManager.getLoggedUser();
-    }
-    else {
-      this.profileYourself = false;
-      console.log('this.uidUser',this.uidUser);
-      this.userDetail = new UserModel(this.uidUser, '', '', this.uidUser, '', '');
-      this.userService.loadUserDetail(this.uidUser);
-    }
-
-    
-  }
-
-  /**
-   * metodo richiamato dalla pg html del current user 
-   * alla pressione sul pulsante modifica della foto profillo
-   * apro PopoverProfilePage passando id current user
-   * @param myEvent 
-   */
-  presentPopover(myEvent) {
-    let popover = this.popoverCtrl.create(PopoverProfilePage,{uidContact:this.currentUserDetail.uid});
-    popover.present({
-      ev: myEvent
-    });
-    popover.onDidDismiss((data: string) => {
-      //alert("popover.onDidDismiss: "+data);
-      console.log(" ********* data::: ", data);
-    });
-  }
-
-
-  /**
-   * chiudo il popup profilo utente
-   */
-  goBack(){
-    this.navCtrl.pop({animate: false, duration: 0});
-  }
-}

package/src/pages/update-image-profile/update-image-profile.html

@@ -1,39 +0,0 @@
-<!--
-  Generated template for the UpdateImageProfilePage page.
-
-  See http://ionicframework.com/docs/components/#navigation for more info on
-  Ionic pages and navigation.
--->
-<ion-header>
-
-  <ion-navbar>
-    <ion-title *ngIf="!uidContact">Salva immagine profilo</ion-title>
-    <ion-title *ngIf="uidContact">Immagine del profilo</ion-title>
-    <ion-buttons left>
-      <button ion-button icon-only (click)="goBack()">
-        <ion-icon name="close"></ion-icon>
-      </button>
-    </ion-buttons>
-    <ion-buttons *ngIf="!uidContact" right>
-          <button id="start-upload" ion-button icon-only clear class="button button-check" (click)="uploadSingle()">
-          <ion-icon name="checkmark-circle"></ion-icon>
-          </button> 
-    </ion-buttons>
-  </ion-navbar>
-
-</ion-header>
-
-
-<ion-content padding>
-  <div class="preview">
-    <img *ngIf="image" class="image-profile" [src]="image"/>
-    <div id="progress" *ngIf="currentUpload && currentUpload.progress!=100">caricamento...{{this.currentUpload.progress}}%</div>
-    <div id="ok_message" *ngIf="currentUpload && currentUpload.progress==100">CARICAMENTO COMPLETO 
-      <br/>  
-      <button ion-button  (click)="goBack()">
-        chiudi
-      </button>
-    </div>
-    <!-- {{this.currentUpload.progress}} -->
-  </div>
-</ion-content>

package/src/pages/update-image-profile/update-image-profile.module.ts

@@ -1,16 +0,0 @@
-import { NgModule } from '@angular/core';
-import { IonicPageModule } from 'ionic-angular';
-import { UpdateImageProfilePage } from './update-image-profile';
-
-@NgModule({
-  declarations: [
-    UpdateImageProfilePage,
-  ],
-  imports: [
-    IonicPageModule.forChild(UpdateImageProfilePage),
-  ],
-  exports: [
-    UpdateImageProfilePage
-  ]
-})
-export class UpdateImageProfilePageModule {}

package/src/pages/update-image-profile/update-image-profile.scss

@@ -1,50 +0,0 @@
-page-update-image-profile {
-    .image-profile{
-        max-width: 100%;
-        max-height: 100%;
-        max-height: 100%;  
-        max-width: 100%; 
-        width: auto;
-        height: auto;
-        position: absolute;  
-        top: 0;  
-        bottom: 0;  
-        left: 0;  
-        right: 0;  
-        margin: auto;
-    }
-    .button-check {
-        color: green;
-        font-size: 2em;
-        bottom: 0px;
-        right: 0px;
-        padding: 0px;
-    }
-    .preview{
-        text-align: center;
-        overflow-y: hidden;
-        overflow-x: hidden;
-    }
-    #progress{
-        position: absolute;
-        width: 100%;
-        margin-top: -50%;
-        // margin-left: 50%;
-        font-size: x-large;
-        background-color: rgba(255, 255, 255, 0.54);
-        padding: 6px;
-        border-radius: 10px;
-    }
-    #ok_message{
-        position: absolute;
-        width: 100%;
-        margin-top: -50%;
-        // margin-right: auto;
-        // display: block;
-        font-size: x-large;
-        background-color: rgba(255, 255, 255, 0.54);
-        padding: 6px;
-        border-radius: 10px;
-    }
-    
-}