doneit-web/android/app/src/main/assets/public/pages-chat-chat-module-es5.js

function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["pages-chat-chat-module"], {
  /***/
  "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/chat.page.html":
  /*!*********************************************************************************!*\
    !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/chat.page.html ***!
    \*********************************************************************************/

  /*! exports provided: default */

  /***/
  function node_modulesRawLoaderDistCjsJsSrcAppPagesChatChatPageHtml(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = "<ion-header>\r\n  <app-header></app-header>\r\n</ion-header>\r\n<ion-header  class=\"ion-no-border\">\r\n  <ion-toolbar class=\"bg-blue\">\r\n    <div class=\"main-header\">\r\n      <div class=\"title-content\">\r\n        <div class=\"div-title\">\r\n          <ion-label class=\"title\">Chat</ion-label>\r\n        </div>\r\n        <div class=\"div-icon\">\r\n          <ion-icon slot=\"end\" (click)=\"newGroup()\" src=\"assets/images/icons-chat-new-group.svg\" ></ion-icon>\r\n          <ion-icon slot=\"end\" (click)=\"selectContact()\" src=\"assets/images/icons-chat-new-conversation.svg\"></ion-icon>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ion-toolbar>\r\n</ion-header>\r\n\r\n<ion-content>\r\n  <div class=\"main-content\">\r\n  <ion-toolbar >\r\n    <ion-segment [(ngModel)]=\"segment\" (ionChange)=\"onSegmentChange()\">\r\n      <ion-segment-button value=\"Contactos\">\r\n        Contactos\r\n      </ion-segment-button>\r\n      <ion-segment-button value=\"Grupos\">\r\n        Grupos\r\n      </ion-segment-button>\r\n    </ion-segment>\r\n  </ion-toolbar>\r\n  <ion-refresher  name=\"refresher\" slot=\"fixed\" (ionRefresh)=\"doRefresh($event)\">\r\n    <ion-progress-bar type=\"indeterminate\" *ngIf=\"showLoader\"></ion-progress-bar>\r\n  </ion-refresher>\r\n  <div [ngSwitch]=\"segment\">\r\n    <ion-list *ngSwitchCase=\"'Contactos'\">\r\n      <ion-item-group>\r\n        <ion-item-sliding>\r\n            <!-- <ion-item *ngFor=\"let user of userConnectedList\" (click)=\"openMessages()\"> \r\n              <ion-icon slot=\"start\" src=\"assets/images/icons-chat-chat-40.svg\" class=\"iconschatchat-40\"></ion-icon>\r\n              <div>\r\n                <h3>{{user.name}}</h3>\r\n                <p>Podemos marcar reunião para amanha</p>\r\n              </div>\r\n            </ion-item> -->\r\n            <div *ngFor=\"let dm of userDirectMessages\" class=\"item\">\r\n              <div class=\"item-icon\">\r\n                <ion-icon class=\"icon\" slot=\"start\" src=\"assets/images/icons-chat-chat-40.svg\"></ion-icon>\r\n              </div>\r\n              <div (click)=\"openMessages(dm)\" class=\"item-content\">\r\n                <div class=\"item-title-time\">\r\n                  <div class=\"item-title\">\r\n                    <ion-label *ngFor=\"let user of dm.usernames\">\r\n                      <span *ngIf=\"user !=loggedUser.me.username\">\r\n                      {{user}}\r\n                    </span>\r\n                    </ion-label>\r\n                  </div>\r\n                  <div class=\"item-date\">{{dm.lastMessage._updatedAt | date: 'HH:mm'}}</div>\r\n                </div>\r\n                <div class=\"item-description\">\r\n                  <ion-label>{{dm.lastMessage.msg}}</ion-label>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <!-- <div class=\"item\">\r\n              <div class=\"item-icon\">\r\n                <ion-icon class=\"icon\" slot=\"start\" src=\"assets/images/icons-chat-chat-40.svg\"></ion-icon>\r\n              </div>\r\n              <div (click)=\"openMessages()\" class=\"item-content\">\r\n                <div class=\"item-title-time\">\r\n                  <div class=\"item-title\">\r\n                    <ion-label>Secretário para o sector Agricola</ion-label>\r\n                  </div>\r\n                  <div class=\"item-date\">15:00</div>\r\n                </div>\r\n                <div class=\"item-description\">\r\n                  <p>Podemos marcar reunião para amanha</p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"item\">\r\n              <div class=\"item-icon\">\r\n                <ion-icon class=\"icon\" slot=\"start\" src=\"assets/images/icons-chat-chat-40.svg\"></ion-icon>\r\n              </div>\r\n              <div (click)=\"openMessages()\" class=\"item-content\">\r\n                <div class=\"item-title-time\">\r\n                  <div class=\"item-title\">\r\n                    <ion-labe
    /***/
  },

  /***/
  "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/conversation/conversation.page.html":
  /*!******************************************************************************************************!*\
    !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/conversation/conversation.page.html ***!
    \******************************************************************************************************/

  /*! exports provided: default */

  /***/
  function node_modulesRawLoaderDistCjsJsSrcAppPagesChatConversationConversationPageHtml(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = "<ion-header>\r\n  <ion-toolbar>\r\n    <ion-buttons slot=\"start\">\r\n      <ion-back-button (click)=\"close()\" defaultHref=\"/home/chat\" icon=\"chevron-back\"></ion-back-button>\r\n    </ion-buttons>\r\n    <ion-title>{{chatUser.name}}</ion-title>\r\n  </ion-toolbar>\r\n</ion-header>\r\n\r\n<ion-content>\r\n  <ion-row *ngFor=\"let message of messages\" class=\"chat-container\">\r\n    <ion-col size=\"9\" *ngIf=\"message.user !== currentUser\" class=\"message other-message\">\r\n      <p><b>{{message.user}}</b></p>\r\n      <span>{{message.msg}}</span>\r\n      <div class=\"message-date\">{{message.createdAt | date: 'HH:mm'}}</div>\r\n    </ion-col>\r\n    <ion-col offset=\"3\" size=\"9\" *ngIf=\"message.user === currentUser\" class=\"message my-message\">\r\n      <ion-label>\r\n        <p><b>{{message.user}}</b></p>\r\n      <span>{{message.msg}}</span>\r\n      <div class=\"message-date\">{{message.createdAt | date: 'HH:mm'}}</div>\r\n    </ion-label>\r\n    </ion-col>\r\n\r\n  </ion-row>\r\n\r\n</ion-content>\r\n<ion-footer class=\"ion-no-border\">\r\n  <ion-toolbar>\r\n    <ion-row align-items-center>\r\n      <ion-col>\r\n        <ion-item button lines=\"none\">\r\n          <img src=\"assets/images/icons-arrow-arrow-down-25.svg\">\r\n        </ion-item>\r\n      </ion-col>\r\n      <ion-col>\r\n        <ion-item lines=\"none\" class=\"div-message\">\r\n          <ion-textarea placeholder=\"Escrever uma mensagem\" auto-grow class=\"message-input\" rows=\"1\" [(ngModel)]=\"message\"></ion-textarea>\r\n          <ion-icon slot=\"end\" name=\"mic-outline\"></ion-icon>\r\n        </ion-item>\r\n      </ion-col>\r\n      <ion-col>\r\n        <ion-item button lines=\"none\" [disabled]=\"message === ''\">\r\n            <img src=\"assets/images/icons-chat-send.svg\">\r\n        </ion-item>\r\n      </ion-col>\r\n    </ion-row>\r\n  </ion-toolbar>\r\n</ion-footer>\r\n";
    /***/
  },

  /***/
  "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/group-messages/group-messages.page.html":
  /*!**********************************************************************************************************!*\
    !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/group-messages/group-messages.page.html ***!
    \**********************************************************************************************************/

  /*! exports provided: default */

  /***/
  function node_modulesRawLoaderDistCjsJsSrcAppPagesChatGroupMessagesGroupMessagesPageHtml(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = "<ion-header  class=\"ion-no-border\">\r\n  <ion-toolbar class=\"header-toolbar\">\r\n    <div class=\"main-header\">\r\n      <div class=\"header-top\">\r\n        <app-btn-modal-dismiss></app-btn-modal-dismiss>\r\n        <div class=\"middle\">\r\n          <ion-label class=\"title\">Grupo de Trabalho A</ion-label>\r\n        </div>\r\n        <div class=\"right\">\r\n          <ion-icon  (click)=\"openOptions()\" src=\"assets/images/icons-menu.svg\"></ion-icon>\r\n        </div>  \r\n      </div>\r\n      <div class=\"header-bottom\">\r\n        <div class=\"header-bottom-icon\">\r\n          <ion-icon (click)=\"addContacts()\" src=\"assets/icon/icons-user.svg\"></ion-icon>\r\n        </div>\r\n        <div class=\"header-bottom-contacts\">\r\n          <ion-label *ngFor=\"let contact of contacts\" >\r\n            {{contact}}\r\n          </ion-label>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ion-toolbar>\r\n</ion-header>\r\n\r\n\r\n<ion-content>\r\n  <div class=\"welcome-text\">\r\n    <ion-label>Esta conversa passou a grupo</ion-label><br />\r\n    <ion-label>A conversa original mantêm-se como chat individual</ion-label>\r\n  </div>\r\n  <div class=\"messages\">\r\n    <div class=\"incoming\">\r\n      <div class=\"title\">\r\n        <ion-label>Secretário Assuntos sociais</ion-label>\r\n        <span class=\"time\">14:23</span>\r\n      </div>\r\n      <div>\r\n        <img src='assets/images/1.jpg' tappable>\r\n        <ion-label hidden >Investidura Filipe Nyusi</ion-label>\r\n      </div>\r\n    </div>\r\n    <div class=\"incoming\">\r\n      <div class=\"title\">\r\n        <ion-label>Secretário Assuntos sociais</ion-label>\r\n        <span class=\"time\">14:23</span>\r\n      </div>\r\n      <div>\r\n        <ion-label>Caros colegas, partilho o momento de confraternização do presidente Filipe Nyusi e de dua excelência, o presidente da república</ion-label>\r\n      </div>\r\n    </div>\r\n    <div class=\"incoming\">\r\n      <div class=\"title\">\r\n        <ion-label>Presidente da República</ion-label>\r\n        <span class=\"time\">14:23</span>\r\n      </div>\r\n      <div>\r\n        <ion-label>Pois é, momentos históricos</ion-label>\r\n      </div>\r\n    </div>\r\n    <div class=\"outgoing\">\r\n      <div class=\"title\">\r\n        <ion-label>Ministro do interior</ion-label>\r\n        <span class=\"time\">16:23</span>\r\n      </div>\r\n      <div>\r\n        <ion-label>Grande momento</ion-label>\r\n      </div>\r\n    </div>\r\n    <div class=\"incoming\">\r\n      <div class=\"title\">\r\n        <ion-label>Secretário Assuntos sociais</ion-label>\r\n        <span class=\"time\">14:23</span>\r\n      </div>\r\n      <div>\r\n        <ion-label>Caros colegas, partilho o momento de confraternização do presidente Filipe Nyusi e de dua excelência, o presidente da república</ion-label>\r\n      </div>\r\n    </div>\r\n    <div class=\"outgoing\">\r\n      <div class=\"title\">\r\n        <ion-label>Secretário Assuntos sociais</ion-label>\r\n        <span class=\"time\">14:23</span>\r\n      </div>\r\n      <div>\r\n        <ion-label>Caros colegas, partilho o momento de confraternização do presidente Filipe Nyusi e de dua excelência, o presidente da república</ion-label>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</ion-content>\r\n<ion-footer>\r\n  <ion-toolbar>\r\n    <ion-row align-items-center class=\"row\">\r\n      <ion-col size=\"1\">\r\n        <ion-label class=\"ion-no-padding\" lines=\"none\">\r\n          <ion-icon (click)=\"openChatOptions()\" class=\"chat-icon-options\" src=\"assets/icon/icons-chat-options.svg\"></ion-icon>\r\n        </ion-label>\r\n      </ion-col>\r\n      <ion-col size=\"9\">\r\n        <ion-item class=\"ion-no-padding type-message\" lines=\"none\">\r\n          <ion-textarea placeholder=\"Escrever uma mensagem\" auto-grow class=\"message-input\" rows=\"1\" [(ngModel)]=\"message\"></ion-textarea>\r\n          <ion-icon slot=\"end\" src=\"assets/icon/icons-chat-mic.svg\"></ion-icon>\r\n        </
    /***/
  },

  /***/
  "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/messages/contacts/contacts.page.html":
  /*!*******************************************************************************************************!*\
    !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/messages/contacts/contacts.page.html ***!
    \*******************************************************************************************************/

  /*! exports provided: default */

  /***/
  function node_modulesRawLoaderDistCjsJsSrcAppPagesChatMessagesContactsContactsPageHtml(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = "<ion-header  class=\"ion-no-border\">\r\n  <ion-toolbar class=\"header-toolbar\">\r\n    <div class=\"main-header\">\r\n      <div class=\"title-content\">\r\n        <div class=\"back-icon\">\r\n          <ion-icon (click)=\"close()\" slot=\"end\" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>\r\n        </div>\r\n        <div class=\"div-title\">\r\n          <ion-label class=\"title\">Nova Conversa</ion-label>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ion-toolbar>\r\n  <ion-toolbar class=\"toolbar-search\">\r\n    <div class=\"search\">\r\n      <ion-searchbar debounce=\"500\" (ionChange)=\"onChange($event)\" placeholder=\"Pesquisar por cantacto\" ></ion-searchbar>\r\n    </div>\r\n  </ion-toolbar>\r\n</ion-header>\r\n\r\n<ion-content>\r\n  <ion-refresher  name=\"refresher\" slot=\"fixed\" (ionRefresh)=\"doRefresh($event)\">\r\n      <ion-progress-bar type=\"indeterminate\" *ngIf=\"showLoader\"></ion-progress-bar>\r\n      <ion-refresher-content>\r\n      </ion-refresher-content>\r\n    </ion-refresher>\r\n  <div class=\"main-content\">\r\n    \r\n    <ion-virtual-scroll [items]=\"users | filter:textSearch: 'name'\" approxItemHeight=\"70px\" [headerFn]=\"separateLetter\">\r\n  \r\n      <div class=\"item-divider\" *virtualHeader=\"let header\">\r\n        <ion-label>{{header}}</ion-label>\r\n      </div>\r\n\r\n      <div (click)=\"createRoom(user.username)\" *virtualItem=\"let user\" class=\"item-user\">\r\n         <p>{{user.name}}</p>\r\n         <span class=\"icon\">\r\n          <ion-icon class=\"{{user.status}}\" slot=\"end\" name=\"ellipse\"></ion-icon>\r\n         </span>\r\n        \r\n      </div>\r\n      \r\n    </ion-virtual-scroll>\r\n    \r\n  </div>    \r\n</ion-content>\r\n";
    /***/
  },

  /***/
  "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/messages/messages.page.html":
  /*!**********************************************************************************************!*\
    !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/messages/messages.page.html ***!
    \**********************************************************************************************/

  /*! exports provided: default */

  /***/
  function node_modulesRawLoaderDistCjsJsSrcAppPagesChatMessagesMessagesPageHtml(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = "<ion-header  class=\"ion-no-border\">\r\n  <ion-toolbar class=\"header-toolbar\">\r\n    <div class=\"main-header\">\r\n      <div class=\"header-top\">\r\n        <app-btn-modal-dismiss></app-btn-modal-dismiss>\r\n        <div class=\"middle\">\r\n          <ion-label class=\"title\" *ngFor=\"let users of dmUsers\">{{users.name}}</ion-label>\r\n          <span *ngIf=\"userPresence =='online'\"><ion-icon class=\"user-status-online\" name=\"ellipse\"></ion-icon></span>\r\n        </div>\r\n        <div class=\"right\">\r\n          <ion-icon  (click)=\"openMessagesOptions()\" src=\"assets/images/icons-menu.svg\"></ion-icon>\r\n        </div>  \r\n      </div>\r\n      <div class=\"header-bottom\" (click)=\"addContacts()\">\r\n        <div class=\"header-bottom-icon\">\r\n          <ion-icon src=\"assets/icon/icons-user.svg\"></ion-icon>\r\n        </div>\r\n        <div class=\"header-bottom-contacts\">\r\n          <ion-label class=\"text-color-blue\">Adicionar contacto</ion-label>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ion-toolbar>\r\n</ion-header>\r\n\r\n<ion-content>\r\n  <div class=\"messages\" #scrollMe>\r\n    <!-- <ion-infinite-scroll position=\"top\" threshold=\"25%\" (ionInfinite)=\"loadMoreMessages($event)\">\r\n      <ion-infinite-scroll-content loadindSpiniter=\"crescent\" loadingText=\"Carregando...\">\r\n\r\n      </ion-infinite-scroll-content>\r\n    </ion-infinite-scroll> -->\r\n    <!-- <div class=\"incoming\">\r\n      <div class=\"title\">\r\n        <ion-label>Secretário Assuntos sociais</ion-label>\r\n        <span class=\"time\">14:23</span>\r\n      </div>\r\n      <div>\r\n        <img src='assets/images/1.jpg' tappable>\r\n        <ion-label hidden >Investidura Filipe Nyusi</ion-label>\r\n      </div>\r\n    </div> -->\r\n    <div *ngFor=\"let msg of messages\" class='incoming-{{msg.u.username!=loggedUser.me.username}}'>\r\n      <div class=\"title\">\r\n        <ion-label>{{msg.u.name}}</ion-label>\r\n        <span class=\"time\">{{msg._updatedAt | date: 'HH:mm' }}</span>\r\n      </div>\r\n      <div>\r\n        <ion-label>{{msg.msg}}</ion-label>\r\n      </div>\r\n    </div>\r\n    <!-- <div class=\"incoming\">\r\n      <div class=\"title\">\r\n        <ion-label>Presidente da República</ion-label>\r\n        <span class=\"time\">14:23</span>\r\n      </div>\r\n      <div>\r\n        <ion-label>Pois é, momentos históricos</ion-label>\r\n      </div>\r\n    </div>\r\n    <div class=\"outgoing\">\r\n      <div class=\"title\">\r\n        <ion-label>Ministro do interior</ion-label>\r\n        <span class=\"time\">16:23</span>\r\n      </div>\r\n      <div>\r\n        <ion-label>Grande momento</ion-label>\r\n      </div>\r\n    </div>\r\n    <div class=\"incoming\">\r\n      <div class=\"title\">\r\n        <ion-label>Secretário Assuntos sociais</ion-label>\r\n        <span class=\"time\">14:23</span>\r\n      </div>\r\n      <div>\r\n        <ion-label>Caros colegas, partilho o momento de confraternização do presidente Filipe Nyusi e de dua excelência, o presidente da república</ion-label>\r\n      </div>\r\n    </div>\r\n    <div class=\"outgoing\">\r\n      <div class=\"title\">\r\n        <ion-label>Secretário Assuntos sociais</ion-label>\r\n        <span class=\"time\">14:23</span>\r\n      </div>\r\n      <div>\r\n        <ion-label>Caros colegas, partilho o momento de confraternização do presidente Filipe Nyusi e de dua excelência, o presidente da república</ion-label>\r\n      </div>\r\n    </div> -->\r\n  </div>\r\n\r\n</ion-content>\r\n<ion-footer>\r\n  <ion-toolbar>\r\n    <ion-row align-items-center class=\"row\">\r\n      <ion-col size=\"1\">\r\n        <ion-label class=\"ion-no-padding\" lines=\"none\">\r\n          <ion-icon (click)=\"openChatOptions()\" class=\"chat-icon-options\" src=\"assets/icon/icons-chat-options.svg\"></ion-icon>\r\n        </ion-label>\r\n      </ion-col>\r\n      <ion-col size=\"9\">\r\n        <ion-item class=\"ion-no-padding type-message\" lines=\"none\">\r\n          <ion-textarea clearO
    /***/
  },

  /***/
  "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/new-group/contacts/contacts.page.html":
  /*!********************************************************************************************************!*\
    !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/new-group/contacts/contacts.page.html ***!
    \********************************************************************************************************/

  /*! exports provided: default */

  /***/
  function node_modulesRawLoaderDistCjsJsSrcAppPagesChatNewGroupContactsContactsPageHtml(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = "<ion-header  class=\"ion-no-border\">\r\n  <ion-toolbar class=\"header-toolbar\">\r\n    <div class=\"main-header\">\r\n      <div class=\"title-content\">\r\n        <div class=\"back-icon\">\r\n          <ion-icon (click)=\"close()\" slot=\"end\" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>\r\n        </div>\r\n        <div class=\"div-title\">\r\n          <ion-label class=\"title\">Contactos</ion-label>\r\n        </div>\r\n        <app-btn-seguinte (click)=\"groupMessages()\"></app-btn-seguinte>\r\n      </div>\r\n    </div>\r\n  </ion-toolbar>\r\n  <ion-toolbar class=\"toolbar-search\">\r\n    <div class=\"search\">\r\n      <ion-searchbar (ionChange)=\"onChange($event)\" placeholder=\"Pesquisar por cantacto\" ></ion-searchbar>\r\n    </div>\r\n  </ion-toolbar>\r\n</ion-header>\r\n\r\n<ion-content>\r\n  <ion-refresher  name=\"refresher\" slot=\"fixed\" (ionRefresh)=\"doRefresh($event)\">\r\n      <ion-progress-bar type=\"indeterminate\" *ngIf=\"showLoader\"></ion-progress-bar>\r\n      <ion-refresher-content>\r\n      </ion-refresher-content>\r\n    </ion-refresher>\r\n  <div class=\"main-content\">\r\n    \r\n    <!-- <ion-list>\r\n      <ion-item *ngFor=\"let user of searchedItem\">\r\n        {{user.name}}\r\n      </ion-item>\r\n    </ion-list> -->\r\n\r\n    <ion-virtual-scroll [items]=\"users\" approxItemHeight=\"70px\" [headerFn]=\"separateLetter\">\r\n  \r\n      <div class=\"item-divider\" *virtualHeader=\"let header\">\r\n        <ion-label>{{header}}</ion-label>\r\n      </div>\r\n\r\n      <div *virtualItem=\"let user\" class=\"item-checkbox\">\r\n        <ion-checkbox color=\"primary\"></ion-checkbox>\r\n         <p>{{user.first}} {{user.last}}</p>\r\n        <ion-icon name=\"ellipse\"></ion-icon>\r\n      </div>\r\n      \r\n    </ion-virtual-scroll>\r\n    \r\n  </div>    \r\n</ion-content>\r\n\r\n\r\n";
    /***/
  },

  /***/
  "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/new-group/new-group.page.html":
  /*!************************************************************************************************!*\
    !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/new-group/new-group.page.html ***!
    \************************************************************************************************/

  /*! exports provided: default */

  /***/
  function node_modulesRawLoaderDistCjsJsSrcAppPagesChatNewGroupNewGroupPageHtml(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = "<ion-header  class=\"ion-no-border\">\r\n  <ion-toolbar class=\"header-toolbar\">\r\n    <div class=\"main-header\">\r\n      <div class=\"title-content\">\r\n        <div class=\"left\">\r\n          <ion-icon (click)=\"close()\" slot=\"end\" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>\r\n        </div>\r\n        <div class=\"middle\">\r\n          <ion-label class=\"title\">Novo Grupo</ion-label>\r\n        </div>\r\n        <app-btn-seguinte (click)=\"addContacts()\"></app-btn-seguinte>\r\n      </div>\r\n    </div>\r\n  </ion-toolbar>\r\n</ion-header>\r\n\r\n<ion-content>\r\n  <div class=\"main-content\">\r\n    <div class=\"item-container\">\r\n      <ion-input placeholder=\"Título\"></ion-input>\r\n    </div>\r\n    <div class=\"item-container-no-border\">\r\n      <ion-checkbox (ionChange)=\"_ionChange($event)\" color=\"primary\"></ion-checkbox>\r\n      <ion-label>Grupo Ultra-secreto</ion-label>\r\n    </div>\r\n\r\n    <div *ngIf=\"showDuration\" class=\"container-div\">\r\n      <div class=\"ion-item-class-2\">\r\n        <div class=\"ion-icon-class\">\r\n          <ion-icon slot=\"start\" src=\"assets/images/icons-duration.svg\"></ion-icon>\r\n        </div>\r\n        <div class=\"ion-input-class\">\r\n          <ion-input (click)=\"showPicker()\" [(ngModel)]=\"displayDuration\" placeholder=\"Duração\"></ion-input>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    \r\n  </div>    \r\n</ion-content>\r\n";
    /***/
  },

  /***/
  "./src/app/pages/chat/chat-routing.module.ts":
  /*!***************************************************!*\
    !*** ./src/app/pages/chat/chat-routing.module.ts ***!
    \***************************************************/

  /*! exports provided: ChatPageRoutingModule */

  /***/
  function srcAppPagesChatChatRoutingModuleTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "ChatPageRoutingModule", function () {
      return ChatPageRoutingModule;
    });
    /* harmony import */


    var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! tslib */
    "./node_modules/tslib/tslib.es6.js");
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @angular/router */
    "./node_modules/@angular/router/__ivy_ngcc__/fesm2015/router.js");
    /* harmony import */


    var _chat_page__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! ./chat.page */
    "./src/app/pages/chat/chat.page.ts");

    var routes = [{
      path: '',
      component: _chat_page__WEBPACK_IMPORTED_MODULE_3__["ChatPage"]
    }, {
      path: 'conversation',
      loadChildren: function loadChildren() {
        return __webpack_require__.e(
        /*! import() | conversation-conversation-module */
        "conversation-conversation-module").then(__webpack_require__.bind(null,
        /*! ./conversation/conversation.module */
        "./src/app/pages/chat/conversation/conversation.module.ts")).then(function (m) {
          return m.ConversationPageModule;
        });
      }
    }, {
      path: 'newchat',
      loadChildren: function loadChildren() {
        return __webpack_require__.e(
        /*! import() | newchat-newchat-module */
        "newchat-newchat-module").then(__webpack_require__.bind(null,
        /*! ./newchat/newchat.module */
        "./src/app/pages/chat/newchat/newchat.module.ts")).then(function (m) {
          return m.NewchatPageModule;
        });
      }
    }, {
      path: 'new-group',
      loadChildren: function loadChildren() {
        return __webpack_require__.e(
        /*! import() | new-group-new-group-module */
        "new-group-new-group-module").then(__webpack_require__.bind(null,
        /*! ./new-group/new-group.module */
        "./src/app/pages/chat/new-group/new-group.module.ts")).then(function (m) {
          return m.NewGroupPageModule;
        });
      }
    }, {
      path: 'group-messages',
      loadChildren: function loadChildren() {
        return __webpack_require__.e(
        /*! import() | group-messages-group-messages-module */
        "group-messages-group-messages-module").then(__webpack_require__.bind(null,
        /*! ./group-messages/group-messages.module */
        "./src/app/pages/chat/group-messages/group-messages.module.ts")).then(function (m) {
          return m.GroupMessagesPageModule;
        });
      }
    }, {
      path: 'messages',
      loadChildren: function loadChildren() {
        return __webpack_require__.e(
        /*! import() | messages-messages-module */
        "messages-messages-module").then(__webpack_require__.bind(null,
        /*! ./messages/messages.module */
        "./src/app/pages/chat/messages/messages.module.ts")).then(function (m) {
          return m.MessagesPageModule;
        });
      }
    }];

    var ChatPageRoutingModule = function ChatPageRoutingModule() {
      _classCallCheck(this, ChatPageRoutingModule);
    };

    ChatPageRoutingModule = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
      imports: [_angular_router__WEBPACK_IMPORTED_MODULE_2__["RouterModule"].forChild(routes)],
      exports: [_angular_router__WEBPACK_IMPORTED_MODULE_2__["RouterModule"]]
    })], ChatPageRoutingModule);
    /***/
  },

  /***/
  "./src/app/pages/chat/chat.module.ts":
  /*!*******************************************!*\
    !*** ./src/app/pages/chat/chat.module.ts ***!
    \*******************************************/

  /*! exports provided: ChatPageModule */

  /***/
  function srcAppPagesChatChatModuleTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "ChatPageModule", function () {
      return ChatPageModule;
    });
    /* harmony import */


    var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! tslib */
    "./node_modules/tslib/tslib.es6.js");
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var _angular_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @angular/common */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/common.js");
    /* harmony import */


    var _angular_forms__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! @angular/forms */
    "./node_modules/@angular/forms/__ivy_ngcc__/fesm2015/forms.js");
    /* harmony import */


    var _ionic_angular__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! @ionic/angular */
    "./node_modules/@ionic/angular/__ivy_ngcc__/fesm2015/ionic-angular.js");
    /* harmony import */


    var _chat_routing_module__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! ./chat-routing.module */
    "./src/app/pages/chat/chat-routing.module.ts");
    /* harmony import */


    var _chat_page__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! ./chat.page */
    "./src/app/pages/chat/chat.page.ts");
    /* harmony import */


    var src_app_shared_shared_module__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
    /*! src/app/shared/shared.module */
    "./src/app/shared/shared.module.ts");

    var ChatPageModule = function ChatPageModule() {
      _classCallCheck(this, ChatPageModule);
    };

    ChatPageModule = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
      imports: [_angular_common__WEBPACK_IMPORTED_MODULE_2__["CommonModule"], _angular_forms__WEBPACK_IMPORTED_MODULE_3__["FormsModule"], _ionic_angular__WEBPACK_IMPORTED_MODULE_4__["IonicModule"], src_app_shared_shared_module__WEBPACK_IMPORTED_MODULE_7__["SharedModule"], _chat_routing_module__WEBPACK_IMPORTED_MODULE_5__["ChatPageRoutingModule"]],
      declarations: [_chat_page__WEBPACK_IMPORTED_MODULE_6__["ChatPage"]],
      schemas: [_angular_core__WEBPACK_IMPORTED_MODULE_1__["CUSTOM_ELEMENTS_SCHEMA"]]
    })], ChatPageModule);
    /***/
  },

  /***/
  "./src/app/pages/chat/chat.page.scss":
  /*!*******************************************!*\
    !*** ./src/app/pages/chat/chat.page.scss ***!
    \*******************************************/

  /*! exports provided: default */

  /***/
  function srcAppPagesChatChatPageScss(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = ".main-header {\n  width: 100%;\n  /* 400px */\n  height: 100%;\n  font-family: Roboto;\n  border-top-left-radius: 25px;\n  border-top-right-radius: 25px;\n  background-color: #fff;\n  overflow: hidden;\n  padding: 30px 20px 0px 20px;\n  color: #000;\n  transform: translate3d(0, 1px, 0);\n}\n.main-header .title-content {\n  width: 360px;\n  margin: 0px auto;\n  overflow: auto;\n  padding: 0 !important;\n  background: #fff;\n}\n.main-header .div-title {\n  padding: 0 !important;\n  float: left;\n}\n.main-header .title {\n  font-size: 25px;\n}\n.main-header .div-icon {\n  width: 112px;\n  float: right;\n  font-size: 35px;\n  overflow: auto;\n  padding: 1px;\n}\n.main-header .div-icon ion-icon {\n  float: right;\n  padding-left: 20px;\n}\n.main-content {\n  width: 100%;\n  /* 400px */\n  height: 100%;\n  font-family: Roboto;\n  margin: 0 auto;\n  background-color: #fff;\n  overflow: auto;\n  padding: 15px 20px 0 20px;\n}\n.main-content .iconschatnew-group {\n  width: 30px;\n  height: 30px;\n  -o-object-fit: contain;\n     object-fit: contain;\n  margin: 0 5px 0 5px;\n}\n.main-content .iconschatnew-conversation {\n  width: 30px;\n  height: 30px;\n  -o-object-fit: contain;\n     object-fit: contain;\n  margin: 0 5px 0 5px;\n}\n.item {\n  width: 100%;\n  border-bottom: 1px solid #ebebeb;\n  overflow: auto;\n}\n.item .item-icon {\n  width: 40px;\n  float: left;\n}\n.item .item-icon .icon {\n  margin-top: 10px;\n  font-size: 40px;\n}\n.item .item-content {\n  width: 317px;\n  margin: 0 auto;\n  float: right;\n}\n.item .item-title-time {\n  width: 100%;\n  overflow: auto;\n  margin-top: 10px;\n}\n.item .item-title {\n  width: 80%;\n  float: left;\n  font-size: 15px;\n  color: #0d89d1;\n}\n.item .item-date {\n  width: 20%;\n  float: right;\n  font-size: 13px;\n  color: #797979;\n  text-align: right;\n}\n.item .item-description {\n  font-size: 13px;\n  color: #000;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcGFnZXMvY2hhdC9DOlxcVXNlcnNcXHRpYWdvLmtheWF5YVxcZGV2ZWxvcG1lbnRcXGdhYmluZXRlLWRpZ2l0YWwvc3JjXFxhcHBcXHBhZ2VzXFxjaGF0XFxjaGF0LnBhZ2Uuc2NzcyIsInNyYy9hcHAvcGFnZXMvY2hhdC9jaGF0LnBhZ2Uuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQTtFQUNFLFdBQUE7RUFBYSxVQUFBO0VBQ2IsWUFBQTtFQUNBLG1CQUFBO0VBQ0EsNEJBQUE7RUFDQSw2QkFBQTtFQUNBLHNCQUFBO0VBQ0EsZ0JBQUE7RUFDQSwyQkFBQTtFQUNBLFdBQUE7RUFDQSxpQ0FBQTtBQ0NGO0FEQ0U7RUFDRSxZQUFBO0VBQ0EsZ0JBQUE7RUFDQSxjQUFBO0VBQ0EscUJBQUE7RUFDQSxnQkFBQTtBQ0NKO0FEQ0U7RUFDRSxxQkFBQTtFQUNBLFdBQUE7QUNDSjtBRENFO0VBQ0UsZUFBQTtBQ0NKO0FEQ0U7RUFDRSxZQUFBO0VBQ0EsWUFBQTtFQUNBLGVBQUE7RUFDQSxjQUFBO0VBQ0EsWUFBQTtBQ0NKO0FEQ0U7RUFDRSxZQUFBO0VBQ0Esa0JBQUE7QUNDSjtBREVBO0VBQ0UsV0FBQTtFQUFhLFVBQUE7RUFDYixZQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0VBQ0Esc0JBQUE7RUFDQSxjQUFBO0VBQ0EseUJBQUE7QUNFRjtBREFFO0VBQ0UsV0FBQTtFQUNBLFlBQUE7RUFDQSxzQkFBQTtLQUFBLG1CQUFBO0VBQ0EsbUJBQUE7QUNFSjtBREFFO0VBQ0UsV0FBQTtFQUNBLFlBQUE7RUFDQSxzQkFBQTtLQUFBLG1CQUFBO0VBQ0EsbUJBQUE7QUNFSjtBREVBO0VBQ0UsV0FBQTtFQUNBLGdDQUFBO0VBQ0EsY0FBQTtBQ0NGO0FEQ0U7RUFDRSxXQUFBO0VBQ0EsV0FBQTtBQ0NKO0FEQ0k7RUFDRSxnQkFBQTtFQUNBLGVBQUE7QUNDTjtBREVFO0VBQ0UsWUFBQTtFQUNBLGNBQUE7RUFDQSxZQUFBO0FDQUo7QURFRTtFQUNFLFdBQUE7RUFDQSxjQUFBO0VBQ0EsZ0JBQUE7QUNBSjtBREVFO0VBQ0ksVUFBQTtFQUNBLFdBQUE7RUFDQSxlQUFBO0VBQ0EsY0FBQTtBQ0FOO0FERUU7RUFDRSxVQUFBO0VBQ0EsWUFBQTtFQUNBLGVBQUE7RUFDQSxjQUFBO0VBQ0EsaUJBQUE7QUNBSjtBREVFO0VBQ0UsZUFBQTtFQUNBLFdBQUE7QUNBSiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL2NoYXQvY2hhdC5wYWdlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyJcclxuLm1haW4taGVhZGVye1xyXG4gIHdpZHRoOiAxMDAlOyAvKiA0MDBweCAqL1xyXG4gIGhlaWdodDogMTAwJTtcclxuICBmb250LWZhbWlseTogUm9ib3RvO1xyXG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDI1cHg7XHJcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDI1cHg7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcclxuICBvdmVyZmxvdzpoaWRkZW47XHJcbiAgcGFkZGluZzogMzBweCAyMHB4IDBweCAyMHB4O1xyXG4gIGNvbG9yOiMwMDA7XHJcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAxcHgsIDApO1xyXG4gIFxyXG4gIC50aXRsZS1jb250ZW50e1xyXG4gICAgd2lkdGg6IDM2MHB4O1xyXG4gICAgbWFyZ2luOiAwcHggYXV0bztcclxuICAgIG92ZXJmbG93OiBhdXRvO1xyXG4gICAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xyXG4gICAgYmFja2dyb3VuZDogI
    /***/
  },

  /***/
  "./src/app/pages/chat/chat.page.ts":
  /*!*****************************************!*\
    !*** ./src/app/pages/chat/chat.page.ts ***!
    \*****************************************/

  /*! exports provided: ChatPage */

  /***/
  function srcAppPagesChatChatPageTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "ChatPage", function () {
      return ChatPage;
    });
    /* harmony import */


    var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! tslib */
    "./node_modules/tslib/tslib.es6.js");
    /* harmony import */


    var _angular_common_http__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/common/http */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/http.js");
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var _ionic_angular__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! @ionic/angular */
    "./node_modules/@ionic/angular/__ivy_ngcc__/fesm2015/ionic-angular.js");
    /* harmony import */


    var src_app_services_auth_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! src/app/services/auth.service */
    "./src/app/services/auth.service.ts");
    /* harmony import */


    var src_app_services_chat_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! src/app/services/chat.service */
    "./src/app/services/chat.service.ts");
    /* harmony import */


    var _conversation_conversation_page__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! ./conversation/conversation.page */
    "./src/app/pages/chat/conversation/conversation.page.ts");
    /* harmony import */


    var _group_messages_group_messages_page__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
    /*! ./group-messages/group-messages.page */
    "./src/app/pages/chat/group-messages/group-messages.page.ts");
    /* harmony import */


    var _messages_contacts_contacts_page__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(
    /*! ./messages/contacts/contacts.page */
    "./src/app/pages/chat/messages/contacts/contacts.page.ts");
    /* harmony import */


    var _messages_messages_page__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(
    /*! ./messages/messages.page */
    "./src/app/pages/chat/messages/messages.page.ts");
    /* harmony import */


    var _new_group_new_group_page__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(
    /*! ./new-group/new-group.page */
    "./src/app/pages/chat/new-group/new-group.page.ts");

    var ChatPage = /*#__PURE__*/function () {
      function ChatPage(http, chatService, modalController, authService) {
        _classCallCheck(this, ChatPage);

        this.http = http;
        this.chatService = chatService;
        this.modalController = modalController;
        this.authService = authService;
        this.headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_1__["HttpHeaders"]();
        this.headers = this.headers.set('X-User-Id', 'GqjNWiLrGEHRna7Zn');
        this.headers = this.headers.set('X-Auth-Token', 'SJwIgtlqfloPK696fpc2VBvyDluipuIHKB_0Q6-9ycJ');
      }

      _createClass(ChatPage, [{
        key: "ngOnInit",
        value: function ngOnInit() {
          var _this = this;

          this.segment = "Contactos";
          this.authService.userData$.subscribe(function (res) {
            _this.loggedUser = res;
            console.log(_this.loggedUser);
          });
          this.doRefresh();
          this.loadJoinedRooms();
        }
      }, {
        key: "loadJoinedRooms",
        value: function loadJoinedRooms() {
          this.chatService.loadJoinedRooms().subscribe(function (res) {
            console.log(res);
          });
        }
      }, {
        key: "onSegmentChange",
        value: function onSegmentChange() {
          this.doRefresh();
        }
      }, {
        key: "doRefresh",
        value: function doRefresh() {
          var _this2 = this;

          setInterval(function () {
            _this2.getDirectMessages();

            _this2.getGroups();
          }, 2000);
        }
      }, {
        key: "getGroups",
        value: function getGroups() {
          var _this3 = this;

          this.showLoader = true;
          this.result = this.chatService.getAllPrivateGroups().subscribe(function (res) {
            _this3.privateGroups = res.groups;
            _this3.result = _this3.chatService.getAllUserChannels().subscribe(function (res) {
              _this3.publicGroups = res.channels;
              _this3.allGroups = _this3.privateGroups.concat(_this3.publicGroups);
              _this3.showLoader = false;
            });
          });
        }
      }, {
        key: "getDirectMessages",
        value: function getDirectMessages() {
          var _this4 = this;

          this.showLoader = true;
          this.result = this.chatService.getAllDirectMessages().subscribe(function (res) {
            _this4.userDirectMessages = res.ims;
            console.log(res);
            _this4.showLoader = false;
          });
        }
      }, {
        key: "getChatMembers",
        value: function getChatMembers() {
          var _this5 = this;

          this.chatService.getMembers(this.userDirectMessages[0]._id).subscribe(function (res) {
            _this5.dmUsers = res['members'].filter(function (data) {
              return data.username != _this5.loggedUser.me.username;
            });
            /* console.log(res);
            console.log(this.dmUsers); */
          });
        }
        /* getConnectedChannels(){
          this.showLoader = true;
          
          this.result = this.chatService.getAllUserChannels().subscribe((res:any)=>{
            this.userChannels = res.channels;
            console.log(res);
                this.showLoader = false;
          });
        } */

        /* getConnectedRooms(){
          this.showLoader = true;
          
          this.result = this.chatService.getAllRooms().subscribe((res:any)=>{
            this.userRooms = res.update;
            console.log(res.update);
                this.showLoader = false;
          });
        } */

        /* getConnectedUsers(){
          this.showLoader = true;
              this.result = this.chatService.getAllConnectedUsers().subscribe((res:any)=>{
            this.userConnectedList = res.users;
                this.showLoader = false;
          });
        } */

      }, {
        key: "startConversation",
        value: function startConversation(selectedUser) {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
            var modal;
            return regeneratorRuntime.wrap(function _callee$(_context) {
              while (1) {
                switch (_context.prev = _context.next) {
                  case 0:
                    _context.next = 2;
                    return this.modalController.create({
                      component: _conversation_conversation_page__WEBPACK_IMPORTED_MODULE_6__["ConversationPage"],
                      cssClass: 'conversation',
                      backdropDismiss: false,
                      componentProps: {
                        user: selectedUser
                      }
                    });

                  case 2:
                    modal = _context.sent;
                    _context.next = 5;
                    return modal.present();

                  case 5:
                    modal.onDidDismiss();

                  case 6:
                  case "end":
                    return _context.stop();
                }
              }
            }, _callee, this);
          }));
        }
      }, {
        key: "selectContact",
        value: function selectContact() {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
            var modal;
            return regeneratorRuntime.wrap(function _callee2$(_context2) {
              while (1) {
                switch (_context2.prev = _context2.next) {
                  case 0:
                    _context2.next = 2;
                    return this.modalController.create({
                      component: _messages_contacts_contacts_page__WEBPACK_IMPORTED_MODULE_8__["ContactsPage"],
                      cssClass: 'contacts',
                      backdropDismiss: false
                    });

                  case 2:
                    modal = _context2.sent;
                    _context2.next = 5;
                    return modal.present();

                  case 5:
                    modal.onDidDismiss();

                  case 6:
                  case "end":
                    return _context2.stop();
                }
              }
            }, _callee2, this);
          }));
        }
      }, {
        key: "newGroup",
        value: function newGroup() {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
            var modal;
            return regeneratorRuntime.wrap(function _callee3$(_context3) {
              while (1) {
                switch (_context3.prev = _context3.next) {
                  case 0:
                    _context3.next = 2;
                    return this.modalController.create({
                      component: _new_group_new_group_page__WEBPACK_IMPORTED_MODULE_10__["NewGroupPage"],
                      cssClass: 'new-group',
                      backdropDismiss: false
                    });

                  case 2:
                    modal = _context3.sent;
                    _context3.next = 5;
                    return modal.present();

                  case 5:
                    modal.onDidDismiss();

                  case 6:
                  case "end":
                    return _context3.stop();
                }
              }
            }, _callee3, this);
          }));
        }
      }, {
        key: "openMessages",
        value: function openMessages(dm) {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
            var modal;
            return regeneratorRuntime.wrap(function _callee4$(_context4) {
              while (1) {
                switch (_context4.prev = _context4.next) {
                  case 0:
                    console.log(dm);
                    _context4.next = 3;
                    return this.modalController.create({
                      component: _messages_messages_page__WEBPACK_IMPORTED_MODULE_9__["MessagesPage"],
                      cssClass: 'group-messages',
                      backdropDismiss: false,
                      componentProps: {
                        dm: dm
                      }
                    });

                  case 3:
                    modal = _context4.sent;
                    _context4.next = 6;
                    return modal.present();

                  case 6:
                    modal.onDidDismiss();

                  case 7:
                  case "end":
                    return _context4.stop();
                }
              }
            }, _callee4, this);
          }));
        }
      }, {
        key: "openGroupMessages",
        value: function openGroupMessages(user) {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
            var modal;
            return regeneratorRuntime.wrap(function _callee5$(_context5) {
              while (1) {
                switch (_context5.prev = _context5.next) {
                  case 0:
                    _context5.next = 2;
                    return this.modalController.create({
                      component: _group_messages_group_messages_page__WEBPACK_IMPORTED_MODULE_7__["GroupMessagesPage"],
                      cssClass: 'group-messages',
                      backdropDismiss: false,
                      componentProps: {
                        user: user
                      }
                    });

                  case 2:
                    modal = _context5.sent;
                    _context5.next = 5;
                    return modal.present();

                  case 5:
                    modal.onDidDismiss();

                  case 6:
                  case "end":
                    return _context5.stop();
                }
              }
            }, _callee5, this);
          }));
        }
      }]);

      return ChatPage;
    }();

    ChatPage.ctorParameters = function () {
      return [{
        type: _angular_common_http__WEBPACK_IMPORTED_MODULE_1__["HttpClient"]
      }, {
        type: src_app_services_chat_service__WEBPACK_IMPORTED_MODULE_5__["ChatService"]
      }, {
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_3__["ModalController"]
      }, {
        type: src_app_services_auth_service__WEBPACK_IMPORTED_MODULE_4__["AuthService"]
      }];
    };

    ChatPage = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_2__["Component"])({
      selector: 'app-chat',
      template: Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! raw-loader!./chat.page.html */
      "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/chat.page.html"))["default"],
      styles: [Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! ./chat.page.scss */
      "./src/app/pages/chat/chat.page.scss"))["default"]]
    })], ChatPage);
    /***/
  },

  /***/
  "./src/app/pages/chat/conversation/conversation.page.scss":
  /*!****************************************************************!*\
    !*** ./src/app/pages/chat/conversation/conversation.page.scss ***!
    \****************************************************************/

  /*! exports provided: default */

  /***/
  function srcAppPagesChatConversationConversationPageScss(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = "ion-content {\n  background-color: #fefefe;\n}\n\n.chat-container {\n  margin: 10px 10px 0 10px;\n}\n\n.message {\n  padding: 5px 5px 5px 10px;\n  border-radius: 10px;\n  margin-bottom: 10px;\n  white-space: pre-wrap;\n}\n\n.my-message {\n  background: var(--ion-color-primary);\n  color: #fff;\n}\n\n.my-message p {\n  margin: 0;\n  padding: 0;\n  color: #9ab8e9;\n}\n\n.message-date {\n  font-size: 10px;\n  text-align: right;\n  margin-right: 5px;\n}\n\n.other-message {\n  background: #f2f3f7;\n  color: #333;\n}\n\n.other-message p {\n  margin: 0;\n  padding: 0;\n  color: #959ba7;\n}\n\n.message-input {\n  margin-top: 0px;\n  background: #fff;\n  padding: 0;\n  margin: 0;\n}\n\n.div-message {\n  border: 1px solid var(--ion-color-medium);\n  border-radius: 20px;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcGFnZXMvY2hhdC9jb252ZXJzYXRpb24vQzpcXFVzZXJzXFx0aWFnby5rYXlheWFcXGRldmVsb3BtZW50XFxnYWJpbmV0ZS1kaWdpdGFsL3NyY1xcYXBwXFxwYWdlc1xcY2hhdFxcY29udmVyc2F0aW9uXFxjb252ZXJzYXRpb24ucGFnZS5zY3NzIiwic3JjL2FwcC9wYWdlcy9jaGF0L2NvbnZlcnNhdGlvbi9jb252ZXJzYXRpb24ucGFnZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0kseUJBQUE7QUNDSjs7QURDQTtFQUNJLHdCQUFBO0FDRUo7O0FEQUE7RUFDSSx5QkFBQTtFQUNBLG1CQUFBO0VBQ0EsbUJBQUE7RUFDQSxxQkFBQTtBQ0dKOztBREFFO0VBQ0Usb0NBQUE7RUFDQSxXQUFBO0FDR0o7O0FEREU7RUFDSSxTQUFBO0VBQ0EsVUFBQTtFQUNBLGNBQUE7QUNJTjs7QURGRTtFQUNJLGVBQUE7RUFDQSxpQkFBQTtFQUNBLGlCQUFBO0FDS047O0FERkU7RUFDRSxtQkFBQTtFQUNBLFdBQUE7QUNLSjs7QURIRTtFQUNFLFNBQUE7RUFDQSxVQUFBO0VBQ0EsY0FBQTtBQ01KOztBREhFO0VBQ0UsZUFBQTtFQUVBLGdCQUFBO0VBQ0EsVUFBQTtFQUNBLFNBQUE7QUNLSjs7QURERTtFQUNFLHlDQUFBO0VBQ0EsbUJBQUE7QUNJSiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL2NoYXQvY29udmVyc2F0aW9uL2NvbnZlcnNhdGlvbi5wYWdlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyJpb24tY29udGVudHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6I2ZlZmVmZTtcclxufVxyXG4uY2hhdC1jb250YWluZXJ7XHJcbiAgICBtYXJnaW46IDEwcHggMTBweCAwIDEwcHg7XHJcbn1cclxuLm1lc3NhZ2Uge1xyXG4gICAgcGFkZGluZzogNXB4IDVweCA1cHggMTBweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAxMHB4O1xyXG4gICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xyXG4gIH1cclxuICAgXHJcbiAgLm15LW1lc3NhZ2Uge1xyXG4gICAgYmFja2dyb3VuZDogdmFyKC0taW9uLWNvbG9yLXByaW1hcnkpO1xyXG4gICAgY29sb3I6ICNmZmY7XHJcbiAgfVxyXG4gIC5teS1tZXNzYWdlIHB7XHJcbiAgICAgIG1hcmdpbjogMDtcclxuICAgICAgcGFkZGluZzogMDtcclxuICAgICAgY29sb3I6ICM5YWI4ZTk7XHJcbiAgfVxyXG4gIC5tZXNzYWdlLWRhdGV7XHJcbiAgICAgIGZvbnQtc2l6ZTogMTBweDtcclxuICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7XHJcbiAgICAgIG1hcmdpbi1yaWdodDogNXB4O1xyXG4gIH1cclxuICAgXHJcbiAgLm90aGVyLW1lc3NhZ2Uge1xyXG4gICAgYmFja2dyb3VuZDogI2YyZjNmNztcclxuICAgIGNvbG9yOiAjMzMzO1xyXG4gIH1cclxuICAub3RoZXItbWVzc2FnZSBwe1xyXG4gICAgbWFyZ2luOiAwO1xyXG4gICAgcGFkZGluZzogMDtcclxuICAgIGNvbG9yOiM5NTliYTc7XHJcbn1cclxuICAgXHJcbiAgLm1lc3NhZ2UtaW5wdXQge1xyXG4gICAgbWFyZ2luLXRvcDogMHB4O1xyXG4gICAgXHJcbiAgICBiYWNrZ3JvdW5kOiAjZmZmO1xyXG4gICAgcGFkZGluZzogMDtcclxuICAgIG1hcmdpbjogMDtcclxuICB9XHJcbiAgXHJcbiAgXHJcbiAgLmRpdi1tZXNzYWdle1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0taW9uLWNvbG9yLW1lZGl1bSk7XHJcbiAgICBib3JkZXItcmFkaXVzOiAyMHB4O1xyXG4gIH1cclxuICAgXHJcbiAgXHJcbiBcclxuXHJcbiIsImlvbi1jb250ZW50IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZlZmVmZTtcbn1cblxuLmNoYXQtY29udGFpbmVyIHtcbiAgbWFyZ2luOiAxMHB4IDEwcHggMCAxMHB4O1xufVxuXG4ubWVzc2FnZSB7XG4gIHBhZGRpbmc6IDVweCA1cHggNXB4IDEwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIG1hcmdpbi1ib3R0b206IDEwcHg7XG4gIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbn1cblxuLm15LW1lc3NhZ2Uge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1pb24tY29sb3ItcHJpbWFyeSk7XG4gIGNvbG9yOiAjZmZmO1xufVxuXG4ubXktbWVzc2FnZSBwIHtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBjb2xvcjogIzlhYjhlOTtcbn1cblxuLm1lc3NhZ2UtZGF0ZSB7XG4gIGZvbnQtc2l6ZTogMTBweDtcbiAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gIG1hcmdpbi1yaWdodDogNXB4O1xufVxuXG4ub3RoZXItbWVzc2FnZSB7XG4gIGJhY2tncm91bmQ6ICNmMmYzZjc7XG4gIGNvbG9yOiAjMzMzO1xufVxuXG4ub3RoZXItbWVzc2FnZSBwIHtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBjb2xvcjogIzk1OWJhNztcbn1cblxuLm1lc3NhZ2UtaW5wdXQge1xuICBtYXJnaW4tdG9wOiAwcHg7XG4gIGJhY2tncm91bmQ6ICNmZmY7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbn1cblxuLmRpdi1tZXNzYWdlIHtcbiAgYm9yZGVyOiAxcHggc29s
    /***/
  },

  /***/
  "./src/app/pages/chat/conversation/conversation.page.ts":
  /*!**************************************************************!*\
    !*** ./src/app/pages/chat/conversation/conversation.page.ts ***!
    \**************************************************************/

  /*! exports provided: ConversationPage */

  /***/
  function srcAppPagesChatConversationConversationPageTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "ConversationPage", function () {
      return ConversationPage;
    });
    /* harmony import */


    var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! tslib */
    "./node_modules/tslib/tslib.es6.js");
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @angular/router */
    "./node_modules/@angular/router/__ivy_ngcc__/fesm2015/router.js");
    /* harmony import */


    var _ionic_angular__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! @ionic/angular */
    "./node_modules/@ionic/angular/__ivy_ngcc__/fesm2015/ionic-angular.js");
    /* harmony import */


    var src_app_services_auth_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! src/app/services/auth.service */
    "./src/app/services/auth.service.ts");

    var ConversationPage = /*#__PURE__*/function () {
      function ConversationPage(authService, router, modalController, navParams) {
        _classCallCheck(this, ConversationPage);

        this.authService = authService;
        this.router = router;
        this.modalController = modalController;
        this.navParams = navParams;
        this.message = '';
        this.messages = [];
        this.currentUser = '';
      }

      _createClass(ConversationPage, [{
        key: "ngOnInit",
        value: function ngOnInit() {
          var _this6 = this;

          this.authService.userData$.subscribe(function (res) {
            _this6.loggedUser = res;
          });
          this.chatUser = this.navParams.get('user');
          console.log(this.navParams.get('user'));
          console.log(this.chatUser.name);
          /* console.log("ON");
          this.socket.connect();
                //Set current user
          let name = `User-${new Date().getTime()}`;
          this.currentUser=name;
                this.socket.emit('set-name', name);
                //Reat from event calling "fromEvent"
          this.socket.fromEvent('users-changed').subscribe(data =>{
            console.log('gOT data:', data);
          });
                //Add message to the array of messages
          this.socket.fromEvent('message').subscribe(message =>{
            console.log('New:', message);
            this.messages.push(message);
          }); */
        }
      }, {
        key: "close",
        value: function close() {
          this.router.navigate(['/home/chat']);
          this.modalController.dismiss(null);
        }
      }, {
        key: "sendMessage",
        value: function sendMessage() {}
      }]);

      return ConversationPage;
    }();

    ConversationPage.ctorParameters = function () {
      return [{
        type: src_app_services_auth_service__WEBPACK_IMPORTED_MODULE_4__["AuthService"]
      }, {
        type: _angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"]
      }, {
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_3__["ModalController"]
      }, {
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_3__["NavParams"]
      }];
    };

    ConversationPage = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
      selector: 'app-conversation',
      template: Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! raw-loader!./conversation.page.html */
      "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/conversation/conversation.page.html"))["default"],
      styles: [Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! ./conversation.page.scss */
      "./src/app/pages/chat/conversation/conversation.page.scss"))["default"]]
    })], ConversationPage);
    /***/
  },

  /***/
  "./src/app/pages/chat/group-messages/group-messages.page.scss":
  /*!********************************************************************!*\
    !*** ./src/app/pages/chat/group-messages/group-messages.page.scss ***!
    \********************************************************************/

  /*! exports provided: default */

  /***/
  function srcAppPagesChatGroupMessagesGroupMessagesPageScss(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = ".header-toolbar {\n  --background:transparent;\n  --opacity: 1;\n}\n.header-toolbar .main-header {\n  width: 100%;\n  /* 400px */\n  height: 100%;\n  font-family: Roboto;\n  border-top-left-radius: 25px;\n  border-top-right-radius: 25px;\n  background-color: #fff;\n  overflow: hidden;\n  padding: 30px 20px 0px 20px;\n  color: #000;\n  transform: translate3d(0, 1px, 0);\n}\n.header-toolbar .main-header .header-top {\n  width: 360px;\n  margin: 0px auto;\n  overflow: auto;\n  padding: 0 !important;\n  background: #fff;\n}\n.header-toolbar .main-header .header-top .middle {\n  padding: 0 !important;\n  float: left;\n  width: 280px;\n  margin: 2.5px 0 0 5px;\n}\n.header-toolbar .main-header .header-top .right {\n  padding: 0 !important;\n  float: right;\n  font-size: 25px;\n  color: #0782c9;\n  margin: 5px 0 0 0;\n}\n.header-toolbar .main-header .header-bottom {\n  width: 310px;\n  overflow: auto;\n  margin: 0 auto;\n}\n.header-toolbar .main-header .header-bottom .header-bottom-icon {\n  width: 30px;\n  font-size: 25px;\n  float: left;\n  padding: 2px;\n}\n.header-toolbar .main-header .header-bottom .header-bottom-contacts {\n  width: 275px;\n  font-size: 15px;\n  color: #797979;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  float: left;\n  padding: 5px;\n  margin: 1px;\n}\n.header-toolbar .main-header .title {\n  font-size: 25px;\n}\n.header-toolbar .main-header .div-icon {\n  width: 40px;\n  float: right;\n  font-size: 35px;\n  overflow: auto;\n  padding: 1px;\n}\n.header-toolbar .main-header .div-icon ion-icon {\n  float: right;\n  padding-left: 20px;\n}\nion-content .welcome-text {\n  /* width: 322px; */\n  width: 26.375em;\n  background: #ebebeb;\n  text-align: center;\n  font-size: 13px;\n  color: #797979;\n  padding: 10px;\n  margin: 0 auto;\n  line-height: 1.2rem;\n  margin: 20px 39px 25px;\n  border-radius: 8px;\n}\nion-content .messages {\n  font-size: 13px;\n  font-family: Roboto;\n  overflow: auto;\n}\nion-content .messages .incoming, ion-content .messages .outgoing {\n  width: 305px;\n  padding: 15px 20px;\n  border-radius: 10px;\n}\nion-content .messages .incoming {\n  margin: 10px 75px 10px 20px;\n  background: #ebebeb;\n  float: left;\n}\nion-content .outgoing {\n  margin: 10px 20px 10px 75px;\n  background: #e4f4fe;\n  float: right;\n}\nion-content .title {\n  color: #0782c9;\n  font-weight: bold;\n  margin-bottom: 5px;\n}\nion-content .title .time {\n  color: #797979;\n  text-align: right;\n  float: right;\n}\nion-footer .row {\n  width: 380px;\n  margin: 0 auto;\n}\nion-footer .chat-icon-options {\n  display: block !important;\n  font-size: 25px;\n  float: right !important;\n  margin-top: 10px;\n}\nion-footer .chat-icon-send {\n  font-size: 45px;\n  margin: 0 auto;\n  margin-top: 4px;\n}\nion-footer .type-message {\n  display: flex;\n  border: 1px solid #ebebeb;\n  border-radius: 25px;\n  padding-left: 15px;\n  align-items: center;\n  overflow: auto;\n}\nion-footer .type-message ion-textarea {\n  margin: 0 !important;\n  align-self: center;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcGFnZXMvY2hhdC9ncm91cC1tZXNzYWdlcy9DOlxcVXNlcnNcXHRpYWdvLmtheWF5YVxcZGV2ZWxvcG1lbnRcXGdhYmluZXRlLWRpZ2l0YWwvc3JjXFxhcHBcXHBhZ2VzXFxjaGF0XFxncm91cC1tZXNzYWdlc1xcZ3JvdXAtbWVzc2FnZXMucGFnZS5zY3NzIiwic3JjL2FwcC9wYWdlcy9jaGF0L2dyb3VwLW1lc3NhZ2VzL2dyb3VwLW1lc3NhZ2VzLnBhZ2Uuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQTtFQUNJLHdCQUFBO0VBQ0EsWUFBQTtBQ0FKO0FERUk7RUFDSSxXQUFBO0VBQWEsVUFBQTtFQUNiLFlBQUE7RUFDQSxtQkFBQTtFQUNBLDRCQUFBO0VBQ0EsNkJBQUE7RUFDQSxzQkFBQTtFQUNBLGdCQUFBO0VBQ0EsMkJBQUE7RUFDQSxXQUFBO0VBQ0EsaUNBQUE7QUNDUjtBRENRO0VBQ0UsWUFBQTtFQUNBLGdCQUFBO0VBQ0EsY0FBQTtFQUNBLHFCQUFBO0VBQ0EsZ0JBQUE7QUNDVjtBREFXO0VBQ0MscUJBQUE7RUFDQSxXQUFBO0VBQ0EsWUFBQTtFQUNBLHFCQUFBO0FDRVo7QURBVTtFQUNFLHFCQUFBO0VBQ0EsWUFBQTtFQUNBLGVBQUE7RUFDQSxjQUFBO0VBQ0EsaUJBQUE7QUNFWjtBRENRO0VBQ0UsWUFBQTtFQUNBLGNBQUE7RUFDQSxjQUFBO0FDQ1Y7QURDVTtFQUNFLFdBQUE7RUFDQSxlQUFBO0VBQ0EsV0FBQTtFQUNBLFlBQUE7QUNDWjtBREVVO0VBQ0UsWUFBQTtFQUNBLGVBQUE7RUFDQSxjQUF
    /***/
  },

  /***/
  "./src/app/pages/chat/group-messages/group-messages.page.ts":
  /*!******************************************************************!*\
    !*** ./src/app/pages/chat/group-messages/group-messages.page.ts ***!
    \******************************************************************/

  /*! exports provided: GroupMessagesPage */

  /***/
  function srcAppPagesChatGroupMessagesGroupMessagesPageTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "GroupMessagesPage", function () {
      return GroupMessagesPage;
    });
    /* harmony import */


    var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! tslib */
    "./node_modules/tslib/tslib.es6.js");
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var _ionic_angular__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @ionic/angular */
    "./node_modules/@ionic/angular/__ivy_ngcc__/fesm2015/ionic-angular.js");
    /* harmony import */


    var src_app_shared_popover_chat_options_popover_chat_options_popover_page__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! src/app/shared/popover/chat-options-popover/chat-options-popover.page */
    "./src/app/shared/popover/chat-options-popover/chat-options-popover.page.ts");
    /* harmony import */


    var src_app_shared_popover_chat_popover_chat_popover_page__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! src/app/shared/popover/chat-popover/chat-popover.page */
    "./src/app/shared/popover/chat-popover/chat-popover.page.ts");
    /* harmony import */


    var _new_group_contacts_contacts_page__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! ../new-group/contacts/contacts.page */
    "./src/app/pages/chat/new-group/contacts/contacts.page.ts");

    var GroupMessagesPage = /*#__PURE__*/function () {
      function GroupMessagesPage(menu, modalController, actionSheetController, popoverController) {
        _classCallCheck(this, GroupMessagesPage);

        this.menu = menu;
        this.modalController = modalController;
        this.actionSheetController = actionSheetController;
        this.popoverController = popoverController;
        this.contacts = [" Ana M.", "Andre F.", "Bruno G.", "Catarina T", "Tiago"];
      }

      _createClass(GroupMessagesPage, [{
        key: "ngOnInit",
        value: function ngOnInit() {}
      }, {
        key: "actionSheet",
        value: function actionSheet() {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
            var actionSheet;
            return regeneratorRuntime.wrap(function _callee6$(_context6) {
              while (1) {
                switch (_context6.prev = _context6.next) {
                  case 0:
                    _context6.next = 2;
                    return this.actionSheetController.create({
                      cssClass: 'my-custom-class',
                      buttons: [{
                        text: 'Sair do grupo',
                        handler: function handler() {
                          console.log('Delete clicked');
                        }
                      }, {
                        text: 'Alterar nome do grupo',
                        handler: function handler() {
                          console.log('Share clicked');
                        }
                      }, {
                        text: 'Apagar o grupo',
                        handler: function handler() {
                          console.log('Play clicked');
                        }
                      }]
                    });

                  case 2:
                    actionSheet = _context6.sent;
                    _context6.next = 5;
                    return actionSheet.present();

                  case 5:
                  case "end":
                    return _context6.stop();
                }
              }
            }, _callee6, this);
          }));
        }
      }, {
        key: "openOptions",
        value: function openOptions(ev) {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee7() {
            var popover;
            return regeneratorRuntime.wrap(function _callee7$(_context7) {
              while (1) {
                switch (_context7.prev = _context7.next) {
                  case 0:
                    _context7.next = 2;
                    return this.popoverController.create({
                      component: src_app_shared_popover_chat_popover_chat_popover_page__WEBPACK_IMPORTED_MODULE_4__["ChatPopoverPage"],
                      cssClass: 'chat-popover',
                      event: ev,
                      translucent: true
                    });

                  case 2:
                    popover = _context7.sent;
                    _context7.next = 5;
                    return popover.present();

                  case 5:
                    return _context7.abrupt("return", _context7.sent);

                  case 6:
                  case "end":
                    return _context7.stop();
                }
              }
            }, _callee7, this);
          }));
        }
      }, {
        key: "openChatOptions",
        value: function openChatOptions(ev) {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee8() {
            var popover;
            return regeneratorRuntime.wrap(function _callee8$(_context8) {
              while (1) {
                switch (_context8.prev = _context8.next) {
                  case 0:
                    _context8.next = 2;
                    return this.popoverController.create({
                      component: src_app_shared_popover_chat_options_popover_chat_options_popover_page__WEBPACK_IMPORTED_MODULE_3__["ChatOptionsPopoverPage"],
                      cssClass: 'chat-options-popover',
                      event: ev,
                      translucent: true
                    });

                  case 2:
                    popover = _context8.sent;
                    _context8.next = 5;
                    return popover.present();

                  case 5:
                    return _context8.abrupt("return", _context8.sent);

                  case 6:
                  case "end":
                    return _context8.stop();
                }
              }
            }, _callee8, this);
          }));
        }
      }, {
        key: "addContacts",
        value: function addContacts() {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee9() {
            var modal;
            return regeneratorRuntime.wrap(function _callee9$(_context9) {
              while (1) {
                switch (_context9.prev = _context9.next) {
                  case 0:
                    _context9.next = 2;
                    return this.modalController.create({
                      component: _new_group_contacts_contacts_page__WEBPACK_IMPORTED_MODULE_5__["ContactsPage"],
                      componentProps: {},
                      cssClass: 'contacts',
                      backdropDismiss: false
                    });

                  case 2:
                    modal = _context9.sent;
                    _context9.next = 5;
                    return modal.present();

                  case 5:
                    modal.onDidDismiss();

                  case 6:
                  case "end":
                    return _context9.stop();
                }
              }
            }, _callee9, this);
          }));
        }
      }]);

      return GroupMessagesPage;
    }();

    GroupMessagesPage.ctorParameters = function () {
      return [{
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_2__["MenuController"]
      }, {
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_2__["ModalController"]
      }, {
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_2__["ActionSheetController"]
      }, {
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_2__["PopoverController"]
      }];
    };

    GroupMessagesPage = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
      selector: 'app-group-messages',
      template: Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! raw-loader!./group-messages.page.html */
      "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/group-messages/group-messages.page.html"))["default"],
      styles: [Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! ./group-messages.page.scss */
      "./src/app/pages/chat/group-messages/group-messages.page.scss"))["default"]]
    })], GroupMessagesPage);
    /***/
  },

  /***/
  "./src/app/pages/chat/messages/contacts/contacts.page.scss":
  /*!*****************************************************************!*\
    !*** ./src/app/pages/chat/messages/contacts/contacts.page.scss ***!
    \*****************************************************************/

  /*! exports provided: default */

  /***/
  function srcAppPagesChatMessagesContactsContactsPageScss(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = ".header-toolbar {\n  --background:transparent;\n  --opacity: 1;\n}\n.header-toolbar .main-header {\n  width: 100%;\n  /* 400px */\n  height: 100%;\n  font-family: Roboto;\n  border-top-left-radius: 25px;\n  border-top-right-radius: 25px;\n  background-color: #fff;\n  overflow: hidden;\n  padding: 30px 20px 0px 20px;\n  color: #000;\n  transform: translate3d(0, 1px, 0);\n}\n.header-toolbar .main-header .div-icon {\n  width: 40px;\n  float: right;\n  font-size: 35px;\n  overflow: auto;\n  padding: 1px;\n}\n.header-toolbar .main-header .div-icon ion-icon {\n  float: right;\n  padding-left: 20px;\n}\n.header-toolbar .main-header .title-content {\n  width: 360px;\n  margin: 0px auto;\n  overflow: auto;\n  padding: 0 !important;\n}\n.header-toolbar .main-header .back-icon {\n  width: 37px;\n  float: left;\n  font-size: 35px;\n  overflow: auto;\n}\n.header-toolbar .main-header .div-title {\n  width: 221px;\n  padding: 0 !important;\n  float: left;\n  margin: 2.5px 0 0 5px;\n}\n.header-toolbar .main-header .title {\n  font-size: 25px;\n}\n.toolbar-search {\n  --padding-top:0 !important;\n  --padding-bottom:0 !important;\n  --padding-start:0 !important;\n  --padding-end:0 !important;\n}\n.toolbar-search .search {\n  border: 1px solid #ebebeb;\n  margin: 5px 20px 5px 20px;\n  border-radius: 5px;\n  height: auto;\n  padding: 0 !important;\n}\n.toolbar-search .search ion-searchbar {\n  /* border: 1px solid green; */\n  width: 100%;\n  margin: 0 !important;\n  padding: 0 !important;\n  --border-radius: 5px;\n  --box-shadow: none;\n  overflow: hidden;\n  --icon-color:#0d89d1;\n}\nion-content {\n  --background:transparent;\n}\n.main-content {\n  width: 100%;\n  height: 100%;\n  font-family: Roboto;\n  margin: 0 auto;\n  background-color: #fff;\n  overflow: auto;\n  padding: 0 0 0 0;\n}\n.main-content .item-divider {\n  background: #ebebeb;\n  font-size: 15px;\n  margin: 10px 0 10px 0;\n  padding: 5px 0 5px 20px;\n}\n.main-content .item-user {\n  display: flex;\n  margin: 10px 20px 10px 20px !important;\n  overflow: auto;\n  align-items: center;\n}\n.main-content .item-user p {\n  display: block;\n  margin: 0 !important;\n  width: 90%;\n  font-size: 15px;\n  color: #0d89d1;\n  float: left;\n}\n.main-content .item-user .icon {\n  width: 10%;\n  font-size: 10px;\n  display: block;\n  text-align: right;\n  overflow: auto;\n}\n.main-content .online {\n  color: #99e47b;\n}\n.main-content .offline {\n  color: #cbced1;\n}\n.main-content .away {\n  color: #ffd21f;\n}\n.main-content .invisible {\n  color: #cbced1;\n}\n.main-content .busy {\n  color: #f5455c;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcGFnZXMvY2hhdC9tZXNzYWdlcy9jb250YWN0cy9DOlxcVXNlcnNcXHRpYWdvLmtheWF5YVxcZGV2ZWxvcG1lbnRcXGdhYmluZXRlLWRpZ2l0YWwvc3JjXFxhcHBcXHBhZ2VzXFxjaGF0XFxtZXNzYWdlc1xcY29udGFjdHNcXGNvbnRhY3RzLnBhZ2Uuc2NzcyIsInNyYy9hcHAvcGFnZXMvY2hhdC9tZXNzYWdlcy9jb250YWN0cy9jb250YWN0cy5wYWdlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0E7RUFDSSx3QkFBQTtFQUNBLFlBQUE7QUNBSjtBREVHO0VBQ0UsV0FBQTtFQUFhLFVBQUE7RUFDYixZQUFBO0VBQ0EsbUJBQUE7RUFDQSw0QkFBQTtFQUNBLDZCQUFBO0VBQ0Esc0JBQUE7RUFDQSxnQkFBQTtFQUNBLDJCQUFBO0VBQ0EsV0FBQTtFQUNBLGlDQUFBO0FDQ0w7QURDSztFQUNFLFdBQUE7RUFDQSxZQUFBO0VBQ0EsZUFBQTtFQUNBLGNBQUE7RUFDQSxZQUFBO0FDQ1A7QURDSztFQUNFLFlBQUE7RUFDQSxrQkFBQTtBQ0NQO0FEQ087RUFDRSxZQUFBO0VBQ0EsZ0JBQUE7RUFDQSxjQUFBO0VBQ0EscUJBQUE7QUNDVDtBREVLO0VBQ0UsV0FBQTtFQUNBLFdBQUE7RUFDQSxlQUFBO0VBQ0EsY0FBQTtBQ0FQO0FER0s7RUFDSSxZQUFBO0VBQ0EscUJBQUE7RUFDQSxXQUFBO0VBQ0EscUJBQUE7QUNEVDtBREdLO0VBQ0ksZUFBQTtBQ0RUO0FES0M7RUFDRSwwQkFBQTtFQUNBLDZCQUFBO0VBQ0EsNEJBQUE7RUFDQSwwQkFBQTtBQ0ZIO0FESUc7RUFDRSx5QkFBQTtFQUNBLHlCQUFBO0VBQ0Esa0JBQUE7RUFDQSxZQUFBO0VBQ0EscUJBQUE7QUNGTDtBRElHO0VBQ0UsNkJBQUE7RUFDQSxXQUFBO0VBQ0Esb0JBQUE7RUFDQSxxQkFBQTtFQUNBLG9CQUFBO0VBQ0Esa0JBQUE7RUFDQSxnQkFBQTtFQUNBLG9CQUFBO0FDRkw7QURNQztFQUNFLHdCQUFBO0FDSEg7QURLQztFQUNFLFdBQUE7RUFDQSxZQUFBO0VBQ0EsbUJBQUE7RUFDQSxjQUFBO0VBQ0Esc0JBQUE7RUFDQSxjQUFBO0VBQ0EsZ0JBQUE7QUNGSDtBRElLO0VBQ0UsbUJBQUE7RUFDQSxlQUFBO0VBQ0EscUJBQUE7RUFDQSx1QkFBQTtBQ0ZQO0FETUs7RUFDRSx
    /***/
  },

  /***/
  "./src/app/pages/chat/messages/contacts/contacts.page.ts":
  /*!***************************************************************!*\
    !*** ./src/app/pages/chat/messages/contacts/contacts.page.ts ***!
    \***************************************************************/

  /*! exports provided: ContactsPage */

  /***/
  function srcAppPagesChatMessagesContactsContactsPageTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "ContactsPage", function () {
      return ContactsPage;
    });
    /* harmony import */


    var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! tslib */
    "./node_modules/tslib/tslib.es6.js");
    /* harmony import */


    var _angular_common_http__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/common/http */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/http.js");
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var _ionic_angular__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! @ionic/angular */
    "./node_modules/@ionic/angular/__ivy_ngcc__/fesm2015/ionic-angular.js");
    /* harmony import */


    var src_app_services_auth_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! src/app/services/auth.service */
    "./src/app/services/auth.service.ts");
    /* harmony import */


    var src_app_services_chat_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! src/app/services/chat.service */
    "./src/app/services/chat.service.ts");
    /* harmony import */


    var _messages_page__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! ../messages.page */
    "./src/app/pages/chat/messages/messages.page.ts");

    var ContactsPage = /*#__PURE__*/function () {
      function ContactsPage(modalController, http, chatService, authService) {
        var _this7 = this;

        _classCallCheck(this, ContactsPage);

        this.modalController = modalController;
        this.http = http;
        this.chatService = chatService;
        this.authService = authService;
        this.users = [];
        this.authService.userData$.subscribe(function (res) {
          _this7.loggedUser = res;
        });
        this.textSearch = "";
        this.dm = null;
        this.room = null;
      }

      _createClass(ContactsPage, [{
        key: "ngOnInit",
        value: function ngOnInit() {
          this.loadUsers();
        }
      }, {
        key: "onChange",
        value: function onChange(event) {
          this.textSearch = event.detail.value;
        }
      }, {
        key: "loadUsers",
        value: function loadUsers() {
          var _this8 = this;

          this.options = {
            headers: this.headers
          };
          this.chatService.getAllUsers().subscribe(function (res) {
            console.log(res.users);
            _this8.contacts = res.users.filter(function (data) {
              return data.username != _this8.loggedUser.me.username;
            });
            _this8.users = _this8.contacts.sort(function (a, b) {
              if (a.name < b.name) {
                return -1;
              }

              if (a.name > b.name) {
                return 1;
              }

              return 0;
            });
            _this8.showLoader = false;
          });
        }
      }, {
        key: "separateLetter",
        value: function separateLetter(record, recordIndex, records) {
          if (recordIndex == 0) {
            return record.name[0];
          }

          var first_prev = records[recordIndex - 1].name[0];
          var first_current = record.name[0];

          if (first_prev != first_current) {
            return first_current;
          }

          return null;
        }
      }, {
        key: "doRefresh",
        value: function doRefresh(event) {}
      }, {
        key: "close",
        value: function close() {
          this.modalController.dismiss();
        }
      }, {
        key: "clicked",
        value: function clicked() {
          console.log('clicked');
        }
      }, {
        key: "createRoom",
        value: function createRoom(username) {
          var _this9 = this;

          var body = {
            username: username
          };
          this.chatService.createRoom(body).subscribe(function (res) {
            console.log(res);
            _this9.room = res['room'];

            _this9.getDirectMessage(_this9.room._id);
          });
        }
      }, {
        key: "getDirectMessage",
        value: function getDirectMessage(roomId) {
          var _this10 = this;

          console.log(roomId);
          this.chatService.getAllDirectMessages().subscribe(function (res) {
            var result = res['ims'].filter(function (data) {
              return data._id == roomId;
            });
            _this10.dm = result[0];
            console.log(_this10.dm);

            _this10.openModal(_this10.dm);
          });
        }
      }, {
        key: "openModal",
        value: function openModal(dm) {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee10() {
            var modal;
            return regeneratorRuntime.wrap(function _callee10$(_context10) {
              while (1) {
                switch (_context10.prev = _context10.next) {
                  case 0:
                    this.close();
                    console.log(dm);
                    _context10.next = 4;
                    return this.modalController.create({
                      component: _messages_page__WEBPACK_IMPORTED_MODULE_6__["MessagesPage"],
                      cssClass: 'group-messages',
                      backdropDismiss: false,
                      componentProps: {
                        dm: dm
                      }
                    });

                  case 4:
                    modal = _context10.sent;
                    _context10.next = 7;
                    return modal.present();

                  case 7:
                    modal.onDidDismiss();

                  case 8:
                  case "end":
                    return _context10.stop();
                }
              }
            }, _callee10, this);
          }));
        }
      }, {
        key: "openMessages",
        value: function openMessages(username) {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee11() {
            var dm;
            return regeneratorRuntime.wrap(function _callee11$(_context11) {
              while (1) {
                switch (_context11.prev = _context11.next) {
                  case 0:
                    /* this.close(); */
                    //Create new room
                    this.createRoom(username); //Get direct messages (dm)

                    /* this.getDirectMessage(this.room._id); */

                    console.log(this.dm);
                    /* const modal = await this.modalController.create({
                      component: MessagesPage,
                      cssClass: 'group-messages',
                      backdropDismiss: false,
                      componentProps: {
                        dm: dm,
                      },
                    });
                    await modal.present();
                    modal.onDidDismiss(); */

                  case 2:
                  case "end":
                    return _context11.stop();
                }
              }
            }, _callee11, this);
          }));
        }
      }]);

      return ContactsPage;
    }();

    ContactsPage.ctorParameters = function () {
      return [{
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_3__["ModalController"]
      }, {
        type: _angular_common_http__WEBPACK_IMPORTED_MODULE_1__["HttpClient"]
      }, {
        type: src_app_services_chat_service__WEBPACK_IMPORTED_MODULE_5__["ChatService"]
      }, {
        type: src_app_services_auth_service__WEBPACK_IMPORTED_MODULE_4__["AuthService"]
      }];
    };

    ContactsPage = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_2__["Component"])({
      selector: 'app-contacts',
      template: Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! raw-loader!./contacts.page.html */
      "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/messages/contacts/contacts.page.html"))["default"],
      styles: [Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! ./contacts.page.scss */
      "./src/app/pages/chat/messages/contacts/contacts.page.scss"))["default"]]
    })], ContactsPage);
    /***/
  },

  /***/
  "./src/app/pages/chat/messages/messages.page.scss":
  /*!********************************************************!*\
    !*** ./src/app/pages/chat/messages/messages.page.scss ***!
    \********************************************************/

  /*! exports provided: default */

  /***/
  function srcAppPagesChatMessagesMessagesPageScss(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = ".header-toolbar {\n  --background:transparent;\n  --opacity: 1;\n}\n.header-toolbar .main-header {\n  width: 100%;\n  /* 400px */\n  height: 100%;\n  font-family: Roboto;\n  border-top-left-radius: 25px;\n  border-top-right-radius: 25px;\n  background-color: #fff;\n  overflow: hidden;\n  padding: 30px 20px 0px 20px;\n  color: #000;\n  transform: translate3d(0, 1px, 0);\n}\n.header-toolbar .main-header .header-top {\n  width: 360px;\n  margin: 0px auto;\n  overflow: auto;\n  padding: 0 !important;\n  background: #fff;\n}\n.header-toolbar .main-header .header-top .middle {\n  padding: 0 !important;\n  float: left;\n  width: 280px;\n  margin: 2.5px 0 0 5px;\n  display: flex;\n  align-items: center;\n}\n.header-toolbar .main-header .header-top .right {\n  padding: 0 !important;\n  float: right;\n  font-size: 25px;\n  color: #0782c9;\n  margin: 5px 0 0 0;\n}\n.header-toolbar .main-header .header-bottom {\n  width: 310px;\n  overflow: auto;\n  margin: 0 auto;\n}\n.header-toolbar .main-header .header-bottom .header-bottom-icon {\n  width: 30px;\n  font-size: 25px;\n  float: left;\n  padding: 2px;\n}\n.header-toolbar .main-header .header-bottom .header-bottom-contacts {\n  width: 275px;\n  font-size: 15px;\n  color: #797979;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  float: left;\n  padding: 5px;\n  margin: 1px;\n}\n.header-toolbar .main-header .title {\n  font-size: 25px;\n  overflow: auto;\n  float: left;\n}\n.header-toolbar .main-header .div-icon {\n  width: 40px;\n  float: right;\n  font-size: 35px;\n  overflow: auto;\n  padding: 1px;\n}\n.header-toolbar .main-header .div-icon ion-icon {\n  float: right;\n  padding-left: 20px;\n}\nion-content .welcome-text {\n  /* width: 322px; */\n  width: 26.375em;\n  background: #ebebeb;\n  text-align: center;\n  font-size: 13px;\n  color: #797979;\n  padding: 10px;\n  margin: 0 auto;\n  line-height: 1.2rem;\n  margin: 20px 39px 25px;\n  border-radius: 8px;\n}\nion-content .messages {\n  font-size: 13px;\n  font-family: Roboto;\n  overflow: auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  width: 100%;\n  height: 100%;\n  word-wrap: break-word;\n  -webkit-overflow-scrolling: touch;\n}\nion-content .messages .incoming-true, ion-content .messages .incoming-false {\n  width: 305px;\n  padding: 15px 20px;\n  border-radius: 10px;\n}\nion-content .messages .incoming-true {\n  margin: 10px 75px 10px 20px;\n  background: #ebebeb;\n  float: left;\n}\nion-content .incoming-false {\n  margin: 10px 20px 10px 75px;\n  background: #e4f4fe;\n  float: right;\n}\nion-content .title {\n  display: inline;\n  color: #0782c9;\n  font-weight: bold;\n  margin-bottom: 5px;\n}\nion-content .title .time {\n  color: #797979;\n  text-align: right;\n  float: right;\n}\nion-footer .row {\n  width: 380px;\n  margin: 0 auto;\n}\nion-footer .chat-icon-options {\n  display: block !important;\n  font-size: 25px;\n  float: right !important;\n  margin-top: 10px;\n}\nion-footer .chat-icon-send {\n  font-size: 45px;\n  margin: 0 auto;\n  margin-top: 4px;\n}\nion-footer .type-message {\n  display: flex;\n  border: 1px solid #ebebeb;\n  border-radius: 25px;\n  padding-left: 15px;\n  align-items: center;\n  overflow: auto;\n}\nion-footer .type-message ion-textarea {\n  margin: 0 !important;\n  align-self: center;\n}\n.text-color-blue {\n  font-size: 15px;\n  color: #0782c9;\n  font-weight: 500;\n  letter-spacing: normal;\n}\n.user-status-online {\n  display: block;\n  float: left;\n  color: #99e47b;\n  padding-left: 10px;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcGFnZXMvY2hhdC9tZXNzYWdlcy9DOlxcVXNlcnNcXHRpYWdvLmtheWF5YVxcZGV2ZWxvcG1lbnRcXGdhYmluZXRlLWRpZ2l0YWwvc3JjXFxhcHBcXHBhZ2VzXFxjaGF0XFxtZXNzYWdlc1xcbWVzc2FnZXMucGFnZS5zY3NzIiwic3JjL2FwcC9wYWdlcy9jaGF0L21lc3NhZ2VzL21lc3NhZ2VzLnBhZ2Uuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQTtFQUNJLHdCQUFBO0VBQ0EsWUFBQTtBQ0FKO0FERUk7RUFDSSxXQUFBO0VBQWEsVUFBQTtFQUNiLFlBQUE7RUFDQSxtQkFBQTtFQUNBLDRCQUFBO0VBQ0EsNkJBQUE7
    /***/
  },

  /***/
  "./src/app/pages/chat/messages/messages.page.ts":
  /*!******************************************************!*\
    !*** ./src/app/pages/chat/messages/messages.page.ts ***!
    \******************************************************/

  /*! exports provided: MessagesPage */

  /***/
  function srcAppPagesChatMessagesMessagesPageTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "MessagesPage", function () {
      return MessagesPage;
    });
    /* harmony import */


    var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! tslib */
    "./node_modules/tslib/tslib.es6.js");
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var _ionic_angular__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @ionic/angular */
    "./node_modules/@ionic/angular/__ivy_ngcc__/fesm2015/ionic-angular.js");
    /* harmony import */


    var src_app_services_auth_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! src/app/services/auth.service */
    "./src/app/services/auth.service.ts");
    /* harmony import */


    var src_app_services_chat_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! src/app/services/chat.service */
    "./src/app/services/chat.service.ts");
    /* harmony import */


    var src_app_shared_popover_chat_options_popover_chat_options_popover_page__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(
    /*! src/app/shared/popover/chat-options-popover/chat-options-popover.page */
    "./src/app/shared/popover/chat-options-popover/chat-options-popover.page.ts");
    /* harmony import */


    var src_app_shared_popover_messages_options_messages_options_page__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(
    /*! src/app/shared/popover/messages-options/messages-options.page */
    "./src/app/shared/popover/messages-options/messages-options.page.ts");
    /* harmony import */


    var _new_group_contacts_contacts_page__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(
    /*! ../new-group/contacts/contacts.page */
    "./src/app/pages/chat/new-group/contacts/contacts.page.ts");

    var MessagesPage = /*#__PURE__*/function () {
      function MessagesPage(popoverController, modalController, navParams, chatService, authService) {
        _classCallCheck(this, MessagesPage);

        this.popoverController = popoverController;
        this.modalController = modalController;
        this.navParams = navParams;
        this.chatService = chatService;
        this.authService = authService;
        this.message = '';
        this.userPresence = '';
        this.dm = this.navParams.get('dm');
      }

      _createClass(MessagesPage, [{
        key: "ngOnInit",
        value: function ngOnInit() {
          var _this11 = this;

          this.scrollToBottom();
          this.authService.userData$.subscribe(function (res) {
            _this11.loggedUser = res;
            console.log(_this11.loggedUser);
          });
          /* console.log(this.dm); */

          setInterval(function () {
            _this11.checkUserPresence();

            _this11.loadMessages();
          }, 2000);
          this.getChatMembers();
        }
      }, {
        key: "loadUser",
        value: function loadUser() {
          console.log('working');
        }
      }, {
        key: "ngAfterViewChecked",
        value: function ngAfterViewChecked() {
          this.scrollToBottom();
        }
      }, {
        key: "scrollToBottom",
        value: function scrollToBottom() {
          try {
            this.myScrollContainer.nativeElement.scrollTop = this.myScrollContainer.nativeElement.scrollHeight;
          } catch (err) {}
        }
      }, {
        key: "loadMoreMessages",
        value: function loadMoreMessages(ev) {}
      }, {
        key: "checkUserPresence",
        value: function checkUserPresence() {
          var _this12 = this;

          this.chatService.getUserPresence(this.dm.lastMessage.u._id).subscribe(function (res) {
            _this12.userPresence = res['presence'];
          });
        }
      }, {
        key: "sendMessage",
        value: function sendMessage() {
          var _this13 = this;

          var body = {
            "message": {
              "rid": this.dm._id,
              "msg": this.message
            }
          };
          this.chatService.sendMessage(body).subscribe(function (res) {
            _this13.loadMessages();
          });
          this.message = "";
        }
      }, {
        key: "loadMessages",
        value: function loadMessages() {
          var _this14 = this;

          this.chatService.getRoomMessages(this.dm._id).subscribe(function (res) {
            /* console.log(res); */
            _this14.messages = res['messages'].reverse();
          });
        }
      }, {
        key: "getChatMembers",
        value: function getChatMembers() {
          var _this15 = this;

          this.chatService.getMembers(this.dm._id).subscribe(function (res) {
            _this15.dmUsers = res['members'].filter(function (data) {
              return data.username != _this15.loggedUser.me.username;
            });
            console.log(res);
            console.log(_this15.dmUsers);
          });
        }
      }, {
        key: "openMessagesOptions",
        value: function openMessagesOptions(ev) {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee12() {
            var popover;
            return regeneratorRuntime.wrap(function _callee12$(_context12) {
              while (1) {
                switch (_context12.prev = _context12.next) {
                  case 0:
                    _context12.next = 2;
                    return this.popoverController.create({
                      component: src_app_shared_popover_messages_options_messages_options_page__WEBPACK_IMPORTED_MODULE_6__["MessagesOptionsPage"],
                      componentProps: {
                        roomId: this.dm._id
                      },
                      cssClass: 'messages-options',
                      event: ev,
                      translucent: true
                    });

                  case 2:
                    popover = _context12.sent;
                    _context12.next = 5;
                    return popover.present();

                  case 5:
                    return _context12.abrupt("return", _context12.sent);

                  case 6:
                  case "end":
                    return _context12.stop();
                }
              }
            }, _callee12, this);
          }));
        }
      }, {
        key: "addContacts",
        value: function addContacts() {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee13() {
            var modal;
            return regeneratorRuntime.wrap(function _callee13$(_context13) {
              while (1) {
                switch (_context13.prev = _context13.next) {
                  case 0:
                    _context13.next = 2;
                    return this.modalController.create({
                      component: _new_group_contacts_contacts_page__WEBPACK_IMPORTED_MODULE_7__["ContactsPage"],
                      componentProps: {},
                      cssClass: 'contacts',
                      backdropDismiss: false
                    });

                  case 2:
                    modal = _context13.sent;
                    _context13.next = 5;
                    return modal.present();

                  case 5:
                    modal.onDidDismiss();

                  case 6:
                  case "end":
                    return _context13.stop();
                }
              }
            }, _callee13, this);
          }));
        }
      }, {
        key: "openChatOptions",
        value: function openChatOptions(ev) {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee14() {
            var popover;
            return regeneratorRuntime.wrap(function _callee14$(_context14) {
              while (1) {
                switch (_context14.prev = _context14.next) {
                  case 0:
                    _context14.next = 2;
                    return this.popoverController.create({
                      component: src_app_shared_popover_chat_options_popover_chat_options_popover_page__WEBPACK_IMPORTED_MODULE_5__["ChatOptionsPopoverPage"],
                      cssClass: 'chat-options-popover',
                      event: ev,
                      translucent: true
                    });

                  case 2:
                    popover = _context14.sent;
                    _context14.next = 5;
                    return popover.present();

                  case 5:
                    return _context14.abrupt("return", _context14.sent);

                  case 6:
                  case "end":
                    return _context14.stop();
                }
              }
            }, _callee14, this);
          }));
        }
      }]);

      return MessagesPage;
    }();

    MessagesPage.ctorParameters = function () {
      return [{
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_2__["PopoverController"]
      }, {
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_2__["ModalController"]
      }, {
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_2__["NavParams"]
      }, {
        type: src_app_services_chat_service__WEBPACK_IMPORTED_MODULE_4__["ChatService"]
      }, {
        type: src_app_services_auth_service__WEBPACK_IMPORTED_MODULE_3__["AuthService"]
      }];
    };

    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewChild"])('scrollMe')], MessagesPage.prototype, "myScrollContainer", void 0);
    MessagesPage = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
      selector: 'app-messages',
      template: Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! raw-loader!./messages.page.html */
      "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/messages/messages.page.html"))["default"],
      styles: [Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! ./messages.page.scss */
      "./src/app/pages/chat/messages/messages.page.scss"))["default"]]
    })], MessagesPage);
    /***/
  },

  /***/
  "./src/app/pages/chat/new-group/contacts/contacts.page.scss":
  /*!******************************************************************!*\
    !*** ./src/app/pages/chat/new-group/contacts/contacts.page.scss ***!
    \******************************************************************/

  /*! exports provided: default */

  /***/
  function srcAppPagesChatNewGroupContactsContactsPageScss(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = ".header-toolbar {\n  --background:transparent;\n  --opacity: 1;\n}\n.header-toolbar .main-header {\n  width: 100%;\n  /* 400px */\n  height: 100%;\n  font-family: Roboto;\n  border-top-left-radius: 25px;\n  border-top-right-radius: 25px;\n  background-color: #fff;\n  overflow: hidden;\n  padding: 30px 20px 0px 20px;\n  color: #000;\n  transform: translate3d(0, 1px, 0);\n}\n.header-toolbar .main-header .div-icon {\n  width: 40px;\n  float: right;\n  font-size: 35px;\n  overflow: auto;\n  padding: 1px;\n}\n.header-toolbar .main-header .div-icon ion-icon {\n  float: right;\n  padding-left: 20px;\n}\n.header-toolbar .main-header .title-content {\n  width: 360px;\n  margin: 0px auto;\n  overflow: auto;\n  padding: 0 !important;\n}\n.header-toolbar .main-header .back-icon {\n  width: 37px;\n  float: left;\n  font-size: 35px;\n  overflow: auto;\n}\n.header-toolbar .main-header .div-title {\n  width: 221px;\n  padding: 0 !important;\n  float: left;\n  margin: 2.5px 0 0 5px;\n}\n.header-toolbar .main-header .title {\n  font-size: 25px;\n}\n.toolbar-search {\n  --padding-top:0 !important;\n  --padding-bottom:0 !important;\n  --padding-start:0 !important;\n  --padding-end:0 !important;\n}\n.toolbar-search .search {\n  border: 1px solid #ebebeb;\n  margin: 5px 20px 5px 20px;\n  border-radius: 5px;\n}\n.toolbar-search .search ion-searchbar {\n  /* border: 1px solid green; */\n  width: 100%;\n  margin: 0 !important;\n  padding: 0 !important;\n  --border-radius: 5px;\n  --box-shadow: none;\n  overflow: auto;\n  --icon-color:#0d89d1;\n}\nion-content {\n  --background:transparent;\n}\n.main-content {\n  width: 100%;\n  height: 100%;\n  font-family: Roboto;\n  margin: 0 auto;\n  background-color: #fff;\n  overflow: auto;\n  padding: 0 0 0 0;\n}\n.main-content .item-divider {\n  background: #ebebeb;\n  font-size: 15px;\n  margin: 10px 0 10px 0;\n  padding: 5px 0 5px 20px;\n}\n.main-content .item-checkbox {\n  display: flex;\n  margin: 10px 20px 10px 20px !important;\n  overflow: auto;\n  align-items: center;\n}\n.main-content .item-checkbox ion-checkbox {\n  --border-color: #0d89d1;\n  --background-checked:#0d89d1;\n  float: left;\n}\n.main-content .item-checkbox p {\n  display: block;\n  margin: 0 !important;\n  width: 330px;\n  padding-left: 10px;\n  font-size: 15px;\n  color: #0d89d1;\n  float: left;\n}\n.main-content .item-checkbox ion-icon {\n  font-size: 10px;\n  float: left;\n  color: #99e47b;\n  margin-left: 10px;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcGFnZXMvY2hhdC9uZXctZ3JvdXAvY29udGFjdHMvQzpcXFVzZXJzXFx0aWFnby5rYXlheWFcXGRldmVsb3BtZW50XFxnYWJpbmV0ZS1kaWdpdGFsL3NyY1xcYXBwXFxwYWdlc1xcY2hhdFxcbmV3LWdyb3VwXFxjb250YWN0c1xcY29udGFjdHMucGFnZS5zY3NzIiwic3JjL2FwcC9wYWdlcy9jaGF0L25ldy1ncm91cC9jb250YWN0cy9jb250YWN0cy5wYWdlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0E7RUFDRyx3QkFBQTtFQUNBLFlBQUE7QUNBSDtBREVFO0VBQ0UsV0FBQTtFQUFhLFVBQUE7RUFDYixZQUFBO0VBQ0EsbUJBQUE7RUFDQSw0QkFBQTtFQUNBLDZCQUFBO0VBQ0Esc0JBQUE7RUFDQSxnQkFBQTtFQUNBLDJCQUFBO0VBQ0EsV0FBQTtFQUNBLGlDQUFBO0FDQ0o7QURDSTtFQUNFLFdBQUE7RUFDQSxZQUFBO0VBQ0EsZUFBQTtFQUNBLGNBQUE7RUFDQSxZQUFBO0FDQ047QURDSTtFQUNFLFlBQUE7RUFDQSxrQkFBQTtBQ0NOO0FEQ007RUFDRSxZQUFBO0VBQ0EsZ0JBQUE7RUFDQSxjQUFBO0VBQ0EscUJBQUE7QUNDUjtBREVJO0VBQ0UsV0FBQTtFQUNBLFdBQUE7RUFDQSxlQUFBO0VBQ0EsY0FBQTtBQ0FOO0FER0k7RUFDSSxZQUFBO0VBQ0EscUJBQUE7RUFDQSxXQUFBO0VBQ0EscUJBQUE7QUNEUjtBREdJO0VBQ0ksZUFBQTtBQ0RSO0FES0E7RUFDRSwwQkFBQTtFQUNBLDZCQUFBO0VBQ0EsNEJBQUE7RUFDQSwwQkFBQTtBQ0ZGO0FESUU7RUFDRSx5QkFBQTtFQUNBLHlCQUFBO0VBQ0Esa0JBQUE7QUNGSjtBRElFO0VBQ0UsNkJBQUE7RUFDQSxXQUFBO0VBQ0Esb0JBQUE7RUFDQSxxQkFBQTtFQUNBLG9CQUFBO0VBQ0Esa0JBQUE7RUFDQSxjQUFBO0VBQ0Esb0JBQUE7QUNGSjtBRE1BO0VBQ0Usd0JBQUE7QUNIRjtBREtBO0VBQ0UsV0FBQTtFQUNBLFlBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7RUFDQSxzQkFBQTtFQUNBLGNBQUE7RUFDQSxnQkFBQTtBQ0ZGO0FESUk7RUFDRSxtQkFBQTtFQUNBLGVBQUE7RUFDQSxxQkFBQTtFQUNBLHVCQUFBO0FDRk47QURNSTtFQUNFLGFBQUE7RUFDQSxzQ0FBQTtFQUNBLGNBQUE7RUFDQSxtQkFBQTtBQ0pOO0FEUUk7RUFDSSx1QkFBQTtFQUNBLDRCQUFBO0VBQ0EsV0FBQTtBQ05SO0FEU0k7RUFDSSxjQUFBO0VBQ0Esb0JBQUE7RUFDQSxZQUFB
    /***/
  },

  /***/
  "./src/app/pages/chat/new-group/contacts/contacts.page.ts":
  /*!****************************************************************!*\
    !*** ./src/app/pages/chat/new-group/contacts/contacts.page.ts ***!
    \****************************************************************/

  /*! exports provided: ContactsPage */

  /***/
  function srcAppPagesChatNewGroupContactsContactsPageTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "ContactsPage", function () {
      return ContactsPage;
    });
    /* harmony import */


    var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! tslib */
    "./node_modules/tslib/tslib.es6.js");
    /* harmony import */


    var _angular_common_http__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/common/http */
    "./node_modules/@angular/common/__ivy_ngcc__/fesm2015/http.js");
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var _ionic_angular__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! @ionic/angular */
    "./node_modules/@ionic/angular/__ivy_ngcc__/fesm2015/ionic-angular.js");
    /* harmony import */


    var _group_messages_group_messages_page__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! ../../group-messages/group-messages.page */
    "./src/app/pages/chat/group-messages/group-messages.page.ts");

    var ContactsPage = /*#__PURE__*/function () {
      function ContactsPage(modalController, http) {
        _classCallCheck(this, ContactsPage);

        this.modalController = modalController;
        this.http = http;
        this.users = [];
        this.contact = [" Ana M.", "Andre F.", "Bruno G.", "Catarina T", "Tiago"];
        this.contacts = [{
          first: 'Ana',
          last: 'Manuel',
          url: 'https://randomuser.me/api/portraits/med/women/54.jpg'
        }, {
          first: 'Abdullah',
          last: 'Hill',
          url: 'https://randomuser.me/api/portraits/med/women/54.jpg'
        }, {
          first: 'Batur',
          last: 'Oymen',
          url: 'https://randomuser.me/api/portraits/med/women/54.jpg'
        }, {
          first: 'Bianca',
          last: 'Costa',
          url: 'https://randomuser.me/api/portraits/med/women/54.jpg'
        }, {
          first: 'Zaya',
          last: 'Mary',
          url: 'https://randomuser.me/api/portraits/med/women/54.jpg'
        }, {
          first: 'Tiago',
          last: 'Kayaya',
          url: 'https://randomuser.me/api/portraits/med/women/54.jpg'
        }];
        this.headers = new _angular_common_http__WEBPACK_IMPORTED_MODULE_1__["HttpHeaders"]();
        this.headers = this.headers.set('Access-Control-Allow-Origin', '*');
        this.headers = this.headers.set('Access-Control-Allow-Methods', 'POST, GET, OPTIONS, PUT');
        this.headers = this.headers.set('Accept', 'application/json');
        this.headers = this.headers.set('content-type', 'application/json');
      }

      _createClass(ContactsPage, [{
        key: "ngOnInit",
        value: function ngOnInit() {
          this.loadUsers();
        }
      }, {
        key: "loadUsers",
        value: function loadUsers() {
          this.options = {
            headers: this.headers
          };
          /* this.http.get('https://randomuser.me/api/?results=100', this.options)
          .subscribe(res => {
            this.users = res['results'].sort((a,b) => {
              if(a.name.first < b.name.first){
                return -1;
              }
              if(a.name.first > b.name.first){
                return 1;
              }
              return 0;
            });
            console.log(res);
            console.log(this.users);
          }); */

          this.users = this.contacts.sort(function (a, b) {
            if (a.first < b.first) {
              return -1;
            }

            if (a.first > b.first) {
              return 1;
            }

            return 0;
          });
        }
      }, {
        key: "separateLetter",
        value: function separateLetter(record, recordIndex, records) {
          /* if(recordIndex == 0){
            return record.name.first[0];
          }
                let first_prev = records[recordIndex - 1].name.first[0];
          let first_current = record.name.first[0];
                if(first_prev != first_current){
            return first_current;
          }
          return null; */
          if (recordIndex == 0) {
            return record.first[0];
          }

          var first_prev = records[recordIndex - 1].first[0];
          var first_current = record.first[0];

          if (first_prev != first_current) {
            return first_current;
          }

          return null;
        }
      }, {
        key: "doRefresh",
        value: function doRefresh(event) {}
      }, {
        key: "close",
        value: function close() {
          this.modalController.dismiss();
        }
      }, {
        key: "onChange",
        value: function onChange(event) {}
      }, {
        key: "clicked",
        value: function clicked() {
          console.log('clicked');
        }
      }, {
        key: "groupMessages",
        value: function groupMessages() {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee15() {
            var modal;
            return regeneratorRuntime.wrap(function _callee15$(_context15) {
              while (1) {
                switch (_context15.prev = _context15.next) {
                  case 0:
                    _context15.next = 2;
                    return this.modalController.create({
                      component: _group_messages_group_messages_page__WEBPACK_IMPORTED_MODULE_4__["GroupMessagesPage"],
                      componentProps: {},
                      cssClass: 'contacts',
                      backdropDismiss: false
                    });

                  case 2:
                    modal = _context15.sent;
                    _context15.next = 5;
                    return modal.present();

                  case 5:
                    modal.onDidDismiss();

                  case 6:
                  case "end":
                    return _context15.stop();
                }
              }
            }, _callee15, this);
          }));
        }
      }]);

      return ContactsPage;
    }();

    ContactsPage.ctorParameters = function () {
      return [{
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_3__["ModalController"]
      }, {
        type: _angular_common_http__WEBPACK_IMPORTED_MODULE_1__["HttpClient"]
      }];
    };

    ContactsPage = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_2__["Component"])({
      selector: 'app-contacts',
      template: Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! raw-loader!./contacts.page.html */
      "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/new-group/contacts/contacts.page.html"))["default"],
      styles: [Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! ./contacts.page.scss */
      "./src/app/pages/chat/new-group/contacts/contacts.page.scss"))["default"]]
    })], ContactsPage);
    /***/
  },

  /***/
  "./src/app/pages/chat/new-group/new-group.page.scss":
  /*!**********************************************************!*\
    !*** ./src/app/pages/chat/new-group/new-group.page.scss ***!
    \**********************************************************/

  /*! exports provided: default */

  /***/
  function srcAppPagesChatNewGroupNewGroupPageScss(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony default export */


    __webpack_exports__["default"] = "ion-content {\n  --background:transparent;\n}\n\n.header-toolbar {\n  --background:transparent;\n  --opacity: 1;\n}\n\n.div-top-header {\n  width: 400px;\n  margin: 0 auto;\n  background-color: #0782c9;\n  overflow: auto;\n  padding-top: 15px;\n  border: 0 !important;\n}\n\n.div-top-header .div-search {\n  font-size: 45px;\n  float: left;\n  margin: 0 0 0 10px;\n}\n\n.div-top-header .div-logo {\n  background: transparent;\n  width: 140px;\n  margin: 5px 0 0px 71px;\n  float: left;\n}\n\n.div-top-header .div-logo img {\n  width: 100%;\n}\n\n.div-top-header .div-profile {\n  font-size: 45px;\n  float: right;\n  margin-right: 10px;\n}\n\n.main-header {\n  width: 100%;\n  /* 400px */\n  height: 100%;\n  font-family: Roboto;\n  border-top-left-radius: 25px;\n  border-top-right-radius: 25px;\n  background-color: #fff;\n  overflow: hidden;\n  padding: 30px 20px 0px 20px;\n  color: #000;\n  transform: translate3d(0, 1px, 0);\n}\n\n.main-header .title-content {\n  width: 360px;\n  margin: 0px auto;\n  overflow: auto;\n  padding: 0 !important;\n  background: #fff;\n}\n\n.main-header .title-content .left {\n  width: 37px;\n  float: left;\n  font-size: 35px;\n  overflow: auto;\n}\n\n.main-header .title-content .middle {\n  padding: 0 !important;\n  float: left;\n  width: 221px;\n  margin: 2.5px 0 0 5px;\n}\n\n.main-header .title-content .right {\n  padding: 0 !important;\n  float: right;\n  font-size: 15px;\n  color: #0782c9;\n  margin: 8px 0 0 5px;\n}\n\n.main-header .title {\n  font-size: 25px;\n}\n\n.main-header .div-icon {\n  width: 40px;\n  float: right;\n  font-size: 35px;\n  overflow: auto;\n  padding: 1px;\n}\n\n.main-header .div-icon ion-icon {\n  float: right;\n  padding-left: 20px;\n}\n\n.main-content {\n  width: 100%;\n  /* 400px */\n  height: 100%;\n  font-family: Roboto;\n  margin: 0 auto;\n  background-color: #fff;\n  overflow: auto;\n  padding: 15px 20px 0 20px;\n}\n\n.main-content .item-container {\n  width: 360px;\n  margin: 15px auto;\n  border: 1px solid #ebebeb;\n  border-radius: 5px;\n  padding-left: 10px;\n}\n\n.main-content .item-container-no-border {\n  display: flex;\n  width: 360px;\n  margin: 25px auto;\n  border-radius: 5px;\n  align-items: center;\n}\n\n.main-content .item-container-no-border ion-label {\n  padding-left: 10px;\n  font-size: 12px;\n  color: #000;\n}\n\n.container-div {\n  margin-bottom: 15px;\n  overflow: auto;\n}\n\n.container-div .ion-item-class-2 {\n  width: 360px;\n  margin: 0px auto;\n}\n\n.container-div .ion-item-class-2 .ion-icon-class {\n  width: 45px;\n  height: 45px;\n  float: left;\n  padding: 10px;\n  font-size: 25px;\n}\n\n.container-div .ion-input-class {\n  width: 315px;\n  height: 45px;\n  border: 1px solid #ebebeb;\n  border-radius: 5px;\n  padding-left: 5px;\n  padding-right: 10px;\n  float: left;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvcGFnZXMvY2hhdC9uZXctZ3JvdXAvQzpcXFVzZXJzXFx0aWFnby5rYXlheWFcXGRldmVsb3BtZW50XFxnYWJpbmV0ZS1kaWdpdGFsL3NyY1xcYXBwXFxwYWdlc1xcY2hhdFxcbmV3LWdyb3VwXFxuZXctZ3JvdXAucGFnZS5zY3NzIiwic3JjL2FwcC9wYWdlcy9jaGF0L25ldy1ncm91cC9uZXctZ3JvdXAucGFnZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0ksd0JBQUE7QUNDSjs7QURDQTtFQUNHLHdCQUFBO0VBQ0EsWUFBQTtBQ0VIOztBREFBO0VBQ0ksWUFBQTtFQUNBLGNBQUE7RUFDQSx5QkFBQTtFQUNBLGNBQUE7RUFDQSxpQkFBQTtFQUNBLG9CQUFBO0FDR0o7O0FEREk7RUFDRSxlQUFBO0VBQ0EsV0FBQTtFQUNBLGtCQUFBO0FDR047O0FEREk7RUFDRSx1QkFBQTtFQUNBLFlBQUE7RUFDQSxzQkFBQTtFQUNBLFdBQUE7QUNHTjs7QURESTtFQUNFLFdBQUE7QUNHTjs7QURESTtFQUNFLGVBQUE7RUFDQSxZQUFBO0VBQ0Esa0JBQUE7QUNHTjs7QURDRTtFQUNFLFdBQUE7RUFBYSxVQUFBO0VBQ2IsWUFBQTtFQUNBLG1CQUFBO0VBQ0EsNEJBQUE7RUFDQSw2QkFBQTtFQUNBLHNCQUFBO0VBQ0EsZ0JBQUE7RUFDQSwyQkFBQTtFQUNBLFdBQUE7RUFDQSxpQ0FBQTtBQ0dKOztBRERJO0VBQ0UsWUFBQTtFQUNBLGdCQUFBO0VBQ0EsY0FBQTtFQUNBLHFCQUFBO0VBQ0EsZ0JBQUE7QUNHTjs7QURETTtFQUNFLFdBQUE7RUFDQSxXQUFBO0VBQ0EsZUFBQTtFQUNBLGNBQUE7QUNHUjs7QURETztFQUNDLHFCQUFBO0VBQ0EsV0FBQTtFQUNBLFlBQUE7RUFDQSxxQkFBQTtBQ0dSOztBRERNO0VBQ0UscUJBQUE7RUFDQSxZQUFBO0VBQ0EsZUFBQTtFQUNBLGNBQUE7RUFDQSxtQkFBQTtBQ0dSOztBRENJO0VBQ0UsZUFBQTtBQ0NO
    /***/
  },

  /***/
  "./src/app/pages/chat/new-group/new-group.page.ts":
  /*!********************************************************!*\
    !*** ./src/app/pages/chat/new-group/new-group.page.ts ***!
    \********************************************************/

  /*! exports provided: NewGroupPage */

  /***/
  function srcAppPagesChatNewGroupNewGroupPageTs(module, __webpack_exports__, __webpack_require__) {
    "use strict";

    __webpack_require__.r(__webpack_exports__);
    /* harmony export (binding) */


    __webpack_require__.d(__webpack_exports__, "NewGroupPage", function () {
      return NewGroupPage;
    });
    /* harmony import */


    var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
    /*! tslib */
    "./node_modules/tslib/tslib.es6.js");
    /* harmony import */


    var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
    /*! @angular/core */
    "./node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js");
    /* harmony import */


    var _ionic_angular__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(
    /*! @ionic/angular */
    "./node_modules/@ionic/angular/__ivy_ngcc__/fesm2015/ionic-angular.js");
    /* harmony import */


    var src_app_shared_popover_group_duration_group_duration_page__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(
    /*! src/app/shared/popover/group-duration/group-duration.page */
    "./src/app/shared/popover/group-duration/group-duration.page.ts");
    /* harmony import */


    var _contacts_contacts_page__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(
    /*! ./contacts/contacts.page */
    "./src/app/pages/chat/new-group/contacts/contacts.page.ts");

    var NewGroupPage = /*#__PURE__*/function () {
      function NewGroupPage(pickerController, popoverController, modalController) {
        _classCallCheck(this, NewGroupPage);

        this.pickerController = pickerController;
        this.popoverController = popoverController;
        this.modalController = modalController;
        this.selectedDuration = ['', '', ''];
      }

      _createClass(NewGroupPage, [{
        key: "ngOnInit",
        value: function ngOnInit() {}
      }, {
        key: "_ionChange",
        value: function _ionChange(event) {
          this.showDuration = event.detail.checked;
        }
      }, {
        key: "close",
        value: function close() {
          this.modalController.dismiss();
        }
      }, {
        key: "addContacts",
        value: function addContacts() {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee16() {
            var modal;
            return regeneratorRuntime.wrap(function _callee16$(_context16) {
              while (1) {
                switch (_context16.prev = _context16.next) {
                  case 0:
                    _context16.next = 2;
                    return this.modalController.create({
                      component: _contacts_contacts_page__WEBPACK_IMPORTED_MODULE_4__["ContactsPage"],
                      componentProps: {},
                      cssClass: 'contacts',
                      backdropDismiss: false
                    });

                  case 2:
                    modal = _context16.sent;
                    _context16.next = 5;
                    return modal.present();

                  case 5:
                    modal.onDidDismiss();

                  case 6:
                  case "end":
                    return _context16.stop();
                }
              }
            }, _callee16, this);
          }));
        }
      }, {
        key: "setDuration",
        value: function setDuration(ev) {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee17() {
            var popover;
            return regeneratorRuntime.wrap(function _callee17$(_context17) {
              while (1) {
                switch (_context17.prev = _context17.next) {
                  case 0:
                    _context17.next = 2;
                    return this.popoverController.create({
                      component: src_app_shared_popover_group_duration_group_duration_page__WEBPACK_IMPORTED_MODULE_3__["GroupDurationPage"],
                      cssClass: 'group-duration',
                      event: ev,
                      translucent: true
                    });

                  case 2:
                    popover = _context17.sent;
                    _context17.next = 5;
                    return popover.present();

                  case 5:
                    return _context17.abrupt("return", _context17.sent);

                  case 6:
                  case "end":
                    return _context17.stop();
                }
              }
            }, _callee17, this);
          }));
        }
      }, {
        key: "showPicker",
        value: function showPicker() {
          return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee19() {
            var _this16 = this;

            var picker;
            return regeneratorRuntime.wrap(function _callee19$(_context19) {
              while (1) {
                switch (_context19.prev = _context19.next) {
                  case 0:
                    _context19.next = 2;
                    return this.pickerController.create({
                      cssClass: '',
                      buttons: [{
                        text: 'Cancelar',
                        role: 'cancel',
                        cssClass: 'btn-cancel'
                      }, {
                        text: 'Ok',
                        cssClass: 'btn-cancel',
                        handler: function handler(value) {
                          console.log('button done pressed');
                          _this16.selectedDuration = [value.days.value, value.hours.value, value.minutes.value];
                          console.log(_this16.selectedDuration);

                          if (value.days.value != null && value.hours.value != null && value.minutes.value != null) {
                            if (value.days.value > 0) {
                              if (value.days.value == 1) {
                                if (value.hours.value == 1) {
                                  _this16.displayDuration = value.days.value + " day " + value.hours.value + " hora " + value.minutes.value + " minutos";
                                } else {
                                  _this16.displayDuration = value.days.value + " days " + value.hours.value + " horas " + value.minutes.value + " minutos";
                                }
                              } else {
                                if (value.hours.value == 1) {
                                  _this16.displayDuration = value.days.value + " days " + value.hours.value + " hora " + value.minutes.value + " minutos";
                                } else {
                                  _this16.displayDuration = value.days.value + " days " + value.hours.value + " horas " + value.minutes.value + " minutos";
                                }
                              }
                            } else {
                              if (value.hours.value == 1) {
                                _this16.displayDuration = value.hours.value + " hora " + value.minutes.value + " minutos";
                              } else {
                                _this16.displayDuration = value.hours.value + " horas " + value.minutes.value + " minutos";
                              }
                            }
                          }
                        }
                      }],
                      columns: [{
                        name: 'days',
                        prefix: 'Dias',
                        options: [{
                          text: '0',
                          value: 0
                        }, {
                          text: '1',
                          value: 1
                        }, {
                          text: '2',
                          value: 2
                        }, {
                          text: '3',
                          value: 3
                        }, {
                          text: '4',
                          value: 4
                        }]
                      }, {
                        name: 'hours',
                        prefix: 'Horas',
                        options: [{
                          text: '0',
                          value: 0
                        }, {
                          text: '1',
                          value: 1
                        }, {
                          text: '2',
                          value: 2
                        }, {
                          text: '3',
                          value: 3
                        }, {
                          text: '4',
                          value: 4
                        }, {
                          text: '5',
                          value: 5
                        }, {
                          text: '6',
                          value: 6
                        }, {
                          text: '7',
                          value: 7
                        }, {
                          text: '8',
                          value: 8
                        }]
                      }, {
                        name: 'minutes',
                        prefix: 'Minutos',
                        selectedIndex: 3,
                        options: [{
                          text: '0',
                          value: 0
                        }, {
                          text: '5',
                          value: 5
                        }, {
                          text: '10',
                          value: 10
                        }, {
                          text: '15',
                          value: 15
                        }, {
                          text: '20',
                          value: 20
                        }, {
                          text: '25',
                          value: 25
                        }, {
                          text: '30',
                          value: 30
                        }, {
                          text: '35',
                          value: 35
                        }, {
                          text: '45',
                          value: 45
                        }, {
                          text: '50',
                          value: 50
                        }, {
                          text: '55',
                          value: 55
                        }]
                      }]
                    });

                  case 2:
                    picker = _context19.sent;
                    _context19.next = 5;
                    return picker.present();

                  case 5:
                    picker.onDidDismiss().then(function (data) {
                      return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(_this16, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee18() {
                        var day, hour, minutes;
                        return regeneratorRuntime.wrap(function _callee18$(_context18) {
                          while (1) {
                            switch (_context18.prev = _context18.next) {
                              case 0:
                                _context18.next = 2;
                                return picker.getColumn('days');

                              case 2:
                                day = _context18.sent;
                                _context18.next = 5;
                                return picker.getColumn('hours');

                              case 5:
                                hour = _context18.sent;
                                _context18.next = 8;
                                return picker.getColumn('minutes');

                              case 8:
                                minutes = _context18.sent;

                              case 9:
                              case "end":
                                return _context18.stop();
                            }
                          }
                        }, _callee18);
                      }));
                    });

                  case 6:
                  case "end":
                    return _context19.stop();
                }
              }
            }, _callee19, this);
          }));
        }
      }]);

      return NewGroupPage;
    }();

    NewGroupPage.ctorParameters = function () {
      return [{
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_2__["PickerController"]
      }, {
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_2__["PopoverController"]
      }, {
        type: _ionic_angular__WEBPACK_IMPORTED_MODULE_2__["ModalController"]
      }];
    };

    NewGroupPage = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Component"])({
      selector: 'app-new-group',
      template: Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! raw-loader!./new-group.page.html */
      "./node_modules/raw-loader/dist/cjs.js!./src/app/pages/chat/new-group/new-group.page.html"))["default"],
      styles: [Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__importDefault"])(__webpack_require__(
      /*! ./new-group.page.scss */
      "./src/app/pages/chat/new-group/new-group.page.scss"))["default"]]
    })], NewGroupPage);
    /***/
  }
}]);
//# sourceMappingURL=pages-chat-chat-module-es5.js.map