Add Video Call Queue

wxsd-sales · Feb 27, 2024 · f347998 · f347998
commit f347998
Show file tree

Hide file tree

Showing 25 changed files with 153 additions and 0 deletions.
diff --git a/video-call-queue/assets/index-BQolbPvf.js b/video-call-queue/assets/index-BQolbPvf.js
diff --git a/video-call-queue/assets/index-D5vS9mnL.css b/video-call-queue/assets/index-D5vS9mnL.css
diff --git a/video-call-queue/assets/materialdesignicons-webfont-B7mPwVP_.ttf b/video-call-queue/assets/materialdesignicons-webfont-B7mPwVP_.ttf
diff --git a/video-call-queue/assets/materialdesignicons-webfont-CSr8KVlo.eot b/video-call-queue/assets/materialdesignicons-webfont-CSr8KVlo.eot
diff --git a/video-call-queue/assets/materialdesignicons-webfont-Dp5v-WZN.woff2 b/video-call-queue/assets/materialdesignicons-webfont-Dp5v-WZN.woff2
diff --git a/video-call-queue/assets/materialdesignicons-webfont-PXm3-2wK.woff b/video-call-queue/assets/materialdesignicons-webfont-PXm3-2wK.woff
diff --git a/video-call-queue/favicon.ico b/video-call-queue/favicon.ico
diff --git a/video-call-queue/images/cisco-impact-background.jpg b/video-call-queue/images/cisco-impact-background.jpg
diff --git a/video-call-queue/images/cisco-impact-logo-white.png b/video-call-queue/images/cisco-impact-logo-white.png
diff --git a/video-call-queue/images/favicons/android-chrome-192x192.png b/video-call-queue/images/favicons/android-chrome-192x192.png
diff --git a/video-call-queue/images/favicons/android-chrome-512x512.png b/video-call-queue/images/favicons/android-chrome-512x512.png
diff --git a/video-call-queue/images/favicons/apple-touch-icon.png b/video-call-queue/images/favicons/apple-touch-icon.png
diff --git a/video-call-queue/images/favicons/favicon-16x16.png b/video-call-queue/images/favicons/favicon-16x16.png
diff --git a/video-call-queue/images/favicons/favicon-32x32.png b/video-call-queue/images/favicons/favicon-32x32.png
diff --git a/video-call-queue/images/favicons/favicon.ico b/video-call-queue/images/favicons/favicon.ico
diff --git a/video-call-queue/images/favicons/favicon.svg b/video-call-queue/images/favicons/favicon.svg
diff --git a/video-call-queue/images/favicons/mstile-144x144.png b/video-call-queue/images/favicons/mstile-144x144.png
diff --git a/video-call-queue/images/favicons/mstile-150x150.png b/video-call-queue/images/favicons/mstile-150x150.png
diff --git a/video-call-queue/images/favicons/mstile-310x150.png b/video-call-queue/images/favicons/mstile-310x150.png
diff --git a/video-call-queue/images/favicons/mstile-310x310.png b/video-call-queue/images/favicons/mstile-310x310.png
diff --git a/video-call-queue/images/favicons/mstile-70x70.png b/video-call-queue/images/favicons/mstile-70x70.png
diff --git a/video-call-queue/images/favicons/safari-pinned-tab.svg b/video-call-queue/images/favicons/safari-pinned-tab.svg
diff --git a/video-call-queue/images/webex-one-background.jpg b/video-call-queue/images/webex-one-background.jpg
diff --git a/video-call-queue/images/webex-one-logo-white.svg b/video-call-queue/images/webex-one-logo-white.svg
diff --git a/video-call-queue/index.html b/video-call-queue/index.html
@@ -0,0 +1,96 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/codelabs/video-call-queue/images/favicons/apple-touch-icon.png" />
+  <link rel="icon" type="image/png" sizes="32x32" href="/codelabs/video-call-queue/images/favicons/favicon-32x32.png" />
+  <link rel="icon" type="image/png" sizes="16x16" href="/codelabs/video-call-queue/images/favicons/favicon-16x16.png" />
+  <link rel="mask-icon" href="/codelabs/video-call-queue/images/favicons/safari-pinned-tab.svg" color="#5bbad5" />
+  <link rel="shortcut icon" href="/codelabs/video-call-queue/images/favicons/favicon.ico" />
+  <meta name="theme-color" content="#ffffff" />
+  <title>Codelabs - Video Call Queue</title>
+    <script type="module" crossorigin src="/codelabs/video-call-queue/assets/index-BQolbPvf.js"></script>
+    <link rel="stylesheet" crossorigin href="/codelabs/video-call-queue/assets/index-D5vS9mnL.css">
+  </head>
+  <body>
+    <noscript id="javascript-warning" class="hero is-danger is-bold">
+      <div class="hero-body">
+        <div class="container">
+          <h1 class="title">
+            <span class="icon">
+              <i class="mdi mdi-alert"></i>
+            </span>
+            <span>Javascript is disabled.</span>
+          </h1>
+          <h2 class="subtitle">
+            This site requires Javascript for its core functionality. Please enable Javascript in
+            browser settings and reload this page.
+          </h2>
+        </div>
+      </div>
+    </noscript>
+    <main id="app">
+      <img
+        id="brand-background"
+        class="is-brand-background"
+        alt="background"
+        src="/codelabs/video-call-queue/images/webex-one-background.jpg"
+        style="filter: brightness(55%)"
+      />
+      <section class="hero is-fullheight">
+        <!-- Hero content: will be in the middle -->
+        <div class="hero-body">
+          <div class="container has-text-centered main-container">
+            <div class="columns is-multiline is-centered">
+              <div class="column is-full">
+                <figure>
+                  <img
+                    id="brand-logo"
+                    class="is-brand-logo"
+                    alt=""
+                    src="/codelabs/video-call-queue/images/webex-one-logo-white.svg"
+                  />
+                  <figcaption class="is-hidden">Logo</figcaption>
+                </figure>
+              </div>
+              <div class="column is-full">
+                <p id="subtitle" class="subtitle has-text-grey-lighter">{subtitle}</p>
+              </div>
+              <div class="column is-two-fifths">
+                <div class="card-content">
+                  <div class="content">
+                    <button
+                      id="help-button"
+                      class="button is-fullwidth is-rounded is-success is-large"
+                    >
+                      <span class="icon"><i class="mdi mdi-phone"></i></span>
+                      <span id="help-button-text">{helpButtonText}</span>
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- Hero footer: will stick at the bottom -->
+        <div class="hero-foot">
+          <div class="columns is-gapless p-2">
+            <div class="column is-12 has-text-weight-medium has-text-centered">
+              <p class="has-text-danger is-size-7">NOT FOR PRODUCTION USE</p>
+              <p class="has-text-grey-light">
+                Made with
+                <span class="icon-text has-text-danger">
+                  <i class="mdi mdi-heart"></i>
+                </span>
+                by the WXSD team (<a href="mailto:[email protected]" target="_blank"
+                  >[email protected]</a
+                >)
+              </p>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+  </body>
+</html>