Auto-generated commit [ci skip]

mucoban · Jan 1, 2024 · 18b5e98 · 18b5e98
1 parent 5954e47
commit 18b5e98
Show file tree

Hide file tree

Showing 28 changed files with 222 additions and 18 deletions.
diff --git a/404.html b/404.html
@@ -1,12 +1,92 @@
-<!DOCTYPE html><html lang="en"><head>
+<!doctype html>
+<html lang="en">
+<head>
   <meta charset="utf-8">
-  <title>ChatOnAngular</title>
-  <base href="/chat-on-angular/chat-on-angular/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-<style>@import"https://fonts.googleapis.com/css?family=Open+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{font-family:Open Sans;box-sizing:border-box}body{width:100%;position:absolute;bottom:0;margin:0}</style><link rel="stylesheet" href="styles.5526f669c9bf4a6e.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.5526f669c9bf4a6e.css"></noscript></head>
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>Chat On Angular Example Page</title>
+  <link href="https://getbootstrap.com/docs/4.0/examples/carousel/../../dist/css/bootstrap.min.css" rel="stylesheet">
+  <link href="https://getbootstrap.com/docs/4.0/examples/carousel/carousel.css" rel="stylesheet">
+</head>
 <body>
-  <app-root></app-root>
-<script src="runtime.069bbe64b403c88c.js" type="module"></script><script src="polyfills.5e55093c08b1226c.js" type="module"></script><script src="main.7c16f3b735043072.js" type="module"></script>
 
