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/src/index.html CHANGED Viewed

@@ -1,61 +1,90 @@
 <!DOCTYPE html>
-<html lang="en" dir="ltr">
+<html lang="en">
 <head>
-  <meta charset="UTF-8">
-  <title>Tiledesk - Open Source Live Chat con Bot integrato</title>
-  <!-- <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> -->
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+  <meta charset="utf-8" />
+  <title>Tiledesk - Open Source Live Chat</title>
-  <meta name="format-detection" content="telephone=no">
-  <meta name="msapplication-tap-highlight" content="no">
-  <meta name="theme-color" content="#4e8ef7">
+  <base href="./" />
+  <!-- <base href="/"/>  -->
+  <!-- <base href="./"/>  quando rilascio in prod sostituisco questo base con quello sopra -->
-  <link href="build/main.css" rel="stylesheet">
-  <link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico">
-  <!-- omitted -->
-  <link rel="manifest" href="manifest.json">
+  <!-- <meta name="color-scheme" content="light dark" /> disable dark mode: Note in theme/variable.scss is also commented all the code that referts to dark-mode -->
+  <meta name="color-scheme" content="light" />
+  <meta name="viewport"
+    content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+  <meta name="format-detection" content="telephone=no" />
+  <meta name="msapplication-tap-highlight" content="no" />
-  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-  <meta name="theme-color" content="#4e8ef7">
+  <link rel="icon" type="image/png" href="assets/icon/favicon.ico" />
+  <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&lang=en" />
-  <!-- add to homescreen for ios -->
-  <meta name="apple-mobile-web-app-capable" content="yes">
-  <meta name="apple-mobile-web-app-status-bar-style" content="black">
+  <link rel="manifest" href="./manifest.json">
+  <!-- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> -->
-  <!-- cordova.js required for cordova apps (remove if not needed) -->
-  <script src="cordova.js"></script>
+  <!-- <script src="./assets/js/chat21client.js"></script> -->
+  <!-- <script src="https://unpkg.com/mqtt@4.1.0/dist/mqtt.min.js"></script> -->
+  <!-- <script src="./assets/js/watchToConnectionAtStartUp.js"></script> -->
-  <!-- un-comment this code to enable service worker
   <script>
