This document provides an overview of the structure and components of a Marionette dialog application, including the app router, layouts, regions, views, templates, models, and collections. It describes how the app uses a dialog layout containing regions for views, with item views for collections. Key aspects like events, UI bindings, and life cycle methods are also summarized.

1. Dialog Application
@MM.module
dialog-app.coffee
show-controller.coffee
The Brain
App Wide Events
Vent
ReqRes
Command/Execute
Async, Global Events
API
Async, Local Events
Views
Layout is an ItemView hybrid
Layout is a collection of Regions
Regions contain Views
Views optionally contain ItemViews
Start/Stop
regions (sub-region definition)
events (view specific JS events)
triggers (view specific JS events)
ui (explicit UI nodes)
modelEvents
collectionEvents
onShow / onClose / on*
custom methods
template (CompositeView)
id (container ID)
className (container class)
itemViewContainer (itemView class)
itemView (itemView)
Class
extends Marionette.*
Directory Structure
▼ scripts
▼ apps
▼ dialog
▼ show
▼ templates
▼ views
dialog-app.coffee
show-controller.coffee
dialog.html
dialog.coffee
App Router
Marionette.AppRouter
Layout(s)
Region(s)
View(s)
CompositeView CollectionView
ItemView
Template
Model
Collection
Model
Model