@@ -4,7 +4,7 @@ permalink: 'devel/frontend/widgets/'
44---
55
66Epigraf uses a widget system to connect HTML elements with JavaScript classes.
7- The widget HTML elements are generated in the [ backend] ( devel/backend/view ) by helper classes derived from CakePHP helpers.
7+ The widget HTML elements are generated in the [ backend] ( /epigraf/ devel/backend/view) by helper classes derived from CakePHP helpers.
88
99Each JavaScript widget class registers a CSS class and the framework instantiates and attaches the widget classes
1010to the found elements. For example, a table with the class ` widget-table ` is supplemented by a ` TableWidget ` class.
@@ -31,7 +31,7 @@ The base classes of the framework are defined in `htdocs/js/base.js`:
3131 A document consists of several parts such as sections, footnotes and notes.
3232 Document classes hold together the different parts and manage the interaction between them.
3333
34- ![ Inheritance hierarchy] ( devel/assets/img/classes-widget-basemodel.png )
34+ ![ Inheritance hierarchy] ( /epigraf/ devel/assets/img/classes-widget-basemodel.png)
3535
3636### The Widget Life Cycle
3737
@@ -127,7 +127,7 @@ Frames are HTML elements attached to derivates of the `BaseFrame` class that han
127127- ` TabFrame ` : Responsible for tab sheets within in sidebars.
128128- ` PopupWindow ` : Responsible for popups and dialogs.
129129
130- ![ Inheritance hierarchy] ( devel/assets/img/classes-widget-baseframe.png )
130+ ![ Inheritance hierarchy] ( /epigraf/ devel/assets/img/classes-widget-baseframe.png)
131131
132132The frame classes handle dynamic content loading and trigger the respective widget lifecycle methods:
133133- ` loadElement() ` displays a DOM element already constructed on the page.
@@ -162,7 +162,7 @@ Layout widgets provide extended functionality for the page layout (see `layout.j
162162## Collections: Tables, Trees And Their Supplemental Widgets
163163
164164Collections are used to display lists of items, for example in tables or trees.
165- The HTML elements are generated by the collection views in the [ backend] ( devel/backend/view )
165+ The HTML elements are generated by the collection views in the [ backend] ( /epigraf/ devel/backend/view)
166166and are supplemented by JavaScript widgets.
167167
168168### TableWidget
@@ -215,7 +215,7 @@ Both are descendants of the `BaseForm` class supporting features for saving data
215215- Handle form validation and the form submission lifecycle.
216216- Emit events for other widgets reacting to content updates.
217217
218- ![ Inheritance hierarchy] ( devel/assets/img/classes-widget-basedocumentmodel.png )
218+ ![ Inheritance hierarchy] ( /epigraf/ devel/assets/img/classes-widget-basedocumentmodel.png)
219219
220220The ` EntityWidget ` is used for simple entities, usually displayed in a vertical table.
221221It inherits all methods and properties from ` BaseForm `
@@ -232,7 +232,7 @@ Parts of a document may be distributed on the page. Two cases are distinguished
232232 The main document and the satellites both derive from ` BaseDocumentPart `
233233 that provides some basic common methods on the frontend view layer.
234234- ** Subordinate** data contained within the main document widget or its satellite widgets
235- comprise, for example, sections and items (see the [ model layer in the backend] ( devel/backend/model ) ).
235+ comprise, for example, sections and items (see the [ model layer in the backend] ( /epigraf/ devel/backend/model) ).
236236 Both data types have model classes and a corresponding widget class that directly derive
237237 from ` BaseDocument ` which mainly allows accessing their parent documents, table names and ID attributes.
238238
0 commit comments