#//# --------------------------------------------------------------------------------------
#//# Created using Sequence Diagram for Mac
#//# https://www.macsequencediagram.com
#//# https://itunes.apple.com/gb/app/sequence-diagram/id1195426709?mt=12
#//# --------------------------------------------------------------------------------------
title "Product Page Search Engine (KingKong Search)"

participant User as user
participant Original_Site as front
participant Search_Site_Front as subsite
participant Subsite_Backend as back
participant Elastic_DB as elastic

activate user
activate front
activate subsite
activate back

user->front: Type Keyword of Product info
front->subsite: redirct to search page\n with Keyword
deactivate front

subsite->back: request keyword-search-get
elastic->back: search contents of keyword
back->subsite: respose search result page in json
subsite->subsite: render search result page

user->subsite: select a product

activate front

subsite->front: redirect back to Product Page of original site
deactivate subsite

front->front: render Product page
front->user: waiting for user decision


deactivate back
deactivate user