-
{{ outcome.node.text }}
+
+
+ {{ outcome.node.text }}
-
\ No newline at end of file
+
+
diff --git a/src/router/index.js b/src/router/index.js
index 29eb1bb..c9bcf89 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,13 +1,13 @@
import { createRouter, createWebHistory } from "vue-router";
-import Home from "../views/Home.vue";
-import ReferenceID from "../views/ReferenceID.vue";
-import InteractionsSankey from "../views/InteractionsSankey.vue";
+import HomeView from "../views/HomeView.vue";
+import ReferenSearchByReferenceViewceID from "../views/SearchByReferenceView.vue";
+import InteractionsFlowView from "../views/InteractionsFlowView.vue";
const routes = [
{
path: "/",
name: "home",
- component: Home,
+ component: HomeView,
},
{
path: "/about",
@@ -16,13 +16,17 @@ const routes = [
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () =>
- import(/* webpackChunkName: "about" */ "../views/About.vue"),
+ import(/* webpackChunkName: "about" */ "../views/AbouView.vue"),
},
- { path: "/referenceId", name: "referenceId", component: ReferenceID },
{
- path: "/interactionsSankey",
- name: "interactionsSankey",
- component: InteractionsSankey,
+ path: "/referenceId",
+ name: "referenceId",
+ component: ReferenSearchByReferenceViewceID,
+ },
+ {
+ path: "/interactionsFlow",
+ name: "interactionsFlow",
+ component: InteractionsFlowView,
},
];
diff --git a/src/style.css b/src/style.css
index 8f3c13f..af800f0 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,113 +1,114 @@
h1 {
- font-size: 18px;
- line-height: 19px;
- overflow: hidden;
- padding: 4px 0 12px 0;
- min-height: 23px;
- vertical-align: middle;
- font-family: "Lato", sans-serif;
- font-weight: 400;
- border-bottom: 1px solid #c7c7c7;
- margin: 0;
+ font-size: 18px;
+ line-height: 19px;
+ overflow: hidden;
+ padding: 4px 0 12px 0;
+ min-height: 23px;
+ vertical-align: middle;
+ font-family: "Lato", sans-serif;
+ font-weight: 400;
+ border-bottom: 1px solid #c7c7c7;
+ margin: 0;
}
h2 {
- font-size: 14px;
- line-height: 19px;
- overflow: hidden;
- padding: 4px 0 4px 0;
- min-height: 23px;
- vertical-align: middle;
- font-family: "Lato", sans-serif;
- font-weight: 400;
- border-bottom: 1px solid #c7c7c7;
+ font-size: 14px;
+ line-height: 19px;
+ overflow: hidden;
+ padding: 4px 0 4px 0;
+ min-height: 23px;
+ vertical-align: middle;
+ font-family: "Lato", sans-serif;
+ font-weight: 400;
+ border-bottom: 1px solid #c7c7c7;
}
h3 {
- border-bottom: 1px solid rgb(199, 199, 199);
- display: block;
- font-family: "Lato", sans-serif;
- font-weight: 400;
- font-size: 14px;
- line-height: 23px;
- min-height: 23px;
- overflow: hidden;
+ border-bottom: 1px solid rgb(199, 199, 199);
+ display: block;
+ font-family: "Lato", sans-serif;
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 23px;
+ min-height: 23px;
+ overflow: hidden;
}
body {
- font: 12px/18px "OpenSans", Ariel, sans-serif;
+ font: 12px/18px "OpenSans", Ariel, sans-serif;
}
p {
- color: rgb(51, 51, 51);
- display: block;
- font: normal normal normal normal 12px/18px OpenSans, Arial, sans-serif;
- font-variant: normal;
- text-align: left;
- visibility: visible;
- white-space: normal;
+ color: rgb(51, 51, 51);
+ display: block;
+ font: normal normal normal normal 12px/18px OpenSans, Arial, sans-serif;
+ font-variant: normal;
+ text-align: left;
+ visibility: visible;
+ white-space: normal;
}
table {
- border-collapse: collapse;
- font: normal normal normal normal 12px/18px OpenSans, Arial, sans-serif;
- width: 100%;
+ border-collapse: collapse;
+ font: normal normal normal normal 12px/18px OpenSans, Arial, sans-serif;
+ width: 100%;
}
th {
- background: rgb(238, 238, 238) none repeat-x scroll 0px 0px / auto padding-box border-box;
- border-right: 2px solid rgb(255, 255, 255);
- border-bottom: 1px solid rgb(255, 255, 255);
- padding: 3px 6px 2px;
- text-align: left;
- vertical-align: bottom;
+ background: rgb(238, 238, 238) none repeat-x scroll 0px 0px / auto padding-box
+ border-box;
+ border-right: 2px solid rgb(255, 255, 255);
+ border-bottom: 1px solid rgb(255, 255, 255);
+ padding: 3px 6px 2px;
+ text-align: left;
+ vertical-align: bottom;
}
td {
- margin: 0px;
- padding: 0px;
- text-align: left;
+ margin: 0px;
+ padding: 0px;
+ text-align: left;
}
tr {
- border-bottom: 1px solid rgb(199, 199, 199);
- padding: 4px 0px 3px;
+ border-bottom: 1px solid rgb(199, 199, 199);
+ padding: 4px 0px 3px;
}
input {
- border-radius: 13px;
- height: 24px;
- border-color: #515151;
- outline: none;
+ border-radius: 13px;
+ height: 24px;
+ border-color: #515151;
+ outline: none;
}
input:focus {
- border-color: #3395ff;
- outline: none;
+ border-color: #3395ff;
+ outline: none;
}
button {
- margin-left: 5px;
- color: #333333;
- background-color: #ccc;
- background-image: none;
- border: 2px solid transparent;
- height: 24px;
- line-height: 22px;
- white-space: nowrap;
- width: auto;
- min-width: 0px;
- font-size: 12px;
- padding: 0 6px !important;
- font-family: "OpenSans", Arial, sans-serif;
- text-align: center;
- background-repeat: no-repeat;
- box-sizing: border-box;
- box-shadow: 0 0 0 1px transparent inset;
- writing-mode: horizontal-tb !important;
- appearance: auto;
- text-rendering: auto;
- align-items: flex-start;
+ margin-left: 5px;
+ color: #333333;
+ background-color: #ccc;
+ background-image: none;
+ border: 2px solid transparent;
+ height: 24px;
+ line-height: 22px;
+ white-space: nowrap;
+ width: auto;
+ min-width: 0px;
+ font-size: 12px;
+ padding: 0 6px !important;
+ font-family: "OpenSans", Arial, sans-serif;
+ text-align: center;
+ background-repeat: no-repeat;
+ box-sizing: border-box;
+ box-shadow: 0 0 0 1px transparent inset;
+ writing-mode: horizontal-tb !important;
+ appearance: auto;
+ text-rendering: auto;
+ align-items: flex-start;
}
/* button {
@@ -123,60 +124,60 @@ button {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0);
} */
button:hover {
- background-color: #eeeeee;
- border-color: #007aff;
- color: var(--font-black);
- box-shadow: 0 1px 1px #ddd;
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
+ background-color: #eeeeee;
+ border-color: #007aff;
+ color: var(--font-black);
+ box-shadow: 0 1px 1px #ddd;
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
button:active,
button:active:hover {
- border-color: #007aff;
- background-color: #d5d5d5;
- color: #007aff;
- box-shadow: 1px 0 1px #ddd;
- box-shadow: 1px 0 1px rgba(0, 0, 0, 0.3);
+ border-color: #007aff;
+ background-color: #d5d5d5;
+ color: #007aff;
+ box-shadow: 1px 0 1px #ddd;
+ box-shadow: 1px 0 1px rgba(0, 0, 0, 0.3);
}
button[disabled],
button[disabled]:hover,
button[disabled]:active {
- background-image: none;
- border-style: dashed;
- background-color: transparent;
- color: #666;
- border-color: #666;
- box-shadow: none;
+ background-image: none;
+ border-style: dashed;
+ background-color: transparent;
+ color: #666;
+ border-color: #666;
+ box-shadow: none;
}
button:focus {
- background-color: #eeeeee;
+ background-color: #eeeeee;
}
.themeLinkStyle {
- color: #007aff;
+ color: #007aff;
}
.themeLinkStyle:link,
.themeLinkStyle:visited {
- color: #007aff;
+ color: #007aff;
}
.themeLinkStyle:hover,
.themeLinkStyle:focus {
- color: #ffffff;
+ color: #ffffff;
}
.themeLinkStyle:active,
.themeLinkStyle:active:hover {
- background-color: #d5d5d5;
+ background-color: #d5d5d5;
}
.transparentButtonStyle {
- background-color: transparent;
- border: 1px solid transparent;
+ background-color: transparent;
+ border: 1px solid transparent;
}
.transparentButtonStyle:hover {
- background-color: transparent;
- border-color: transparent;
+ background-color: transparent;
+ border-color: transparent;
}
.transparentButtonStyle:active {
- background-color: transparent;
+ background-color: transparent;
}
.transparentButtonStyle[disabled] {
- opacity: 0.6;
- cursor: default;
+ opacity: 0.6;
+ cursor: default;
}
diff --git a/src/views/About.vue b/src/views/About.vue
deleted file mode 100644
index f96be2d..0000000
--- a/src/views/About.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-
-
-
About
-
-
\ No newline at end of file
diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue
new file mode 100644
index 0000000..18e2890
--- /dev/null
+++ b/src/views/AboutView.vue
@@ -0,0 +1,5 @@
+
+
+
About
+
+
diff --git a/src/views/Home.vue b/src/views/Home.vue
deleted file mode 100644
index e75b488..0000000
--- a/src/views/Home.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-
-
-
Engagement Orchestration - Microservice Examples
-
Introduction
-
This site provides a set of microservices to augment Engagement Orchestration using the Adaptive
- Framework Integration.
-
Services Available
-
-
/referenceId
-
\ No newline at end of file
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
new file mode 100644
index 0000000..5fc7eeb
--- /dev/null
+++ b/src/views/HomeView.vue
@@ -0,0 +1,18 @@
+
+
+
Engagement Orchestration - Microservice Examples
+
Introduction
+
+ This site provides a set of microservices to augment Engagement
+ Orchestration using the
+ Adaptive Framework
+ Integration.
+
+
Services Available
+
+
/referenceId
+
diff --git a/src/views/InteractionsFlowView.vue b/src/views/InteractionsFlowView.vue
new file mode 100644
index 0000000..0885237
--- /dev/null
+++ b/src/views/InteractionsFlowView.vue
@@ -0,0 +1,353 @@
+
+
+
+
+
diff --git a/src/views/InteractionsSankey.vue b/src/views/InteractionsSankey.vue
deleted file mode 100644
index 15827e1..0000000
--- a/src/views/InteractionsSankey.vue
+++ /dev/null
@@ -1,337 +0,0 @@
-
-
-
-
-
\ No newline at end of file
diff --git a/src/views/ReferenceID.vue b/src/views/ReferenceID.vue
deleted file mode 100644
index 6cf85ce..0000000
--- a/src/views/ReferenceID.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-
-
-
-
Search Criteria
-
- Reference ID:
- Search Contacts
-
-
-
Results
-
-
No Contacts Found
-
-
-
-
-
-
diff --git a/src/views/SearchByReferenceView.vue b/src/views/SearchByReferenceView.vue
new file mode 100644
index 0000000..f6742b3
--- /dev/null
+++ b/src/views/SearchByReferenceView.vue
@@ -0,0 +1,69 @@
+
+
+
+
Search Criteria
+
+ Reference ID:
+ Search Contacts
+
+
+
Results
+
+
No Contacts Found
+
+
+
+
diff --git a/vite.config.js b/vite.config.js
index 315212d..0a8bd80 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,7 +1,7 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
// https://vitejs.dev/config/
export default defineConfig({
- plugins: [vue()]
-})
+ plugins: [vue()],
+});