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

    model {
        !ref igniteMobileFESystem {
            igniteMobileApp = container "Ignite Mobile App" "Provides a limited subset of the Core Ignite functionality to users via their mobile device." "Mobile App"
            tags "Ignite Group"
        }  
    }   
    
    views {
        systemcontext igniteMobileFESystem "SystemContext" {
            include *
            /*
            animation {
                internetBankingSystem
                customer
                mainframe
                email
            }
            */
            autoLayout
            description "The system context diagram for the Ignite Mobile Frontend System."
            properties {
                structurizr.groups false
            }
        }
        container igniteMobileFESystem "Containers" {
            include *
            /*
            animation {
                customer mainframe email
                MobileApplication
                singlePageApplication
                mobileApp
                apiApplication
                database
            }
            */
            autoLayout
            description "The container diagram for the Ignite Mobile Frontend System."
        }
        /*
        component igniteMobileApplication "Components" {
            include *
            
            animation {
                singlePageApplication mobileApp database email mainframe
                signinController securityComponent
                accountsSummaryController mainframeBankingSystemFacade
                resetPasswordController emailComponent
            }
            
            autoLayout
            description "The component diagram for the Ignite Mobile 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 "Ignite Group" {
                background #01CDCA 
                color #ffffff
                shape RoundedBox
            }
        }
    }
}