-    if ('serviceWorker' in navigator) {
-      navigator.serviceWorker.register('service-worker.js')
-        .then(() => console.log('service worker installed'))
-        .catch(err => console.error('Error', err));
+    // console.log("index.html Hey script watchToConnectionAtStartUp! ");
+    // // ononline version
+    window.ononline = (event) => {
+      // console.log("index.html You are now connected to the network.");
+    };
+    // // onoffline version
+    window.onoffline = (event) => {
+      // console.log("The network connection has been lost.");
+    };
+    // console.log('index.html window.navigator.onLine is ' + window.navigator.onLine);
+    // || window.navigator.onLine === true
+    if (window.navigator.onLine === false ) {
+      let app_root_el = document.getElementsByTagName('app-root');
+      // console.log('index.html app_root_el ', app_root_el);
+      setTimeout(function () {
+        // console.log('index.html app_root_el > childNodes ', app_root_el[0].childNodes);
+        if (app_root_el[0].childNodes.length > 0) { // Or just `if (element.childNodes.length)`
+          // console.log('index.html app_root_el has child', app_root_el[0].childNodes);
+        } else {
+          // console.log('index.html app_root_el not has child', app_root_el[0].childNodes);
+          var div = document.createElement('div');
+          div.className = 'img-connection';
+          div.style.cssText += 'background-image: url(data:image/gif;base64,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);     width: 56px;height: 56px;background-size: contain;position: absolute;left: 50%;top: 50%;webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);margin-top: -60px;';
+          var div_1 = document.createElement('div');
+          div_1.className = 'lost-connection-wpr';
+          div_1.style.cssText += 'position: absolute;left: 50%;top: 50%;webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); font-size:18px; color: #92949c; font-family: Roboto, "Helvetica Neue";';
+          div_1.textContent += "Internet is slow or not working."
+          document.body.appendChild(div)
+          document.body.appendChild(div_1);
+          window.ononline = (event) => {
+            // console.log("index.html You are now connected to the network.");
+            location.reload(true);
+          };
+        }
+      }, 4000);
     }
-  </script>-->
+  </script>
-  <link href="build/main.css" rel="stylesheet">
+  <!-- add to homescreen for ios -->
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
 </head>
 <body>
-  <!-- Ionic's root component and where the app will load -->
-  <ion-app></ion-app>
-  <!-- The polyfills js is generated during the build process -->
-  <script src="build/polyfills.js"></script>
-  <!-- The vendor js is generated during the build process
-       It contains all of the dependencies in node_modules -->
-  <script src="build/vendor.js"></script>
-  <!-- The main bundle js is generated during the build process -->
-  <script src="build/main.js"></script>
+  <app-root></app-root>
 </body>
 </html>

package/src/main.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { enableProdMode } from '@angular/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { AppModule } from './app/app.module';
+import { environment } from './environments/environment';
+if (environment.production) {
+  enableProdMode();
+}
+platformBrowserDynamic().bootstrapModule(AppModule)
+  .catch(err => console.log(err));

package/src/manifest.json CHANGED Viewed

@@ -1,14 +1,3 @@
 {
-  "name": "tilechat",
-  "short_name": "tilechat",
-  "start_url": "index.html",
-  "display": "standalone",
-  "icons": [{
-    "src": "assets/img/icon.png",
-    "sizes": "512x512",
-    "type": "image/png"
-  }],
-  "background_color": "#ffffff",
-  "theme_color": "#ffffff",
   "gcm_sender_id": "103953800507"
 }

package/src/models/department.ts ADDED Viewed

@@ -0,0 +1,12 @@
+export class DepartmentModel {
+    constructor(
+        public appId: string,
+        public createdAt: string,
+        public createdBy: string,
+        public name: string,
+        public updatedAt: string,
+        public _id: string,
+        public offline_msg: string,
+        public online_msg: string
+    ) { }
+ }

package/src/polyfills.ts ADDED Viewed

@@ -0,0 +1,73 @@
+/**
+ * This file includes polyfills needed by Angular and is loaded before the app.
+ * You can add your own extra polyfills to this file.
+ *
+ * This file is divided into 2 sections:
+ *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
+ *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
+ *      file.
+ *
+ * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
+ * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
+ * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
+ *
+ * Learn more in https://angular.io/guide/browser-support
+ */
+/***************************************************************************************************
+ * BROWSER POLYFILLS
+ */
+/** IE10 and IE11 requires the following for NgClass support on SVG elements */
+// import 'classlist.js';  // Run `npm install --save classlist.js`.
+/**
+ * Web Animations `@angular/platform-browser/animations`
+ * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
+ * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
+ */
+// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
+/**
+ * By default, zone.js will patch all possible macroTask and DomEvents
+ * user can disable parts of macroTask/DomEvents patch by setting following flags
+ * because those flags need to be set before `zone.js` being loaded, and webpack
+ * will put import in the top of bundle, so user need to create a separate file
+ * in this directory (for example: zone-flags.ts), and put the following flags
+ * into that file, and then add the following code before importing zone.js.
+ * import './zone-flags.ts';
+ *
+ * The flags allowed in zone-flags.ts are listed here.
+ *
+ * The following flags will work for all browsers.
+ *
+ * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
+ * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
+ * (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
+ *
+ *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
+ *  with the following flag, it will bypass `zone.js` patch for IE/Edge
+ *
+ *  (window as any).__Zone_enable_cross_context_check = true;
+ *
+ */
+import './zone-flags';
+/***************************************************************************************************
+ * Zone JS is required by default for Angular itself.
+ */
+import 'zone.js/dist/zone';  // Included with Angular CLI.
+// TO RUN mqtt js with ionic
+// (window as any).global = window;
+// global.Buffer = global.Buffer || require('buffer').Buffer;
+// (window as any).process = {
+//   version: ''
+// };
+/***************************************************************************************************
+ * APPLICATION IMPORTS
+ */

package/src/test.ts ADDED Viewed

@@ -0,0 +1,21 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+import 'zone.js/dist/zone-testing';
+import { getTestBed } from '@angular/core/testing';
+import {
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
+import {} from 'jasmine';
+declare const require: any;
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting()
+);
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);

