workspace   "IXOlist | Token Sale | Architectures" {
    !identifiers hierarchical

    model {
      properties {
          "structurizr.groupSeparator" "/"
        }

      
      group         "IXOlist" {
          token-sale-main = softwareSystem             "Token sale" {
              description "Architectures"
          
              tags "Architectures softwaresystem"
          
              url "https://ixolist.netlify.app/apps/token-sale/"
            }
      
          group             "Tolen Sale" {
            advertisement-division = softwareSystem               "Division" {
                tags "Input Field"
              }
      
            advertisement-value = softwareSystem               "Value" {
                tags "Input Field"
              }
      
            advertisement-symbol = softwareSystem               "Symbol" {
                tags "Input Field"
              }
      
            advertisement-network = softwareSystem               "Network" {
                tags "Input Field"
              }
      
            advertisement-published = softwareSystem               "Published" {
                tags "Input Field"
              }
      
            advertisement-smart_contract = softwareSystem               "Smart Contract" {
                tags "Input Field"
              }
      
            advertisement-organization = softwareSystem               "Organization" {
                tags "Input Field"
              }
      
            create = softwaresystem               "Create" {
                group                   "Seller" {
                
                    division = container                        "Division"  {
                    
                        tags "Input Field"
                    
                      }
                    
                    button-dpor-list = container                       "*" {
                        tags "Button drop list"
                      }
                
                  }
                
                
                group                   "Pricing" {
                
                    smart_contract = container                        "Smart contract*"  {
                    
                        tags "Input Field"
                    
                      }
                    
                    tokens = container                        "Token*"  {
                    
                        tags "Input Field"
                    
                      }
                    
                    value = container                        "Amount*"  {
                    
                        tags "Input Field"
                    
                      }
                    
                    submit = container                        "Submit"  {
                    
                        tags "Button"
                    
                      }
                    
                    button-dpor-list-2 = container                       "***" {
                        tags "Button drop list"
                      }
                    
                    button-check = container                       "****" {
                        tags "Button check"
                      }
                
                  }
                
                group                   "Offering" {
                
                    smart_cotract = container                        "Smart contract"  {
                    
                        tags "Input Field"
                    
                      }
                    
                    token = container                        "Token"  {
                    
                        tags "Input Field"
                    
                      }
                    
                    offered = container                        "Amount"  {
                    
                        tags "Input Field"
                    
                      }
                    
                    button-dpor-list-1 = container                       "**" {
                        tags "Button drop list"
                      }
                
                  }
                
                group                   "Navigation buttons" {
                    back = container                       "<  Back" {
                        tags "Button navigation"
                      }
                    
                    forward = container                       ">  Forward" {
                        tags "Button navigation"
                      }
                  }
            
                tags "Button state"
              }
      
            token-sale = softwareSystem               "Advertisement" {
                
                
                main_info = container                   "Main info" {
                
                    
                    
                    
                    
                    
                    
                    value = component                        "Value"  {
                    
                        tags "Input Field"
                    
                      }
                    
                    symbol = component                        "Symbol"  {
                    
                        tags "Input Field"
                    
                      }
                    
                    smart_contract = component                        "Smart contract"  {
                    
                        tags "Input Field"
                    
                      }
                    
                    organization = component                        "Organization"  {
                    
                        tags "Input Field"
                    
                      }
                    
                    division = component                        "Division"  {
                    
                        tags "Input Field"
                    
                      }
                    
                    network = component                        "Network"  {
                    
                        tags "Input Field"
                    
                      }
                    
                    published = component                        "Published"  {
                    
                        tags "Input Field"
                    
                      }
                
                    tags "Info"
                
                  }
                
                price = container                   "Prices for one token" {
                
                    tags "Info"
                
                  }
                
                buy = container                   "Buy" {
                
                    tags "Button state"
                
                    
                    
                    
                    
                    
                    
                    division = component                        "Division"  {
                    
                        tags "Input Field"
                    
                      }
                    
                    payment_token = component                        "Payment Token"  {
                    
                        tags "Input Field"
                    
                      }
                    
                    buy_token = component                        "Buyment token"  {
                    
                        tags "Input Field"
                    
                      }
                
                  }
                
                edit = container                   "Edit" {
                    tags "Button state"
                
                    
                    
                    group                       "General" {
                    
                        remove = component                            "Remove"  {
                        
                            tags "Button"
                        
                          }
                    
                      }
                    
                    
                    group                       "Pricing" {
                    
                        smart_contract = component                            "Smart contract"  {
                        
                            tags "Input Field"
                        
                          }
                        
                        token = component                            "Token"  {
                        
                            tags "Input Field"
                        
                          }
                        
                        value = component                            "Value"  {
                        
                            tags "Input Field"
                        
                          }
                        
                        button-drop-list = component                           "*" {
                            tags "Button drop list"
                          }
                        
                        button-check = component                           "**" {
                            tags "Button check"
                          }
                    
                      }
                    
                    group                       "Offering" {
                    
                        offered = component                            "Amount"  {
                        
                            tags "Input Field"
                        
                          }
                    
                      }
                
                  }
                
                publish = container                   "Publish" {
                
                    tags "Button"
                
                  }
                
                unpublish = container                   "Unpublish" {
                
                    tags "Button"
                
                  }
                
                transfer = container                   "Transfer to deposit" {
                
                    tags "Button"
                
                  }
            
                tags "Button Rout"
              }
          }
        }
      
      
      
      
      
      #!include \
      # "./4-code/index.dsl"
      
      
    }

    views {
      properties {
          "structurizr.sort" "created"
        }
      systemLandscape "ixolist-token_sale-architectures-systemlandscape"  {
          title "IXOlist | Token Sale | Architectures"
      
          include "token-sale-main"
        }
      
      systemcontext "token-sale"          "ixolist-token_sale-architecture-advertisements-systemcontext" {
          title "IXOlist | Token Sale # Advertisements"
      
          include *
          
          include "advertisement-division"
          
          include "advertisement-network"
          
          include "advertisement-organization"
          
          include "advertisement-published"
          
          include "advertisement-smart_contract"
          
          include "advertisement-symbol"
          
          include "advertisement-value"
          
          include "create"
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      container "create"         "ixolist-token_sale-architecture-token-sale-create-container"  {
      
          title "IXOlist | Token Sale | Advertisement - create"
      
          properties {
      
            "structurizr.softwareSystemBoundaries" "true"
      
          }
      
          # include "object identifier"
          
          
          include *
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      
      container "token-sale"          "ixolist-token_sale-architecture-advertisement-director-publish-container" {
      
          title "IXOlist | Token Sale | Advertisement - publish @ Director"
      
          # include "object identifier"
          
          include token-sale.main_info
          
          include token-sale.price
          
          include token-sale.publish
          
          include token-sale.edit
          
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      container "token-sale"          "ixolist-token_sale-architecture-advertisement-director-unpublish-container" {
      
          title "IXOlist | Token Sale | Advertisement - unpublish @ Director"
      
          # include "object identifier"
          
          include token-sale.main_info
          
          include token-sale.price
          
          include token-sale.unpublish
          
          include token-sale.edit
          
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      container "token-sale"          "ixolist-token_sale-architecture-advertisement-buyer-container" {
      
          title "IXOlist | Token Sale | Advertisement @ Buyer"
      
          # include "object identifier"
          
          include token-sale.main_info
          
          include token-sale.price
          
          include token-sale.buy
          
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      container "token-sale"          "ixolist-token_sale-architecture-advertisement-accountant-container" {
      
          title "IXOlist | Token Sale | Advertisement @ Accountant"
      
          # include "object identifier"
          
          include token-sale.main_info
          
          include token-sale.price
          
          include token-sale.transfer
          
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      component "token-sale.main_info"         "ixolist-token_sale-architecture-token-sale-main-info-component"  {
      
          title "IXOlist | Token Sale | Advertisement # Main Info"
      
          properties {
      
            "structurizr.softwareSystemBoundaries" "true"
      
          }
      
          # include "object identifier"
          
          
          include *
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      
      component "token-sale.edit"         "ixolist-token_sale-architecture-token-sale-edit-general-component"  {
      
          title "IXOlist | Token Sale | Advertisement - edit # General"
      
          properties {
      
            "structurizr.softwareSystemBoundaries" "true"
      
          }
      
          # include "object identifier"
          
          
          include *
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          exclude "token-sale.edit.offered"
          
          exclude "token-sale.edit.smart_contract"
          
          exclude "token-sale.edit.token"
          
          exclude "token-sale.edit.value"
          
          exclude "token-sale.edit.button-check"
          
          exclude "token-sale.edit.button-drop-list"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      
      component "token-sale.edit"         "ixolist-token_sale-architecture-token-sale-edit-priving-component"  {
      
          title "IXOlist | Token Sale | Advertisement - edit # Pricing"
      
          properties {
      
            "structurizr.softwareSystemBoundaries" "true"
      
          }
      
          # include "object identifier"
          
          
          include *
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          exclude "token-sale.edit.offered"
          
          exclude "token-sale.edit.remove"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      
      component "token-sale.edit"         "ixolist-token_sale-architecture-token-sale-edit-offering-component"  {
      
          title "IXOlist | Token Sale | Advertisement - edit # Offering"
      
          properties {
      
            "structurizr.softwareSystemBoundaries" "true"
      
          }
      
          # include "object identifier"
          
          
          include *
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          exclude "token-sale.edit.remove"
          
          exclude "token-sale.edit.smart_contract"
          
          exclude "token-sale.edit.token"
          
          exclude "token-sale.edit.value"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      
      component "token-sale.buy"         "ixolist-token_sale-architecture-token-sale-buy-component"  {
      
          title "IXOlist | Token Sale | Advertisement - buy"
      
          properties {
      
            "structurizr.softwareSystemBoundaries" "true"
      
          }
      
          # include "object identifier"
          
          
          include *
          
          # include "identifier relstionship -> identifier relstionship"
      
          # exclude "object identifier"
          
          # exclude "identifier relstionship -> identifier relstionship"
      
        }
      
      
      #!include \
      #"./4-code/index.dsl"
      
      
      styles {
      
        element           "Input Field" {
            shape "box"
            width "600"
            height "150"
            background "white"
            opacity "100"
          }
        
        element           "Input Field" {
            border "solid"
            strokeWidth "5"
            stroke " #e6e6e6"
          }
        
        element           "Input Field" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        
        element           "Input Field" {
            fontSize "24"
            color "black"
            colour "black"
          }
        
        element           "Button Rout" {
            shape "box"
            width "370"
            height "115"
            background "white"
            opacity "100"
          }
        
        element           "Button Rout" {
            border "dashed"
            strokeWidth "0"
            stroke "black"
          }
        
        element           "Button Rout" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        
        element           "Button Rout" {
            fontSize "16"
            color "black"
          }
        
        element           "Info" {
            shape "box"
            width "370"
            height "250"
            background "white"
            opacity "100"
          }
        
        element           "Info" {
            border "solid"
            strokeWidth "0"
            stroke "black"
          }
        
        element           "Info" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        
        element           "Info" {
            fontSize "20"
            color "black"
          }
        
        element           "Button" {
            shape "roundedbox"
            width "260"
            height "120"
            background "black"
            opacity "100"
          }
        
        element           "Button" {
            border "solid"
            strokeWidth "0"
        #    stroke "blue"
          }
        
        element           "Button" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "Button" {
            fontSize "16"
            color "white"
          }
        
        element           "Architectures softwaresystem" {
            shape "RoundedBox"
            width "450"
            height "300"
            background "white"
          #  opacity "100"
          }
        
        element           "Architectures softwaresystem" {
            border "solid"
            strokeWidth "5"
            stroke "black"
          }
        
        element           "Architectures softwaresystem" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "Architectures softwaresystem" {
            fontSize "26"
            color "Black"
        
          }
        
        element           "Button state" {
            shape "roundedbox"
            width "260"
            height "120"
            background "white"
            opacity "100"
          }
        
        element           "Button state" {
            border "dashed"
            strokeWidth "0"
            stroke "black"
          }
        
        element           "Button state" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        
        element           "Button state" {
            fontSize "16"
            color "black"
          }
        
        element           "Button navigation" {
            shape "roundedbox"
            width "260"
            height "120"
            background "white"
            opacity "100"
          }
        
        element           "Button navigation" {
            border "solid"
            strokeWidth "1"
            stroke "#e6e6e6"
          }
        
        element           "Button navigation" {
            description true
            metadata true
          #  icon <file|url>
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "Button navigation" {
            fontSize "16"
            color "#404040"
            colour "#404040"
          }
        
        element           "Button drop list" {
            shape "roundedbox"
            width "100"
            height "100"
            background "white"
            opacity "100"
          }
        
        element           "Button drop list" {
            border "solid"
            strokeWidth "5"
            stroke " #e6e6e6"
          }
        
        element           "Button drop list" {
            description true
            metadata false
            icon "../../../../../../../metadata/icon/button-drop-list/index.svg"
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "Button drop list" {
            fontSize "7"
            color "black"
            colour "black"
          }
        
        element           "Button check" {
            shape "roundedbox"
            width "100"
            height "100"
            background "white"
            opacity "100"
          }
        
        element           "Button check" {
            border "solid"
            strokeWidth "5"
            stroke " #e6e6e6"
          }
        
        element           "Button check" {
            description true
            metadata false
            icon "../../../../../../../metadata/icon/button-check/index.svg"
          }
        
        #!include \
        #  "./properties/index.dsl"
        
        element           "Button check" {
            fontSize "7"
            color "black"
            colour "black"
          }
      
      }
      
        
      terminology {
      
        }
      
    }
  }