= Apache Causeway in Pictures

:Notice: Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements. See the NOTICE file distributed with this work for additional information regarding copyright ownership. The ASF licenses this file to you under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at. http://www.apache.org/licenses/LICENSE-2.0 . Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR  CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

// TODO: v2: NICE-TO-HAVE: these screenshots should be updated, but first need to port the todoapp over first (which also means the various modules from incode-platform)

On this page we want to show you what an Apache Causeway application looks like, running on the xref:vw:ROOT:about.adoc[Web UI (Wicket viewer)].
The screenshots below are taken from a "Todo" application.

NOTE: these screenshots are based on an app running against v1.13  and v1.10 of the framework.
There have been a number of UI improvements since these releases.

== Basics

Let's start with the basics...

=== Sign-in

Apache Causeway integrates with a variety of authentication mechanisms, including link:http://shiro.apache.org[Apache Shiro], link:https://spring.io/projects/spring-security[Spring Security] and link:https://www.keycloak.org/[Keycloak].

The xref:security:ROOT:about.adoc[SecMan extension] provides a well-features subdomain of users, roles and permissions against features derived from the Apache Causeway metamodel.



image::what-is-apache-causeway/causeway-in-pictures/010-login.png[width="800px"]

=== Install Fixtures

Apache Causeway has lots of features to help you prototype and then fully test your application.
One such are fixture scripts, which allow pre-canned data to be installed in the running application.
This is great to act as the starting point for identifying new stories; later on when the feature is being implemented, the same fixture script can be re-used within that feature's integration tests.
(More on tests later).


image::what-is-apache-causeway/causeway-in-pictures/020-install-fixtures.png[width="800px"]

=== Dashboard and View Models

Most of the time the end-user interacts with representations of persistent domain entities, but Apache Causeway also supports view models which can aggregate data from multiple sources.
The todoapp example uses a "dashboard" view model to list todo items not yet done vs those completed.

image::what-is-apache-causeway/causeway-in-pictures/030-dashboard-view-model.png[width="800px"]

In general we recommend to initially focus only on domain entities; this will help drive out a good domain model.
Later on view models can be introduced in support of specific use cases.

=== Domain Entity

The screenshot below is of the todoapp's `ToDoItem` domain entity.
Like all web pages, this UI is generated at runtime, directly from the domain object itself.
There are no controllers or HTML to write.


image::what-is-apache-causeway/causeway-in-pictures/040-domain-entity.png[width="800px"]


In addition to the domain entity, Apache Causeway allows layout metadata hints to be provided, for example to specify the grouping of properties, the positioning of those groups into columns, the association of actions (the buttons) with properties or collections, the icons on the buttons, and so on.
This metadata can be specified either as annotations or in XML form.
The benefit of the latter is that it can be updated (and the UI redrawn) without restarting the app.

Any production-ready app will require this metadata but (like the view models discussed above) this metadata can be added gradually on top of the core domain model.

=== Edit properties

By default properties on domain entities are editable, meaning they can be changed directly.
In the todoapp example, the `ToDoItem`'s description is one such editable property:

image::what-is-apache-causeway/causeway-in-pictures/050-edit-property.png[width="800px"]


Note that some of the properties are read-only even in edit mode; individual properties can be made non-editable.
It is also possible to make all properties disabled and thus enforce changes only through actions (below).

=== Actions

The other way to modify an entity is to an invoke an action.
In the screenshot below the ``ToDoItem``'s category and subcategory can be updated together using an action:

image::what-is-apache-causeway/causeway-in-pictures/060-invoke-action.png[width="800px"]


There are no limitations on what an action can do; it might just update a single object, it could update multiple objects.
Or, it might not update any objects at all, but could instead perform some other activity, such as sending out email or printing a document.

In general though, all actions are associated with some object, and are (at least initially) also implemented by that object: good old-fashioned encapsulation.
We sometimes use the term "behaviourally complete" for such domain objects.

=== Mixins

As an alternative to placing actions (business logic) on a domain object, it can instead be placed inside a mixin object.
When an object is rendered by Apache Causeway, the mixin "contributes" its behaviour to the domain object (similar to aspect-oriented traits).

In the screenshot below the highlighted "export as xml" action, the "relative priority" property (and "previous" and "next" actions) the "similar to" collection and the two "as DTO" actions are all contributed by mixins:

image::what-is-apache-causeway/causeway-in-pictures/065-contributions.png[width="800px"]

== Extensible Views


The Apache Causeway viewer is implemented using http://wicket.apache.org[Apache Wicket], and has been designed to be extensible.
For example, when a collection of objects is rendered, this is just one of several views, as shown in the selector drop-down:

image::what-is-apache-causeway/causeway-in-pictures/070-pluggable-views.png[width="800px"]

// There are a number of optional extensions provided with the framework.
// One such is the xref:vw:gmap3:about.adoc[Gmap3] extension, that will render any domain entity (such as `ToDoItem`) that implements its `Locatable` interface:
//
// image::what-is-apache-causeway/causeway-in-pictures/080-gmap3-view.png[width="800px"]




Similarly the xref:vw:fullcalendar:about.adoc[Fullcalendar2] extension will render any domain entity (such as `ToDoItem`) that implements its `Calendarable` interface:

image::what-is-apache-causeway/causeway-in-pictures/090-fullcalendar2-view.png[width="800px"]


The xref:vw:exceldownload:about.adoc[Excel Download] component is rather simple: it simply provides a download button to the table as a spreadsheet:

image::what-is-apache-causeway/causeway-in-pictures/100-excel-view-and-docx.png[width="800px"]




