npm - @chat21/chat21-ionic - Versions diffs - 2.0.13 → 3.0.5-9.2 - Mend

@chat21/chat21-ionic 2.0.13 → 3.0.5-9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (716) hide show

package/docs/components/ArchivedConversationsPage.html DELETED Viewed

@@ -1,1024 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="">
-    <head>
-        <meta charset="utf-8">
-        <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>@chat21/chat21-ionic documentation</title>
-        <meta name="description" content="">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-	      <link rel="stylesheet" href="../styles/style.css">
-    </head>
-    <body>
-        <div class="navbar navbar-default navbar-fixed-top visible-xs">
-            <a href="../" class="navbar-brand">@chat21/chat21-ionic documentation</a>
-            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
-        </div>
-        <div class="xs-menu menu" id="mobile-menu">
-                <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>            <compodoc-menu></compodoc-menu>
-        </div>
-        <div class="container-fluid main">
-           <div class="row main">
-               <div class="hidden-xs menu">
-                   <compodoc-menu mode="normal"></compodoc-menu>
-               </div>
-               <!-- START CONTENT -->
-               <div class="content component">
-                   <div class="content-data">
-<ol class="breadcrumb">
-  <li>Components</li>
-  <li>ArchivedConversationsPage</li>
-</ol>
-<ul class="nav nav-tabs" role="tablist">
-        <li class="active">
-            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
-        </li>
-        <li >
-            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
-        </li>
-        <li >
-            <a href="#templateData" role="tab" id="templateData-tab" data-toggle="tab" data-link="template">Template</a>
-        </li>
-        <li >
-            <a href="#tree" role="tab" id="tree-tab" data-toggle="tab" data-link="dom-tree">DOM Tree</a>
-        </li>
-</ul>
-<div class="tab-content">
-    <div class="tab-pane fade active in" id="c-info"><p class="comment">
-    <h3>File</h3>
-</p>
-<p class="comment">
-    <code>src/pages/archived-conversations/archived-conversations.ts</code>
-</p>
-<section>
-    <h3>Metadata</h3>
-    <table class="table table-sm table-hover">
-        <tbody>
-            <tr>
-                <td class="col-md-3">selector</td>
-                <td class="col-md-9"><code>page-archived-conversations</code></td>
-            </tr>
-            <tr>
-                <td class="col-md-3">templateUrl</td>
-                <td class="col-md-9"><code>archived-conversations.html</code></td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-    <section>
-    <h3 id="index">Index</h3>
-    <table class="table table-sm table-bordered index-table">
-        <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#archivedConversations">archivedConversations</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#areArchivedConversationsAvailable">areArchivedConversationsAvailable</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#conversationSelected">conversationSelected</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#convertMessage">convertMessage</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#loggedUser">loggedUser</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Public</span>
-                                <a href="#navCtrl">navCtrl</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Public</span>
-                                <a href="#navParams">navParams</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#tenant">tenant</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#uidConvSelected">uidConvSelected</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#inizialize">inizialize</a>
-                            </li>
-                            <li>
-                                <a href="#ionViewWillUnload">ionViewWillUnload</a>
-                            </li>
-                            <li>
-                                    <span class="modifier">Private</span>
-                                <a href="#onArchivedConversationClicked">onArchivedConversationClicked</a>
-                            </li>
-                            <li>
-                                <a href="#openMessageList">openMessageList</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-        </tbody>
-    </table>
-</section>
-    <section>
-    <h3 id="constructor">Constructor</h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-<code>constructor(navCtrl: NavController, navParams: NavParams, navProxy: <a href="../injectables/NavProxyService.html">NavProxyService</a>, databaseProvider: <a href="../injectables/DatabaseProvider.html">DatabaseProvider</a>, events: Events)</code>
-                    </td>
-                </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">src/pages/archived-conversations/archived-conversations.ts:27</a></div>
-                            </td>
-                        </tr>
-                <tr>
-                    <td class="col-md-4">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>navCtrl</td>
-                                                        <td>
-                                                                    <code>NavController</code>
-                                                        </td>
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                </tr>
-                                                <tr>
-                                                        <td>navParams</td>
-                                                        <td>
-                                                                    <code>NavParams</code>
-                                                        </td>
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                </tr>
-                                                <tr>
-                                                        <td>navProxy</td>
-                                                        <td>
-                                                                        <code><a href="../injectables/NavProxyService.html" target="_self" >NavProxyService</a></code>
-                                                        </td>
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                </tr>
-                                                <tr>
-                                                        <td>databaseProvider</td>
-                                                        <td>
-                                                                        <code><a href="../injectables/DatabaseProvider.html" target="_self" >DatabaseProvider</a></code>
-                                                        </td>
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                </tr>
-                                                <tr>
-                                                        <td>events</td>
-                                                        <td>
-                                                                    <code>Events</code>
-                                                        </td>
-                                                    <td>
-                                                            No
-                                                    </td>
-                                                </tr>
-                                        </tbody>
-                                    </table>
-                            </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
-    <section>
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="inizialize"></a>
-                    <span class="name">
-                        <b>
-                            inizialize
-                        </b>
-                        <a href="#inizialize"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>inizialize()</code>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="57"
-                            class="link-to-prism">src/pages/archived-conversations/archived-conversations.ts:57</a></div>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="ionViewWillUnload"></a>
-                    <span class="name">
-                        <b>
-                            ionViewWillUnload
-                        </b>
-                        <a href="#ionViewWillUnload"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>ionViewWillUnload()</code>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="53"
-                            class="link-to-prism">src/pages/archived-conversations/archived-conversations.ts:53</a></div>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="onArchivedConversationClicked"></a>
-                    <span class="name">
-                        <b>
-                            <span class="modifier">Private</span>
-                            onArchivedConversationClicked
-                        </b>
-                        <a href="#onArchivedConversationClicked"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <span class="modifier-icon icon ion-ios-reset"></span>
-                    <code>onArchivedConversationClicked(archivedConversation)</code>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="67"
-                            class="link-to-prism">src/pages/archived-conversations/archived-conversations.ts:67</a></div>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>archivedConversation</td>
-                                    <td>
-                                        No
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-                    </div>
-                    <div class="io-description">
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="openMessageList"></a>
-                    <span class="name">
-                        <b>
-                            openMessageList
-                        </b>
-                        <a href="#openMessageList"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>openMessageList(archivedConversation)</code>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-line">Defined in <a href="" data-line="88"
-                            class="link-to-prism">src/pages/archived-conversations/archived-conversations.ts:88</a></div>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>SE E&#39; DIVERSO DA this.uidConvSelected
-1 - cerco conv con id == this.uidConvSelected e imposto select a FALSE
-2 - cerco conv con id == nw uidConvSelected se esiste:<br>2.1 - imposto status a 0 come letto
-2.2 - seleziono conv selected == TRUE
-2.3 - imposto nw uidConvSelected come this.uidConvSelected
-2.4 - apro conv
-3 salvo id conv nello storage</p>
-</div>
-                    <div class="io-description">
-                        <b>Parameters :</b>
-                        <table class="params">
-                            <thead>
-                                <tr>
-                                    <td>Name</td>
-                                    <td>Optional</td>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>archivedConversation</td>
-                                    <td>
-                                        No
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                    <div>
-                    </div>
-                    <div class="io-description">
-                        <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
-                    </div>
-                    <div class="io-description">
-                    </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
-    <section>
-        <h3 id="inputs">
-            Properties
-        </h3>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="archivedConversations"></a>
-                        <span class="name">
-                            <b>
-                                <span class="modifier">Private</span>
-                            archivedConversations</b>
-                            <a href="#archivedConversations"><span class="icon ion-ios-link"></span></a>
-                        </span>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <i>Type : </i>        <code><a href="../classes/ConversationModel.html" target="_self" >ConversationModel[]</a></code>
-                        </td>
-                    </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="20" class="link-to-prism">src/pages/archived-conversations/archived-conversations.ts:20</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="areArchivedConversationsAvailable"></a>
-                        <span class="name">
-                            <b>
-                                <span class="modifier">Private</span>
-                            areArchivedConversationsAvailable</b>
-                            <a href="#areArchivedConversationsAvailable"><span class="icon ion-ios-link"></span></a>
-                        </span>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-                        </td>
-                    </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="26" class="link-to-prism">src/pages/archived-conversations/archived-conversations.ts:26</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="conversationSelected"></a>
-                        <span class="name">
-                            <b>
-                                <span class="modifier">Private</span>
-                            conversationSelected</b>
-                            <a href="#conversationSelected"><span class="icon ion-ios-link"></span></a>
-                        </span>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <i>Type : </i>        <code><a href="../classes/ConversationModel.html" target="_self" >ConversationModel</a></code>
-                        </td>
-                    </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="21" class="link-to-prism">src/pages/archived-conversations/archived-conversations.ts:21</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="convertMessage"></a>
-                        <span class="name">
-                            <b>
-                                <span class="modifier">Private</span>
-                            convertMessage</b>
-                            <a href="#convertMessage"><span class="icon ion-ios-link"></span></a>
-                        </span>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <i>Default value : </i><code>convertMessage</code>
-                        </td>
-                    </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="24" class="link-to-prism">src/pages/archived-conversations/archived-conversations.ts:24</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="loggedUser"></a>
-                        <span class="name">
-                            <b>
-                                <span class="modifier">Private</span>
-                            loggedUser</b>
-                            <a href="#loggedUser"><span class="icon ion-ios-link"></span></a>
-                        </span>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <i>Type : </i>        <code><a href="../classes/UserModel.html" target="_self" >UserModel</a></code>
-                        </td>
-                    </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="16" class="link-to-prism">src/pages/archived-conversations/archived-conversations.ts:16</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="navCtrl"></a>
-                        <span class="name">
-                            <b>
-                                <span class="modifier">Public</span>
-                            navCtrl</b>
-                            <a href="#navCtrl"><span class="icon ion-ios-link"></span></a>
-                        </span>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <i>Type : </i>    <code>NavController</code>
-                        </td>
-                    </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="30" class="link-to-prism">src/pages/archived-conversations/archived-conversations.ts:30</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="navParams"></a>
-                        <span class="name">
-                            <b>
-                                <span class="modifier">Public</span>
-                            navParams</b>
-                            <a href="#navParams"><span class="icon ion-ios-link"></span></a>
-                        </span>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <i>Type : </i>    <code>NavParams</code>
-                        </td>
-                    </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="31" class="link-to-prism">src/pages/archived-conversations/archived-conversations.ts:31</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="tenant"></a>
-                        <span class="name">
-                            <b>
-                                <span class="modifier">Private</span>
-                            tenant</b>
-                            <a href="#tenant"><span class="icon ion-ios-link"></span></a>
-                        </span>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                        </td>
-                    </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="17" class="link-to-prism">src/pages/archived-conversations/archived-conversations.ts:17</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="uidConvSelected"></a>
-                        <span class="name">
-                            <b>
-                                <span class="modifier">Private</span>
-                            uidConvSelected</b>
-                            <a href="#uidConvSelected"><span class="icon ion-ios-link"></span></a>
-                        </span>
-                    </td>
-                </tr>
-                    <tr>
-                        <td class="col-md-4">
-                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                        </td>
-                    </tr>
-                        <tr>
-                            <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">src/pages/archived-conversations/archived-conversations.ts:27</a></div>
-                            </td>
-                        </tr>
-            </tbody>
-        </table>
-</section>
-</div>
-    <div class="tab-pane fade  tab-source-code" id="c-source">
-        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Component } from &#x27;@angular/core&#x27;;
-import { IonicPage, NavController, NavParams, Events } from &#x27;ionic-angular&#x27;;
-import { ConversationModel } from &#x27;../../models/conversation&#x27;;
-import { convertMessage } from &#x27;../../utils/utils&#x27;;
-import { DettaglioConversazionePage } from &#x27;../dettaglio-conversazione/dettaglio-conversazione&#x27;;
-import { NavProxyService } from &#x27;../../providers/nav-proxy&#x27;;
-import { DatabaseProvider } from &#x27;../../providers/database/database&#x27;;
-import { UserModel } from &#x27;../../models/user&#x27;;
-@IonicPage()
-@Component({
-  selector: &#x27;page-archived-conversations&#x27;,
-  templateUrl: &#x27;archived-conversations.html&#x27;,
-})
-export class ArchivedConversationsPage {
-  private loggedUser: UserModel;
-  private tenant: string;
-  // the list of th archived conversations
-  private archivedConversations: ConversationModel[];
-  private conversationSelected: ConversationModel;
-  // used within the html template
-  private convertMessage &#x3D; convertMessage;
-  private areArchivedConversationsAvailable : boolean;
-  private uidConvSelected : string;
-  constructor(
-    public navCtrl: NavController,
-    public navParams: NavParams,
-    private navProxy: NavProxyService,
-    private databaseProvider: DatabaseProvider,
-    private events: Events
-  ) {
-    this.areArchivedConversationsAvailable &#x3D; false;
-    this.tenant &#x3D; navParams.get(&#x27;tenant&#x27;);
-    this.loggedUser &#x3D; navParams.get(&#x27;loggedUser&#x27;);
-    const that &#x3D; this;
-    this.databaseProvider.initialize(this.loggedUser, this.tenant);
-    this.databaseProvider.getUidLastOpenConversation()
-    .then(function (uid: string) {
-      that.uidConvSelected &#x3D; uid;
-      that.inizialize();
-    })
-    .catch((error: any) &#x3D;&gt; {
-      console.log(&quot;error::: &quot;, error);
-    });
-  }
-  ionViewWillUnload() {
-    this.archivedConversations &#x3D; []; // clear the archived conversations list
-  }
-  inizialize(){
-    // get the list of archived conversations from the navigation and preload the archived conversations list
-    this.archivedConversations &#x3D; this.navParams.get(&#x27;archivedConversations&#x27;);
-    // update the archvied conversations availability
-    this.areArchivedConversationsAvailable &#x3D; this.archivedConversations &amp;&amp; this.archivedConversations.length &gt; 0;
-    this.openMessageList(this.archivedConversations[this.uidConvSelected]);
-  }
-  // click on a single conversation
-  private onArchivedConversationClicked(archivedConversation) {
-    // set the current conversation selected within the ui
-    this.uidConvSelected &#x3D; archivedConversation.uid;
-    // // popping the current page
-    // this.navCtrl.pop().then(() &#x3D;&gt; {
-    // open the new page
-    this.openMessageList(archivedConversation);
-  }
-  /**
-   * SE E&#x27; DIVERSO DA this.uidConvSelected
-   * 1 - cerco conv con id &#x3D;&#x3D; this.uidConvSelected e imposto select a FALSE
-   * 2 - cerco conv con id &#x3D;&#x3D; nw uidConvSelected se esiste:
-   * 2.1 - imposto status a 0 come letto
-   * 2.2 - seleziono conv selected &#x3D;&#x3D; TRUE
-   * 2.3 - imposto nw uidConvSelected come this.uidConvSelected
-   * 2.4 - apro conv
-   * 3 salvo id conv nello storage
-   * @param uidConvSelected
-   */
-  openMessageList(archivedConversation) {
-    const that &#x3D; this;
-    setTimeout(function () {
-      const archivedConversation &#x3D; that.archivedConversations.find(item &#x3D;&gt; item.uid &#x3D;&#x3D;&#x3D; that.uidConvSelected);
-      if (archivedConversation) {
-      //if (archivedConversation) {
-        archivedConversation.is_new &#x3D; false;
-        archivedConversation.status &#x3D; &#x27;0&#x27;;
-        archivedConversation.selected &#x3D; true;
-        that.navProxy.pushDetail(DettaglioConversazionePage, {
-          conversationWith: archivedConversation.uid,
-          conversationWithFullname: archivedConversation.conversation_with_fullname,
-          channel_type: archivedConversation.channel_type
-        });
-        that.databaseProvider.setUidLastOpenConversation(archivedConversation.uid);
-        that.events.publish(&#x27;uidConvSelected:changed&#x27;, archivedConversation.uid, &#x27;archived&#x27;);
-        that.conversationSelected &#x3D; archivedConversation;
-      }
-    }, 0);
-  }
-}</code></pre>
-    </div>
-    <div class="tab-pane fade " id="c-templateData">
-        <pre class="line-numbers"><code class="language-html">&lt;ion-header no-border&gt;
-  &lt;ion-navbar class&#x3D;&quot;toolbar-md-navbarLightColor&quot;&gt;
-    &lt;ion-title class&#x3D;&quot;c21-title-header&quot;&gt; {{ &#x27;LABEL_ARCHIVED&#x27; | translate }} &lt;/ion-title&gt;
-  &lt;/ion-navbar&gt;
-&lt;/ion-header&gt;
-&lt;ion-content class&#x3D;&quot;list-avatar-page&quot;&gt;
-  &lt;ion-list *ngIf&#x3D;&quot;areArchivedConversationsAvailable else emptyListTemplate&quot; &gt;
-  &lt;!-- &lt;ion-list &gt; --&gt;
-    &lt;div *ngFor&#x3D;&quot;let archivedConversation of archivedConversations&quot;&gt;
-      &lt;ion-item no-lines ion-item [class.selected]&#x3D;&quot;archivedConversation.uid &#x3D;&#x3D;&#x3D; uidConvSelected&quot; (click)&#x3D;&quot;onArchivedConversationClicked(archivedConversation)&quot;&gt;
-        &lt;ion-avatar item-start&gt;
-            &lt;div #avatarPlaceholder class&#x3D;&quot;avatar-placeholder&quot; [style.background-color]&#x3D;&quot;archivedConversation.color&quot; [innerHTML]&#x3D;&quot;archivedConversation.avatar&quot;&gt;&lt;/div&gt;
-            &lt;div #avatarImage *ngIf&#x3D;&quot;archivedConversation.image &amp;&amp; archivedConversation.image !&#x3D; &#x27;&#x27;&quot; class&#x3D;&quot;chat21-avatar&quot; [style.background-image]&#x3D;&quot;&#x27;url(&#x27; + archivedConversation.image + &#x27;)&#x27;&quot;&gt;&lt;/div&gt;
-        &lt;/ion-avatar&gt;
-        &lt;h2 class&#x3D;&quot;truncate&quot;&gt;{{archivedConversation.conversation_with_fullname}}&lt;/h2&gt;
-        &lt;div&gt;
-            &lt;p [class.not-read]&#x3D;&quot;archivedConversation.is_new&quot; class&#x3D;&quot;truncate&quot; [innerHTML]&#x3D;&quot;convertMessage(archivedConversation.last_message_text)&quot;&gt;&lt;/p&gt;
-        &lt;/div&gt;
-        &lt;span item-end class&#x3D;&quot;archived&quot;&gt;
-          &lt;!-- &lt;svg xmlns&#x3D;&quot;http://www.w3.org/2000/svg&quot; width&#x3D;&quot;20&quot; height&#x3D;&quot;20&quot; viewBox&#x3D;&quot;0 0 24 24&quot;&gt;&lt;path fill&#x3D;&quot;none&quot; d&#x3D;&quot;M0 0h24v24H0V0z&quot;/&gt;&lt;path d&#x3D;&quot;M20.54 5.23l-1.39-1.68C18.88 3.21 18.47 3 18 3H6c-.47 0-.88.21-1.16.55L3.46 5.23C3.17 5.57 3 6.02 3 6.5V19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6.5c0-.48-.17-.93-.46-1.27zm-8.89 11.92L6.5 12H10v-2h4v2h3.5l-5.15 5.15c-.19.19-.51.19-.7 0zM5.12 5l.81-1h12l.94 1H5.12z&quot;/&gt;&lt;/svg&gt; --&gt;
-          &lt;svg xmlns&#x3D;&quot;http://www.w3.org/2000/svg&quot; width&#x3D;&quot;20&quot; height&#x3D;&quot;20&quot; viewBox&#x3D;&quot;0 0 24 24&quot;&gt;&lt;path fill&#x3D;&quot;none&quot; d&#x3D;&quot;M0 0h24v24H0V0z&quot;/&gt;&lt;path d&#x3D;&quot;M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.25 2.52.77-1.28-3.52-2.09V8z&quot;/&gt;&lt;/svg&gt;
-        &lt;/span&gt;
-        &lt;div class&#x3D;&quot;c21-point&quot; *ngIf&#x3D;&quot;archivedConversation.is_new&quot;&gt;&amp;nbsp;&lt;/div&gt;
-      &lt;/ion-item&gt;
-    &lt;/div&gt;
-  &lt;/ion-list&gt;
-&lt;/ion-content&gt;
-&lt;ng-template #emptyListTemplate&gt;
-    &lt;div class&#x3D;&quot;no-archvied-chat&quot;&gt;{{ &#x27;ARCHIVED_CONVERSATIONS_PAGE_NO_CONVERSATIONS_ARCHIVED&#x27; | translate }}&lt;/div&gt;
-&lt;/ng-template&gt;</code></pre>
-    </div>
-    <div class="tab-pane fade " id="c-tree">
-        <div id="tree-container"></div>
-        <div class="tree-legend">
-            <div class="title">
-                <b>Legend</b>
-            </div>
-            <div>
-                <div class="color htmlelement"></div><span>Html element</span>
-            </div>
-            <div>
-                <div class="color component"></div><span>Component</span>
-            </div>
-            <div>
-                <div class="color directive"></div><span>Html element with directive</span>
-            </div>
-        </div>
-    </div>
-</div>
-<script src="../js/libs/vis.min.js"></script>
-<script src="../js/libs/htmlparser.js"></script>
-<script src="../js/libs/deep-iterator.js"></script>
-<script>
-        var COMPONENT_TEMPLATE = '<div><ion-header no-border>  <ion-navbar class="toolbar-md-navbarLightColor">    <ion-title class="c21-title-header"> {{ \'LABEL_ARCHIVED\' | translate }} </ion-title>  </ion-navbar></ion-header><ion-content class="list-avatar-page">  <ion-list *ngIf="areArchivedConversationsAvailable else emptyListTemplate" >  <!-- <ion-list > -->    <div *ngFor="let archivedConversation of archivedConversations">      <ion-item no-lines ion-item [class.selected]="archivedConversation.uid === uidConvSelected" (click)="onArchivedConversationClicked(archivedConversation)">        <ion-avatar item-start>            <div #avatarPlaceholder class="avatar-placeholder" [style.background-color]="archivedConversation.color" [innerHTML]="archivedConversation.avatar"></div>            <div #avatarImage *ngIf="archivedConversation.image && archivedConversation.image != \'\'" class="chat21-avatar" [style.background-image]="\'url(\' + archivedConversation.image + \')\'"></div>        </ion-avatar>        <h2 class="truncate">{{archivedConversation.conversation_with_fullname}}</h2>        <div>            <p [class.not-read]="archivedConversation.is_new" class="truncate" [innerHTML]="convertMessage(archivedConversation.last_message_text)"></p>        </div>        <span item-end class="archived">          <!-- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M20.54 5.23l-1.39-1.68C18.88 3.21 18.47 3 18 3H6c-.47 0-.88.21-1.16.55L3.46 5.23C3.17 5.57 3 6.02 3 6.5V19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6.5c0-.48-.17-.93-.46-1.27zm-8.89 11.92L6.5 12H10v-2h4v2h3.5l-5.15 5.15c-.19.19-.51.19-.7 0zM5.12 5l.81-1h12l.94 1H5.12z"/></svg> -->          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.25 2.52.77-1.28-3.52-2.09V8z"/></svg>        </span>        <div class="c21-point" *ngIf="archivedConversation.is_new">&nbsp;</div>      </ion-item>    </div>  </ion-list></ion-content><ng-template #emptyListTemplate>    <div class="no-archvied-chat">{{ \'ARCHIVED_CONVERSATIONS_PAGE_NO_CONVERSATIONS_ARCHIVED\' | translate }}</div></ng-template></div>'
-    var COMPONENTS = [{'name': 'ArchivedConversationsPage', 'selector': 'page-archived-conversations'},{'name': 'ChatBubble', 'selector': 'chat-bubble'},{'name': 'DettaglioConversazionePage', 'selector': 'page-dettaglio-conversazione'},{'name': 'ElasticTextarea', 'selector': 'elastic-textarea'},{'name': 'InfoAdvancedPage', 'selector': 'page-info-advanced'},{'name': 'InfoConversationPage', 'selector': 'page-info-conversation'},{'name': 'InfoMessagePage', 'selector': 'page-info-message'},{'name': 'InfoUserPage', 'selector': 'page-info-user'},{'name': 'ListaConversazioniPage', 'selector': 'page-lista-conversazioni'},{'name': 'LoginPage', 'selector': 'page-login'},{'name': 'MyApp', 'selector': ''},{'name': 'PlaceholderPage', 'selector': 'page-placeholder'},{'name': 'PopoverPage', 'selector': 'page-popover'},{'name': 'PopoverProfilePage', 'selector': 'page-popover-profile'},{'name': 'ProfilePage', 'selector': 'page-profile'},{'name': 'RegisterPage', 'selector': 'page-register'},{'name': 'ResetpwdPage', 'selector': 'page-resetpwd'},{'name': 'UpdateImageProfilePage', 'selector': 'page-update-image-profile'},{'name': 'UsersPage', 'selector': 'page-users'}];
-    var DIRECTIVES = [{'name': 'AutosizeDirective', 'selector': 'ion-textarea[autosize]'}];
-    var ACTUAL_COMPONENT = {'name': 'ArchivedConversationsPage'};
-</script>
-<script src="../js/tree.js"></script>
-                   </div><div class="search-results">
-    <div class="has-results">
-        <h1 class="search-results-title"><span class='search-results-count'></span> result-matching "<span class='search-query'></span>"</h1>
-        <ul class="search-results-list"></ul>
-    </div>
-    <div class="no-results">
-        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
-    </div>
-</div>
-</div>
-               <!-- END CONTENT -->
-           </div>
-       </div>
-       <script>
-            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
-            var COMPODOC_CURRENT_PAGE_URL = 'ArchivedConversationsPage.html';
-            var MAX_SEARCH_RESULTS = 15;
-       </script>
-       <script src="../js/libs/custom-elements.min.js"></script>
-       <script src="../js/libs/lit-html.js"></script>
-       <!-- Required to polyfill modern browsers as code is ES5 for IE... -->
-       <script src="../js/libs/custom-elements-es5-adapter.js" charset="utf-8" defer></script>
-       <script src="../js/menu-wc.js" defer></script>
-       <script src="../js/libs/bootstrap-native.js"></script>
-       <script src="../js/libs/es6-shim.min.js"></script>
-       <script src="../js/libs/EventDispatcher.js"></script>
-       <script src="../js/libs/promise.min.js"></script>
-       <script src="../js/libs/zepto.min.js"></script>
-       <script src="../js/compodoc.js"></script>
-       <script src="../js/tabs.js"></script>
-       <script src="../js/menu.js"></script>
-       <script src="../js/libs/clipboard.min.js"></script>
-       <script src="../js/libs/prism.js"></script>
-       <script src="../js/sourceCode.js"></script>
-          <script src="../js/search/search.js"></script>
-          <script src="../js/search/lunr.min.js"></script>
-          <script src="../js/search/search-lunr.js"></script>
-          <script src="../js/search/search_index.js"></script>
-       <script src="../js/lazy-load-graphs.js"></script>
-    </body>
-</html>