-</body></html>
+<header>
+  <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
+    <a class="navbar-brand" href="/chat-on-angular">Chat On Angular Example Page</a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
+            aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse">
+      <ul class="navbar-nav mr-auto">
+        <li class="nav-item active">
+          <a class="nav-link" href="./chat-on-angular?go-to-agent-panel=1">Agent Panel</a>
+        </li>
+      </ul>
+    </div>
+  </nav>
+</header>
+
+<main role="main">
+
+  <div id="myCarousel" class="carousel slide" data-ride="carousel">
+
+    <div class="carousel-inner">
+      <div class="carousel-item active">
+        <img class="first-slide"
+             src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="First slide">
+        <div class="container">
+          <div class="carousel-caption text-left">
+            <h1>Usage</h1>
+            <p>Place coa-wrapper.js &lt;script&gt; right before the closing &lt;/body&gt; tag like in this page,</p>
+            <p>and edit urlCoA value with the host url on which you deploy angular-application</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+
+  <!-- Marketing messaging and featurettes
+  ================================================== -->
+  <!-- Wrap the rest of the page in another container to center all the content. -->
+
+  <div class="container marketing">
+
+    <!-- Three columns of text below the carousel -->
+    <div class="row">
+      <div class="col-lg-4">
+        <img class="rounded-circle"
+             src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=="
+             alt="Generic placeholder image" width="140" height="140">
+        <h2>Heading</h2>
+        <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies
+          vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus
+          magna.</p>
+        <p><a class="btn btn-secondary"  role="button">View details &raquo;</a></p>
+      </div><!-- /.col-lg-4 -->
+      <div class="col-lg-4">
+        <img class="rounded-circle"
+             src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=="
+             alt="Generic placeholder image" width="140" height="140">
+        <h2>Heading</h2>
+        <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis
+          consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum
+          nibh.</p>
+        <p><a class="btn btn-secondary"  role="button">View details &raquo;</a></p>
+      </div><!-- /.col-lg-4 -->
+      <div class="col-lg-4">
+        <img class="rounded-circle"
+             src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=="
+             alt="Generic placeholder image" width="140" height="140">
+        <h2>Heading</h2>
+        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta
+          felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum
+          massa justo sit amet risus.</p>
+        <p><a class="btn btn-secondary"  role="button">View details &raquo;</a></p>
+      </div><!-- /.col-lg-4 -->
+    </div><!-- /.row -->
+  </div>
+</main>
+<script src="./coa-wrapper.js"></script>
+</body>
+</html>
diff --git a/3rdpartylicenses.txt → chat-on-angular/3rdpartylicenses.txt b/3rdpartylicenses.txt → chat-on-angular/3rdpartylicenses.txt
diff --git a/chat-on-angular/404.html b/chat-on-angular/404.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html><html lang="en"><head>
+  <meta charset="utf-8">
+  <title>ChatOnAngular</title>
+  <base href="/chat-on-angular/chat-on-angular/">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+<style>@import"https://fonts.googleapis.com/css?family=Open+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{font-family:Open Sans;box-sizing:border-box}body{width:100%;position:absolute;bottom:0;margin:0}</style><link rel="stylesheet" href="styles.5526f669c9bf4a6e.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.5526f669c9bf4a6e.css"></noscript></head>
+<body>
+  <app-root></app-root>
+<script src="runtime.069bbe64b403c88c.js" type="module"></script><script src="polyfills.5e55093c08b1226c.js" type="module"></script><script src="main.7c16f3b735043072.js" type="module"></script>
+
+</body></html>
diff --git a/50.d94de5472e00ff92.js → chat-on-angular/50.d94de5472e00ff92.js b/50.d94de5472e00ff92.js → chat-on-angular/50.d94de5472e00ff92.js
diff --git a/592.94486af9b4b8db49.js → chat-on-angular/592.94486af9b4b8db49.js b/592.94486af9b4b8db49.js → chat-on-angular/592.94486af9b4b8db49.js
diff --git a/851.96366aad2093c820.js → chat-on-angular/851.96366aad2093c820.js b/851.96366aad2093c820.js → chat-on-angular/851.96366aad2093c820.js
diff --git a/assets/images/back.svg → chat-on-angular/assets/images/back.svg b/assets/images/back.svg → chat-on-angular/assets/images/back.svg
diff --git a/assets/images/bg.jpg → chat-on-angular/assets/images/bg.jpg b/assets/images/bg.jpg → chat-on-angular/assets/images/bg.jpg
diff --git a/assets/images/chat-box-bg.jpg → ...-on-angular/assets/images/chat-box-bg.jpg b/assets/images/chat-box-bg.jpg → ...-on-angular/assets/images/chat-box-bg.jpg
diff --git a/assets/images/close.svg → chat-on-angular/assets/images/close.svg b/assets/images/close.svg → chat-on-angular/assets/images/close.svg
diff --git a/assets/images/logout.svg → chat-on-angular/assets/images/logout.svg b/assets/images/logout.svg → chat-on-angular/assets/images/logout.svg
diff --git a/assets/images/mail.svg → chat-on-angular/assets/images/mail.svg b/assets/images/mail.svg → chat-on-angular/assets/images/mail.svg
diff --git a/assets/images/mail2.svg → chat-on-angular/assets/images/mail2.svg b/assets/images/mail2.svg → chat-on-angular/assets/images/mail2.svg
diff --git a/assets/images/mail3.svg → chat-on-angular/assets/images/mail3.svg b/assets/images/mail3.svg → chat-on-angular/assets/images/mail3.svg
diff --git a/assets/images/right.svg → chat-on-angular/assets/images/right.svg b/assets/images/right.svg → chat-on-angular/assets/images/right.svg
diff --git a/assets/images/send.svg → chat-on-angular/assets/images/send.svg b/assets/images/send.svg → chat-on-angular/assets/images/send.svg
diff --git a/assets/images/trash.svg → chat-on-angular/assets/images/trash.svg b/assets/images/trash.svg → chat-on-angular/assets/images/trash.svg
diff --git a/assets/images/triangle.svg → chat-on-angular/assets/images/triangle.svg b/assets/images/triangle.svg → chat-on-angular/assets/images/triangle.svg
diff --git a/bg.2d47cee4340d99bb.jpg → chat-on-angular/bg.2d47cee4340d99bb.jpg b/bg.2d47cee4340d99bb.jpg → chat-on-angular/bg.2d47cee4340d99bb.jpg
diff --git a/chat-box-bg.27d7a39fbb381b09.jpg → ...-angular/chat-box-bg.27d7a39fbb381b09.jpg b/chat-box-bg.27d7a39fbb381b09.jpg → ...-angular/chat-box-bg.27d7a39fbb381b09.jpg
diff --git a/favicon.ico → chat-on-angular/favicon.ico b/favicon.ico → chat-on-angular/favicon.ico
diff --git a/chat-on-angular/index.html b/chat-on-angular/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html><html lang="en"><head>
+  <meta charset="utf-8">
+  <title>ChatOnAngular</title>
+  <base href="/chat-on-angular/chat-on-angular/">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+<style>@import"https://fonts.googleapis.com/css?family=Open+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{font-family:Open Sans;box-sizing:border-box}body{width:100%;position:absolute;bottom:0;margin:0}</style><link rel="stylesheet" href="styles.5526f669c9bf4a6e.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.5526f669c9bf4a6e.css"></noscript></head>
+<body>
+  <app-root></app-root>
+<script src="runtime.069bbe64b403c88c.js" type="module"></script><script src="polyfills.5e55093c08b1226c.js" type="module"></script><script src="main.7c16f3b735043072.js" type="module"></script>
+
+</body></html>
diff --git a/main.7c16f3b735043072.js → chat-on-angular/main.7c16f3b735043072.js b/main.7c16f3b735043072.js → chat-on-angular/main.7c16f3b735043072.js
diff --git a/polyfills.5e55093c08b1226c.js → ...-on-angular/polyfills.5e55093c08b1226c.js b/polyfills.5e55093c08b1226c.js → ...-on-angular/polyfills.5e55093c08b1226c.js
diff --git a/runtime.069bbe64b403c88c.js → chat-on-angular/runtime.069bbe64b403c88c.js b/runtime.069bbe64b403c88c.js → chat-on-angular/runtime.069bbe64b403c88c.js
diff --git a/styles.5526f669c9bf4a6e.css → chat-on-angular/styles.5526f669c9bf4a6e.css b/styles.5526f669c9bf4a6e.css → chat-on-angular/styles.5526f669c9bf4a6e.css
diff --git a/coa-wrapper.js b/coa-wrapper.js
@@ -0,0 +1,20 @@
+const urlCoA = './chat-on-angular' // this should be the url of the host on which angular-application is deployed
+const iframe = document.createElement('iframe');
+window.addEventListener("message", function(event) {
+  event.data.map(p => {
+    iframe.style[p.prop] = p.value;
+  });
+});
+iframe.onload = function () {
+ this.contentWindow.postMessage({ innerWidth: window.innerWidth }, '*');
+}
+iframe.setAttribute('src', urlCoA);
+iframe.style.position = 'fixed';
+iframe.style.bottom = '0px';
+iframe.style.border = '0';
+if (window.innerWidth < 992) {
+    iframe.style.right = '0px';
+} else {
+    iframe.style.right = '20px';
+}
+document.body.appendChild(iframe);
diff --git a/index.html b/index.html
@@ -1,12 +1,92 @@
-<!DOCTYPE html><html lang="en"><head>
+<!doctype html>
+<html lang="en">
+<head>
   <meta charset="utf-8">