== Security, Auditing and more...

As well as providing extensions to the UI, the xref:extensions:ROOT:about.adoc[extensions] provide a rich set of modules to support various cross-cutting concerns.

Under the activity menu are four sets of services which provide support on user session logging/auditing, command module (profiling and replay), audit module (audit object changes) and (inter-system) event publishing:

image::what-is-apache-causeway/causeway-in-pictures/120-auditing.png[width="800px"]


In the security menu is access to the rich set of functionality provided by the xref:security:ROOT:about.adoc[SecMan extension]:

image::what-is-apache-causeway/causeway-in-pictures/130-security.png[width="800px"]




In the prototyping menu is the ability to download a GNU gettext `.po` file for translation.
This file can then be translated into multiple languages so that your app can support different locales.

image::what-is-apache-causeway/causeway-in-pictures/140-i18n.png[width="800px"]





=== Multi-tenancy support

One significant feature of the xref:security:ROOT:about.adoc[SecMan extension] is the ability to associate users and objects with a "tenancy".
The todoapp uses this feature so that different users' list of todo items are kept separate from one another.
A user with administrator is able to switch their own "tenancy" to the tenancy of some other user, in order to access the objects in that tenancy:

image::what-is-apache-causeway/causeway-in-pictures/160-switch-tenancy.png[width="800px"]



For more details, see the xref:security:ROOT:about.adoc[SecMan extension].

=== Me

Most of the xref:security:ROOT:about.adoc[SecMan extension]'s services are on the security menu, which would normally be provided only to administrators.
Kept separate is the "me" action:

image::what-is-apache-causeway/causeway-in-pictures/170-me.png[width="800px"]



Assuming they have been granted permissions, this allows a user to access an entity representing their own user account:

image::what-is-apache-causeway/causeway-in-pictures/180-app-user-entity.png[width="800px"]



If not all of these properties are required, then they can be hidden either using security or though Apache Causeway' internal event bus (described below).
Conversely, additional properties can be "grafted onto" the user using the contributed properties/collections discussed previously.

=== Themes

Apache Causeway' Wicket viewer uses http://getbootstrap.com[Twitter Bootstrap], which means that it can be themed.
If more than one theme has been configured for the app, then the viewer allows the end-user to switch their theme:

image::what-is-apache-causeway/causeway-in-pictures/190-switch-theme.png[width="800px"]

== REST API

In addition to Apache Causeway' Wicket viewer, it also provides a rich REST API with a full set of hypermedia controls, generated automatically from the domain objects (entities and view models).
The framework provides two default representations, one an implementation of the http://restfulobjects.org[Restful Objects] spec, the other a simplified representation suitable for custom JavaScript apps.
Other representations can be plugged in.

The screenshot below shows accessing the Restful Objects representation API accessed through a Chrome plugin:

image::what-is-apache-causeway/causeway-in-pictures/200-rest-api.png[width="800px"]


The framework also automatically integrates with Swagger, generating a Swagger spec from the underlying domain object model.
From this spec REST clients can be code-generated; it also allows developers to play with the REST API through the Swagger UI:


image::what-is-apache-causeway/causeway-in-pictures/205-swagger-ui.png[width="800px"]

== Integration Testing Support

Earlier on we noted that Apache Causeway allows fixtures to be installed through the UI.
These same fixture scripts can be reused within integration tests.
For example, the code snippet below shows how the `FixtureScripts` service injected into an integration test can then be used to set up data:

image::what-is-apache-causeway/causeway-in-pictures/210-fixture-scripts.png[width="500px"]



The tests themselves are run in junit.
While these are integration tests (so talking to a real database), they are no more complex than a regular unit test:

image::what-is-apache-causeway/causeway-in-pictures/220-testing-happy-case.png[width="400px"]



To simulate the business rules enforced by Apache Causeway, the domain object can be "wrapped" in a proxy.
For example, if using the Wicket viewer then Apache Causeway will enforce the rule (implemented in the `ToDoItem` class itself) that a completed item cannot have the "completed" action invoked upon it.
The wrapper simulates this by throwing an appropriate exception:

image::what-is-apache-causeway/causeway-in-pictures/230-testing-wrapper-factory.png[width="550px"]

== Internal Event Bus

Contributions, discussed earlier, are an important tool in ensuring that the packages within your Apache Causeway application are decoupled; by extracting out actions the order of dependency between packages can effectively be reversed.

Another important tool to ensure your codebase remains maintainable is Apache Causeway' internal event bus.
It is probably best explained by example; the code below says that the "complete" action should emit a `ToDoItem.Completed` event:

image::what-is-apache-causeway/causeway-in-pictures/240-domain-events.png[width="400px"]





Domain service (application-scoped, stateless) can then subscribe to this event:

image::what-is-apache-causeway/causeway-in-pictures/250-domain-event-subscriber.png[width="450px"]




And this test verifies that completing an action causes the subscriber to be called:

image::what-is-apache-causeway/causeway-in-pictures/260-domain-event-test.png[width="850px"]



In fact, the domain event is fired not once, but (up to) 5 times.
It is called 3 times prior to execution, to check that the action is visible, enabled and that arguments are valid.
It is then additionally called prior to execution, and also called after execution.
What this means is that a subscriber can in either veto access to an action of some publishing object, and/or it can perform cascading updates if the action is allowed to proceed.

Moreover, domain events are fired for all properties and collections, not just actions.
Thus, subscribers can therefore switch on or switch off different parts of an application.
Indeed, the example todoapp demonstrates this.

