workspace extends ../model.dsl {
    name "Retail Labs - Retail Connect Frontend System"
    description "Retail Connect Frontend System."

    model {
        !ref retailconnectFESystem {
            retailconnectWebApplication = container "Retail Connect Web Application" "Web Browser"
            tags "Retail Connect Group"
        }  
    }   
    
    views {
        systemcontext retailconnectFESystem "SystemContext" {
            include *
            /*
            animation {
                internetBankingSystem
                customer
                mainframe
                email
            }
            */
            autoLayout
            description "The system context diagram for Retail Connect web Frontend System."
            properties {
                structurizr.groups false
            }
        }
        container retailconnectFESystem "Containers" {
            include *
            /*
            animation {
                customer mainframe email
                webApplication
                singlePageApplication
                mobileApp
                apiApplication
                database
            }
            */
            autoLayout
            description "The container diagram for the Retail Connect Web Frontend System."
        }
        component retailconnectWebApplication "Components" {
            include *
            /*
            animation {
                singlePageApplication mobileApp database email mainframe
                signinController securityComponent
                accountsSummaryController mainframeBankingSystemFacade
                resetPasswordController emailComponent
            }
            */
            autoLayout
            description "The component diagram for the Retail Connect Web Application."
        }
        styles {
            element "Person" {
                background #555555 
                color #ffffff
                shape Person
            }
            element "Web Browser" {
                shape WebBrowser
            }
            element "Mobile App" {
                shape MobileDeviceLandscape
            }
            element "Database" {
                shape Cylinder
            }
            element "Retail Connect Group" {
                background #01CDCA 
                color #ffffff
                shape RoundedBox
            }
        }
    }
}