Show actions in visitorlog as a (unnumerated) timeline (#13916)

* Show actions in visitorlog as a (unnumerated) timeline

* use new svg icons in visitor log

* use new icons also for visitor type

* ligthen icons a bit

* improve icon alignment

* lighten icons bit more

* adjust line color

* Lighten svg images even further.

* Updating screenshots.

* show conversion count as green circle

* Fixing tests.

* Update expected screenshots.

10 files changed, 50 insertions, 0 deletions

diff --git a/plugins/Morpheus/images/action.svg b/plugins/Morpheus/images/action.svg
new file mode 100644
index 0000000000..3beac8e224
--- /dev/null
+++ b/plugins/Morpheus/images/action.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<title>folder</title>
+<path fill="#999999" d="M9.984 3.984l2.016 2.016h8.016c1.078 0 1.969 0.938 1.969 2.016v9.984c0 1.078-0.891 2.016-1.969 2.016h-16.031c-1.078 0-1.969-0.938-1.969-2.016v-12c0-1.078 0.891-2.016 1.969-2.016h6z"></path>
+</svg>
diff --git a/plugins/Morpheus/images/contentimpression.svg b/plugins/Morpheus/images/contentimpression.svg
new file mode 100644
index 0000000000..5966c89a05
--- /dev/null
+++ b/plugins/Morpheus/images/contentimpression.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<title>visibility</title>
+<path fill="#999999" d="M12 9c1.641 0 3 1.359 3 3s-1.359 3-3 3-3-1.359-3-3 1.359-3 3-3zM12 17.016c2.766 0 5.016-2.25 5.016-5.016s-2.25-5.016-5.016-5.016-5.016 2.25-5.016 5.016 2.25 5.016 5.016 5.016zM12 4.5c5.016 0 9.281 3.094 11.016 7.5-1.734 4.406-6 7.5-11.016 7.5s-9.281-3.094-11.016-7.5c1.734-4.406 6-7.5 11.016-7.5z"></path>
+</svg>
diff --git a/plugins/Morpheus/images/contentinteraction.svg b/plugins/Morpheus/images/contentinteraction.svg
new file mode 100644
index 0000000000..17b3044dec
--- /dev/null
+++ b/plugins/Morpheus/images/contentinteraction.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<title>touch_app</title>
+<path fill="#999999" d="M18.844 15.891c0.516 0.234 0.891 0.75 0.891 1.359v0.188l-0.75 5.297c-0.094 0.75-0.703 1.266-1.453 1.266h-6.797c-0.422 0-0.75-0.141-1.031-0.422l-4.969-4.969 0.797-0.797c0.188-0.188 0.469-0.328 0.797-0.328 0.094 0 0.141 0.047 0.234 0.047l3.422 0.703v-10.734c0-0.844 0.656-1.5 1.5-1.5s1.5 0.656 1.5 1.5v6h0.797c0.188 0 0.328 0.047 0.516 0.094zM9 11.25c-1.219-0.797-2.016-2.203-2.016-3.75 0-2.484 2.016-4.5 4.5-4.5s4.5 2.016 4.5 4.5c0 1.547-0.75 2.953-1.969 3.75v-3.75c0-1.359-1.172-2.484-2.531-2.484s-2.484 1.125-2.484 2.484v3.75z"></path>
+</svg>
diff --git a/plugins/Morpheus/images/download.svg b/plugins/Morpheus/images/download.svg
new file mode 100644
index 0000000000..0079bc4682
--- /dev/null
+++ b/plugins/Morpheus/images/download.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<title>cloud_download</title>
+<path fill="#999999" d="M17.016 12.984h-3v-3.984h-4.031v3.984h-3l5.016 5.016zM19.359 10.031c2.578 0.188 4.641 2.344 4.641 4.969 0 2.766-2.25 5.016-5.016 5.016h-12.984c-3.328 0-6-2.672-6-6 0-3.094 2.344-5.625 5.344-5.953 1.266-2.391 3.75-4.078 6.656-4.078 3.656 0 6.656 2.578 7.359 6.047z"></path>
+</svg>
diff --git a/plugins/Morpheus/images/ecommerceAbandonedCart.svg b/plugins/Morpheus/images/ecommerceAbandonedCart.svg
new file mode 100644
index 0000000000..1fe76a0915
--- /dev/null
+++ b/plugins/Morpheus/images/ecommerceAbandonedCart.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<title>remove_shopping_cart</title>
+<path fill="#999999" d="M6.984 18c1.078 0 2.016 0.938 2.016 2.016s-0.938 1.969-2.016 1.969-1.969-0.891-1.969-1.969 0.891-2.016 1.969-2.016zM15.563 12.984l-9-9h13.453c0.563 0 0.984 0.469 0.984 1.031 0 0.188-0.047 0.328-0.141 0.469l-3.563 6.469c-0.328 0.609-0.984 1.031-1.734 1.031zM7.406 15h5.063l-2.016-2.016h-2.344l-0.891 1.641-0.047 0.141c0 0.141 0.094 0.234 0.234 0.234zM22.734 22.734l-1.266 1.266-2.859-2.859c-0.375 0.516-0.938 0.844-1.594 0.844-1.078 0-2.016-0.891-2.016-1.969 0-0.656 0.328-1.266 0.844-1.641l-1.406-1.359h-7.453c-1.078 0-1.969-0.938-1.969-2.016 0-0.328 0.094-0.656 0.234-0.938l1.359-2.484-2.203-4.641-4.406-4.406 1.266-1.266z"></path>
+</svg>
diff --git a/plugins/Morpheus/images/ecommerceOrder.svg b/plugins/Morpheus/images/ecommerceOrder.svg
new file mode 100644
index 0000000000..4d53754c35
--- /dev/null
+++ b/plugins/Morpheus/images/ecommerceOrder.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<title>shopping_cart</title>
+<path fill="#999999" d="M17.016 18c1.078 0 1.969 0.938 1.969 2.016s-0.891 1.969-1.969 1.969-2.016-0.891-2.016-1.969 0.938-2.016 2.016-2.016zM0.984 2.016h3.281l0.938 1.969h14.813c0.563 0 0.984 0.469 0.984 1.031 0 0.188-0.047 0.328-0.141 0.469l-3.563 6.469c-0.328 0.609-0.984 1.031-1.734 1.031h-7.453l-0.891 1.641-0.047 0.141c0 0.141 0.094 0.234 0.234 0.234h11.578v2.016h-12c-1.078 0-1.969-0.938-1.969-2.016 0-0.328 0.094-0.656 0.234-0.938l1.359-2.484-3.609-7.594h-2.016v-1.969zM6.984 18c1.078 0 2.016 0.938 2.016 2.016s-0.938 1.969-2.016 1.969-1.969-0.891-1.969-1.969 0.891-2.016 1.969-2.016z"></path>
+</svg>
diff --git a/plugins/Morpheus/images/event.svg b/plugins/Morpheus/images/event.svg
new file mode 100644
index 0000000000..75bfc09ebd
--- /dev/null
+++ b/plugins/Morpheus/images/event.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<title>graphic_eq</title>
+<path fill="#999999" d="M18.984 9.984h2.016v4.031h-2.016v-4.031zM15 18v-12h2.016v12h-2.016zM3 14.016v-4.031h2.016v4.031h-2.016zM11.016 21.984v-19.969h1.969v19.969h-1.969zM6.984 18v-12h2.016v12h-2.016z"></path>
+</svg>
diff --git a/plugins/Morpheus/images/goal.svg b/plugins/Morpheus/images/goal.svg
new file mode 100644
index 0000000000..7fc744f24b
--- /dev/null
+++ b/plugins/Morpheus/images/goal.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<title>flag</title>
+<path fill="#999999" d="M14.391 6h5.625v9.984h-7.031l-0.375-1.969h-5.625v6.984h-1.969v-17.016h9z"></path>
+</svg>
diff --git a/plugins/Morpheus/images/link.svg b/plugins/Morpheus/images/link.svg
new file mode 100644
index 0000000000..e4f9081436
--- /dev/null
+++ b/plugins/Morpheus/images/link.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<title>open_in_new</title>
+<path fill="#999999" d="M14.016 3h6.984v6.984h-2.016v-3.563l-9.797 9.797-1.406-1.406 9.797-9.797h-3.563v-2.016zM18.984 18.984v-6.984h2.016v6.984c0 1.078-0.938 2.016-2.016 2.016h-13.969c-1.125 0-2.016-0.938-2.016-2.016v-13.969c0-1.078 0.891-2.016 2.016-2.016h6.984v2.016h-6.984v13.969h13.969z"></path>
+</svg>
diff --git a/plugins/Morpheus/images/search.svg b/plugins/Morpheus/images/search.svg
new file mode 100644
index 0000000000..0598478f2b
--- /dev/null
+++ b/plugins/Morpheus/images/search.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<title>search</title>
+<path fill="#999999" d="M9.516 14.016c2.484 0 4.5-2.016 4.5-4.5s-2.016-4.5-4.5-4.5-4.5 2.016-4.5 4.5 2.016 4.5 4.5 4.5zM15.516 14.016l4.969 4.969-1.5 1.5-4.969-4.969v-0.797l-0.281-0.281c-1.125 0.984-2.625 1.547-4.219 1.547-3.609 0-6.516-2.859-6.516-6.469s2.906-6.516 6.516-6.516 6.469 2.906 6.469 6.516c0 1.594-0.563 3.094-1.547 4.219l0.281 0.281h0.797z"></path>
+</svg>