diff --git a/src/_spec.c4 b/src/_spec.c4 index 68041f1..1fd224b 100644 --- a/src/_spec.c4 +++ b/src/_spec.c4 @@ -7,8 +7,16 @@ specification { } } - element system - element component + element system { + style { + opacity 20% + } + } + element component { + style { + opacity 20% + } + } element service element webapp { style { @@ -30,4 +38,8 @@ specification { shape storage } } + + relationship solid { + line solid + } } diff --git a/src/cloud/backend.c4 b/src/cloud/backend.c4 index e716b65..a792a3a 100644 --- a/src/cloud/backend.c4 +++ b/src/cloud/backend.c4 @@ -17,10 +17,15 @@ model { tbl_sessions = db_table '[ sessions ]' { technology '<< private schema >>' description ' - Active sessions of logged in customers + Active sessions of + authenticated customers ' } - tbl_sessions -> tbl_customers 'belongs to' + tbl_sessions -> tbl_customers 'references to' { + style { + line solid + } + } } } @@ -44,41 +49,45 @@ views { include *, - cloud, - aws, - aws.pg, - cloud.backend -> aws.*, - cloud.backend -> aws.pg.* + aws._, + aws.pg._, + backend with { + navigateTo cloud + } style * { - color secondary - } - - style cloud, aws, aws.pg { - color muted + color amber + opacity 10% } style cloud.backend, cloud.backend.* { color green } + style aws.pg { + border solid + } + style cloud.ui { + color secondary + } } view aws_pg of aws.pg { title 'Databases' include *, - aws with { + pg with { title 'AWS - PostgreSQL' + navigateTo aws }, cloud, cloud.* -> pg.* - exclude pg style * { color secondary + opacity 10% } - style cloud, aws { + style cloud, pg { color muted } diff --git a/src/cloud/ui.c4 b/src/cloud/ui.c4 index 49a6735..eb6ee2a 100644 --- a/src/cloud/ui.c4 +++ b/src/cloud/ui.c4 @@ -30,11 +30,13 @@ views { view cloud_ui of cloud.ui { include *, - cloud, - aws, - cloud.ui -> aws.* + ui with { + navigateTo cloud + }, + aws._, + exclude - cloud.ui + cloud.backend -> aws.cognito style * { color secondary @@ -44,8 +46,11 @@ views { color muted } - style cloud.ui.* { + style ui, ui.* { color green } + style aws, aws.* { + color amber + } } } diff --git a/src/views.c4 b/src/views.c4 index d54f382..e8f07c9 100644 --- a/src/views.c4 +++ b/src/views.c4 @@ -1,8 +1,10 @@ views { - view index { + view index of customer { title 'System Landscape' - include * + include + *, + element.kind = system } view cloud of cloud { @@ -18,13 +20,32 @@ views { include *, cloud, - cloud.* -> aws.* - style aws, cloud { + cloud.* -> aws + + style * { color muted + border dotted + opacity 5% } style aws.* { color green } + style cloud.* { + color secondary + } } + view aws_cognito of aws.cognito { + include + *, + cloud.* -> + + style cloud.* { + color secondary + } + style aws.cognito { + color amber + } + } + }