-  <title>ChatOnAngular</title>
-  <base href="/chat-on-angular/chat-on-angular/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-<style>@import"https://fonts.googleapis.com/css?family=Open+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{font-family:Open Sans;box-sizing:border-box}body{width:100%;position:absolute;bottom:0;margin:0}</style><link rel="stylesheet" href="styles.5526f669c9bf4a6e.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.5526f669c9bf4a6e.css"></noscript></head>
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>Chat On Angular Example Page</title>
+  <link href="https://getbootstrap.com/docs/4.0/examples/carousel/../../dist/css/bootstrap.min.css" rel="stylesheet">
+  <link href="https://getbootstrap.com/docs/4.0/examples/carousel/carousel.css" rel="stylesheet">
+</head>
 <body>
-  <app-root></app-root>
-<script src="runtime.069bbe64b403c88c.js" type="module"></script><script src="polyfills.5e55093c08b1226c.js" type="module"></script><script src="main.7c16f3b735043072.js" type="module"></script>
 
-</body></html>
+<header>
+  <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
+    <a class="navbar-brand" href="/chat-on-angular">Chat On Angular Example Page</a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
+            aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse">
+      <ul class="navbar-nav mr-auto">
+        <li class="nav-item active">
+          <a class="nav-link" href="./chat-on-angular?go-to-agent-panel=1">Agent Panel</a>
+        </li>
+      </ul>
+    </div>
+  </nav>
+</header>
+
+<main role="main">
+
+  <div id="myCarousel" class="carousel slide" data-ride="carousel">
+
+    <div class="carousel-inner">
+      <div class="carousel-item active">
+        <img class="first-slide"
+             src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="First slide">
+        <div class="container">
+          <div class="carousel-caption text-left">
+            <h1>Usage</h1>
+            <p>Place coa-wrapper.js &lt;script&gt; right before the closing &lt;/body&gt; tag like in this page,</p>
+            <p>and edit urlCoA value with the host url on which you deploy angular-application</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+
+  <!-- Marketing messaging and featurettes
+  ================================================== -->
+  <!-- Wrap the rest of the page in another container to center all the content. -->
+
+  <div class="container marketing">
+
+    <!-- Three columns of text below the carousel -->
+    <div class="row">
+      <div class="col-lg-4">
+        <img class="rounded-circle"
+             src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=="
+             alt="Generic placeholder image" width="140" height="140">
+        <h2>Heading</h2>
+        <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies
+          vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus
+          magna.</p>
+        <p><a class="btn btn-secondary"  role="button">View details &raquo;</a></p>
+      </div><!-- /.col-lg-4 -->
+      <div class="col-lg-4">
+        <img class="rounded-circle"
+             src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=="
+             alt="Generic placeholder image" width="140" height="140">
+        <h2>Heading</h2>
+        <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis
+          consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum
+          nibh.</p>
+        <p><a class="btn btn-secondary"  role="button">View details &raquo;</a></p>
+      </div><!-- /.col-lg-4 -->
+      <div class="col-lg-4">
+        <img class="rounded-circle"
+             src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=="
+             alt="Generic placeholder image" width="140" height="140">
+        <h2>Heading</h2>
+        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta
+          felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum
+          massa justo sit amet risus.</p>
+        <p><a class="btn btn-secondary"  role="button">View details &raquo;</a></p>
+      </div><!-- /.col-lg-4 -->
+    </div><!-- /.row -->
+  </div>
+</main>
+<script src="./coa-wrapper.js"></script>
+</body>
+</html>