package/src/theme/variables.scss CHANGED Viewed

@@ -1,94 +1,237 @@
 // Ionic Variables and Theming. For more info, please see:
-// http://ionicframework.com/docs/v2/theming/
-$font-path: "../assets/fonts";
-@import "ionic.globals";
-// Shared Variables
-// --------------------------------------------------
-// To customize the look and feel of this app, you can override
-// the Sass variables found in Ionic's source scss files.
-// To view all the possible Ionic variables, see:
-// http://ionicframework.com/docs/v2/theming/overriding-ionic-variables/
-// Named Color Variables
-// --------------------------------------------------
-// Named colors makes it easy to reuse colors on various components.
-// It's highly recommended to change the default colors
-// to match your app's branding. Ionic uses a Sass map of
-// colors so you can add, rename and remove colors as needed.
-// The "primary" color is the only required color in the map.
-$colors: (
-  primary:    #488aff,
-  secondary:  #32db64,
-  danger:     #f53d3d,
-  light:      #f4f4f4,
-  dark:       #222222,
-  c21-dark:   #222222,
-  c21-gray:   #a9a9a9,
-  c21-red:    #db4437,
-  c21-green:  #24d066,
-  c21-gray-10: rgba(169,169,169, 0.1),
-  273e53: #273e53,
-  close-conversation :#9E9E9E,
-  navbarLightColor:(
-    base: #ffffff,
-    contrast: #222222
-  )
-);
-// App iOS Variables
-// --------------------------------------------------
-// iOS only Sass variables can go here
-// App Material Design Variables
-// --------------------------------------------------
-// Material Design only Sass variables can go here
-// App Windows Variables
-// --------------------------------------------------
-// Windows only Sass variables can go here
-// App Theme
-// --------------------------------------------------
-// Ionic apps can have different themes applied, which can
-// then be future customized. This import comes last
-// so that the above variables are used and Ionic's
-// default are overridden.
-@import "ionic.theme.default";
-// Ionicons
-// --------------------------------------------------
-// The premium icon font for Ionic. For more info, please see:
-// http://ionicframework.com/docs/v2/ionicons/
-@import "ionic.ionicons";
-// Fonts
-// --------------------------------------------------
-@import "roboto";
-@import "noto-sans";
+// http://ionicframework.com/docs/theming/
+/** Ionic CSS Variables **/
+:root {
+  .message-my a {
+    color: white;
+  }
+  /** primary **/
+  --ion-color-primary: #3880ff;
+  --ion-color-primary-rgb: 56, 128, 255;
+  --ion-color-primary-contrast: #ffffff;
+  --ion-color-primary-contrast-rgb: 255, 255, 255;
+  --ion-color-primary-shade: #3171e0;
+  --ion-color-primary-tint: #4c8dff;
+  /** secondary **/
+  --ion-color-secondary: #3dc2ff;
+  --ion-color-secondary-rgb: 61, 194, 255;
+  --ion-color-secondary-contrast: #ffffff;
+  --ion-color-secondary-contrast-rgb: 255, 255, 255;
+  --ion-color-secondary-shade: #36abe0;
+  --ion-color-secondary-tint: #50c8ff;
+  /** tertiary **/
+  --ion-color-tertiary: #5260ff;
+  --ion-color-tertiary-rgb: 82, 96, 255;
+  --ion-color-tertiary-contrast: #ffffff;
+  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
+  --ion-color-tertiary-shade: #4854e0;
+  --ion-color-tertiary-tint: #6370ff;
+  /** success **/
+  --ion-color-success: #2dd36f;
+  --ion-color-success-rgb: 45, 211, 111;
+  --ion-color-success-contrast: #ffffff;
+  --ion-color-success-contrast-rgb: 255, 255, 255;
+  --ion-color-success-shade: #28ba62;
+  --ion-color-success-tint: #42d77d;
+  /** warning **/
+  --ion-color-warning: #ffc409;
+  --ion-color-warning-rgb: 255, 196, 9;
+  --ion-color-warning-contrast: #000000;
+  --ion-color-warning-contrast-rgb: 0, 0, 0;
+  --ion-color-warning-shade: #e0ac08;
+  --ion-color-warning-tint: #ffca22;
+  /** danger **/
+  --ion-color-danger: #eb445a;
+  --ion-color-danger-rgb: 235, 68, 90;
+  --ion-color-danger-contrast: #ffffff;
+  --ion-color-danger-contrast-rgb: 255, 255, 255;
+  --ion-color-danger-shade: #cf3c4f;
+  --ion-color-danger-tint: #ed576b;
+  /** dark **/
+  --ion-color-dark: #222428;
+  --ion-color-dark-rgb: 34, 36, 40;
+  --ion-color-dark-contrast: #ffffff;
+  --ion-color-dark-contrast-rgb: 255, 255, 255;
+  --ion-color-dark-shade: #1e2023;
+  --ion-color-dark-tint: #383a3e;
+  /** medium **/
+  --ion-color-medium: #92949c;
+  --ion-color-medium-rgb: 146, 148, 156;
+  --ion-color-medium-contrast: #ffffff;
+  --ion-color-medium-contrast-rgb: 255, 255, 255;
+  --ion-color-medium-shade: #808289;
+  --ion-color-medium-tint: #9d9fa6;
+  /** light **/
+  --ion-color-light: #f4f5f8;
+  --ion-color-light-rgb: 244, 245, 248;
+  --ion-color-light-contrast: #000000;
+  --ion-color-light-contrast-rgb: 0, 0, 0;
+  --ion-color-light-shade: #d7d8da;
+  --ion-color-light-tint: #f5f6f9;
+}
+// @media (prefers-color-scheme: dark) {
+//   /*
+//    * Dark Colors
+//    * -------------------------------------------
+//    */
+//   body {
+//     --ion-color-primary: #428cff;
+//     --ion-color-primary-rgb: 66,140,255;
+//     --ion-color-primary-contrast: #ffffff;
+//     --ion-color-primary-contrast-rgb: 255,255,255;
+//     --ion-color-primary-shade: #3a7be0;
+//     --ion-color-primary-tint: #5598ff;
+//     --ion-color-secondary: #50c8ff;
+//     --ion-color-secondary-rgb: 80,200,255;
+//     --ion-color-secondary-contrast: #ffffff;
+//     --ion-color-secondary-contrast-rgb: 255,255,255;
+//     --ion-color-secondary-shade: #46b0e0;
+//     --ion-color-secondary-tint: #62ceff;
+//     --ion-color-tertiary: #6a64ff;
+//     --ion-color-tertiary-rgb: 106,100,255;
+//     --ion-color-tertiary-contrast: #ffffff;
+//     --ion-color-tertiary-contrast-rgb: 255,255,255;
+//     --ion-color-tertiary-shade: #5d58e0;
+//     --ion-color-tertiary-tint: #7974ff;
+//     --ion-color-success: #2fdf75;
+//     --ion-color-success-rgb: 47,223,117;
+//     --ion-color-success-contrast: #000000;
+//     --ion-color-success-contrast-rgb: 0,0,0;
+//     --ion-color-success-shade: #29c467;
+//     --ion-color-success-tint: #44e283;
+//     --ion-color-warning: #ffd534;
+//     --ion-color-warning-rgb: 255,213,52;
+//     --ion-color-warning-contrast: #000000;
+//     --ion-color-warning-contrast-rgb: 0,0,0;
+//     --ion-color-warning-shade: #e0bb2e;
+//     --ion-color-warning-tint: #ffd948;
+//     --ion-color-danger: #ff4961;
+//     --ion-color-danger-rgb: 255,73,97;
+//     --ion-color-danger-contrast: #ffffff;
+//     --ion-color-danger-contrast-rgb: 255,255,255;
+//     --ion-color-danger-shade: #e04055;
+//     --ion-color-danger-tint: #ff5b71;
+//     --ion-color-dark: #f4f5f8;
+//     --ion-color-dark-rgb: 244,245,248;
+//     --ion-color-dark-contrast: #000000;
+//     --ion-color-dark-contrast-rgb: 0,0,0;
+//     --ion-color-dark-shade: #d7d8da;
+//     --ion-color-dark-tint: #f5f6f9;
+//     --ion-color-medium: #989aa2;
+//     --ion-color-medium-rgb: 152,154,162;
+//     --ion-color-medium-contrast: #000000;
+//     --ion-color-medium-contrast-rgb: 0,0,0;
+//     --ion-color-medium-shade: #86888f;
+//     --ion-color-medium-tint: #a2a4ab;
+//     --ion-color-light: #222428;
+//     --ion-color-light-rgb: 34,36,40;
+//     --ion-color-light-contrast: #ffffff;
+//     --ion-color-light-contrast-rgb: 255,255,255;
+//     --ion-color-light-shade: #1e2023;
+//     --ion-color-light-tint: #383a3e;
+//   }
+  /*
+   * iOS Dark Theme
+   * -------------------------------------------
+   */
+//   .ios body {
+//     --ion-background-color: #000000;
+//     --ion-background-color-rgb: 0,0,0;
+//     --ion-text-color: #ffffff;
+//     --ion-text-color-rgb: 255,255,255;
+//     --ion-color-step-50: #0d0d0d;
+//     --ion-color-step-100: #1a1a1a;
+//     --ion-color-step-150: #262626;
+//     --ion-color-step-200: #333333;
+//     --ion-color-step-250: #404040;
+//     --ion-color-step-300: #4d4d4d;
+//     --ion-color-step-350: #595959;
+//     --ion-color-step-400: #666666;
+//     --ion-color-step-450: #737373;
+//     --ion-color-step-500: #808080;
+//     --ion-color-step-550: #8c8c8c;
+//     --ion-color-step-600: #999999;
+//     --ion-color-step-650: #a6a6a6;
+//     --ion-color-step-700: #b3b3b3;
+//     --ion-color-step-750: #bfbfbf;
+//     --ion-color-step-800: #cccccc;
+//     --ion-color-step-850: #d9d9d9;
+//     --ion-color-step-900: #e6e6e6;
+//     --ion-color-step-950: #f2f2f2;
+//     --ion-toolbar-background: #0d0d0d;
+//     --ion-item-background: #000000;
+//   }
+//   /*
+//    * Material Design Dark Theme
+//    * -------------------------------------------
+//    */
+//   .md body {
+//     --ion-background-color: #121212;
+//     --ion-background-color-rgb: 18,18,18;
+//     --ion-text-color: #ffffff;
+//     --ion-text-color-rgb: 255,255,255;
+//     --ion-border-color: #222222;
+//     --ion-color-step-50: #1e1e1e;
+//     --ion-color-step-100: #2a2a2a;
+//     --ion-color-step-150: #363636;
+//     --ion-color-step-200: #414141;
+//     --ion-color-step-250: #4d4d4d;
+//     --ion-color-step-300: #595959;
+//     --ion-color-step-350: #656565;
+//     --ion-color-step-400: #717171;
+//     --ion-color-step-450: #7d7d7d;
+//     --ion-color-step-500: #898989;
+//     --ion-color-step-550: #949494;
+//     --ion-color-step-600: #a0a0a0;
+//     --ion-color-step-650: #acacac;
+//     --ion-color-step-700: #b8b8b8;
+//     --ion-color-step-750: #c4c4c4;
+//     --ion-color-step-800: #d0d0d0;
+//     --ion-color-step-850: #dbdbdb;
+//     --ion-color-step-900: #e7e7e7;
+//     --ion-color-step-950: #f3f3f3;
+//     --ion-item-background: #1e1e1e;
+//     --ion-toolbar-background: #1f1f1f;
+//     --ion-tab-bar-background: #1f1f1f;
+//   }
+//   ion-title.title-large {
+//     --color: white;
+//   }
+// }