csInfo #4035
Updated by Redmine Admin 7 days ago
{{kroki(plantuml)
skinparam ranksep 20
skinparam dpi 125
<style>
rectangle {
HorizontalAlignment: left;
}
</style>
rectangle "Main" {
(main.view)
(singleton)
}
rectangle "Base" {
(base.component)
(component)
(model)
}
rectangle "<b>main.ts</b>" as main_ts
(component) ..> (base.component)
main_ts ==> (main.view)
(main.view) --> (component)
(main.view) ...> (singleton)
(singleton) ---> (model)
}}
The diagram above is shown by just simply put sample diagram code copied from [kroki.io](https://kroki.io) inside a macro.
The macro language is described in [redmine-kroki](https://github.com/JeffDess/redmine-kroki) plugin page.
This is the exact code:
```
{{kroki(plantuml)
skinparam ranksep 20
skinparam dpi 125
<style>
rectangle {
HorizontalAlignment: left;
}
</style>
rectangle "Main" {
(main.view)
(singleton)
}
rectangle "Base" {
(base.component)
(component)
(model)
}
rectangle "<b>main.ts</b>" as main_ts
(component) ..> (base.component)
main_ts ==> (main.view)
(main.view) --> (component)
(main.view) ...> (singleton)
(singleton) ---> (model)
}}
```
{{kroki(plantuml)
!include <C4/C4_Context>
title System Context diagram for Internet Banking System
Person(customer, "Banking Customer", "A customer of the bank, with personal bank accounts.")
System(banking_system, "Internet Banking System", "Allows customers to check their accounts.")
System_Ext(mail_system, "E-mail system", "The internal Microsoft Exchange e-mail system.")
System_Ext(mainframe, "Mainframe Banking System", "Stores all of the core banking information.")
Rel(customer, banking_system, "Uses")
Rel_Back(customer, mail_system, "Sends e-mails to")
Rel_Neighbor(banking_system, mail_system, "Sends e-mails", "SMTP")
Rel(banking_system, mainframe, "Uses")
}}
The diagram above is shown by just simply put sample diagram code copied from [kroki.io](https://kroki.io) inside a macro.
The macro language is described in [redmine-kroki](https://github.com/JeffDess/redmine-kroki) plugin page.
This is the exact code:
```
{{kroki(plantuml)
!include <C4/C4_Context>
title System Context diagram for Internet Banking System
Person(customer, "Banking Customer", "A customer of the bank, with personal bank accounts.")
System(banking_system, "Internet Banking System", "Allows customers to check their accounts.")
System_Ext(mail_system, "E-mail system", "The internal Microsoft Exchange e-mail system.")
System_Ext(mainframe, "Mainframe Banking System", "Stores all of the core banking information.")
Rel(customer, banking_system, "Uses")
Rel_Back(customer, mail_system, "Sends e-mails to")
Rel_Neighbor(banking_system, mail_system, "Sends e-mails", "SMTP")
Rel(banking_system, mainframe, "Uses")
}}
```
