2626
2727$ wizard ->addStep ('User Interface ' , function ($ page ) {
2828 $ t = \atk4 \ui \Text::addTo ($ page );
29- $ t ->addParagraph (<<< 'EOF'
29+ $ t ->addParagraph (
30+ <<< 'EOF'
3031Agile Toolkit is a "Low Code Framework" written in PHP. It is designed to simplify all aspects of web application creation:
3132EOF
3233 );
33- $ t ->addHTML (<<< 'HTML'
34+ $ t ->addHTML (
35+ <<< 'HTML'
3436<ul>
3537 <li>No front-end coding necessary (like JavaScript)</li>
3638 <li>No Database coding required (like SQL)</li>
4446
4547 $ t ->addParagraph ('Your ATK code instead takes a more declarative approach. You work with things like: ' );
4648
47- $ t ->addHTML (<<< 'HTML'
49+ $ t ->addHTML (
50+ <<< 'HTML'
4851<ul>
4952 <li>Models and fields</li>
5053 <li>Model User actions</li>
5659HTML
5760 );
5861
59- $ t ->addParagraph (<<< 'EOF'
62+ $ t ->addParagraph (
63+ <<< 'EOF'
6064Since 2017 our collection of built-in widgets, add-ons have grown significantly and today Agile Toolkit is a mature
6165and production ready framework.
6266EOF
6973
7074$ wizard ->addStep ('Interactivity ' , function ($ page ) {
7175 $ t = \atk4 \ui \Text::addTo ($ page );
72- $ t ->addParagraph (<<< 'EOF'
76+ $ t ->addParagraph (
77+ <<< 'EOF'
7378PHP is a server-side language. That prompted us to implement server-side UI actions. They are very easy to define -
7479no need to create any routes or custom routines, simply define a PHP closure like this:
7580EOF
7681 );
7782
78- Demo::addTo ($ page )->setCode (<<<'CODE'
83+ Demo::addTo ($ page )->setCode (
84+ <<<'CODE'
7985$button = \atk4\ui\Button::addTo($app, ["Click for the greeting!"]);
8086$button->on('click', function() {
8187 return 'Hello World!';
8591 );
8692
8793 $ t = \atk4 \ui \Text::addTo ($ page );
88- $ t ->addParagraph (<<< 'EOF'
94+ $ t ->addParagraph (
95+ <<< 'EOF'
8996A component of Agile Toolkit (callback) enables seamless communication between the frontend components (which are often
9097written in VueJS) and the backend. We also support seamless reloading of any UI widget:
9198EOF
9299 );
93100
94- Demo::addTo ($ page )->setCode (<<<'CODE'
101+ Demo::addTo ($ page )->setCode (
102+ <<<'CODE'
95103
96104$seg = \atk4\ui\View::addTo($app, ['ui'=>'segment']);
97105
113121 );
114122
115123 $ t = \atk4 \ui \Text::addTo ($ page );
116- $ t ->addParagraph (<<< 'EOF'
124+ $ t ->addParagraph (
125+ <<< 'EOF'
117126This demo also shows you how to create composite views. The '$seg' above contains text, paginator, divider and some
118127buttons. Interestingly, Paginator view also consists of buttons and Agile Toolkit renders everything reliably.
119128EOF
122131
123132$ wizard ->addStep ('Business Model ' , function ($ page ) {
124133 $ t = \atk4 \ui \Text::addTo ($ page );
125- $ t ->addParagraph (<<< 'EOF'
134+ $ t ->addParagraph (
135+ <<< 'EOF'
126136One major benefit of Server Side Rendered applications is ability to directly interact with data. In other applications
127137you may need to manually process data but in Agile Toolkit we use data mapping framework.
128138EOF
129139 );
130140
131- Demo::addTo ($ page )->setCode (<<<'CODE'
141+ Demo::addTo ($ page )->setCode (
142+ <<<'CODE'
132143
133144class Invoice extends \atk4\data\Model {
134145 public $title_field = 'reference';
@@ -155,11 +166,13 @@ function init() {
155166 );
156167
157168 $ t = \atk4 \ui \Text::addTo ($ page );
158- $ t ->addParagraph (<<< 'EOF'
169+ $ t ->addParagraph (
170+ <<< 'EOF'
159171This code shows you a combination of 3 objects:
160172EOF
161173 );
162- $ t ->addHTML (<<< 'HTML'
174+ $ t ->addHTML (
175+ <<< 'HTML'
163176<ul>
164177<li>Form - a generic view that can display and handle any form</li>
165178<li>Model - defines fields for a business object</li>
@@ -168,15 +181,17 @@ function init() {
168181
169182HTML
170183 );
171- $ t ->addParagraph (<<< 'EOF'
184+ $ t ->addParagraph (
185+ <<< 'EOF'
172186All three are combined by "setModel()" function and that is consistent throughout all the views.
173187EOF
174188 );
175189});
176190
177191$ wizard ->addStep ('Persistence ' , function ($ page ) {
178192 $ t = \atk4 \ui \Text::addTo ($ page );
179- $ t ->addParagraph (<<< 'EOF'
193+ $ t ->addParagraph (
194+ <<< 'EOF'
180195Once your model is defined, it can be re-used later with any generic view:
181196EOF
182197 );
@@ -195,7 +210,8 @@ public function init()
195210 }
196211 session_start ();
197212
198- Demo::addTo ($ page )->setCode (<<<'CODE'
213+ Demo::addTo ($ page )->setCode (
214+ <<<'CODE'
199215$session = new atk4\data\Persistence\Array_($_SESSION['x']);
200216
201217$model = new Invoice($session);
@@ -206,7 +222,8 @@ public function init()
206222 );
207223
208224 $ t = \atk4 \ui \Text::addTo ($ page );
209- $ t ->addParagraph (<<< 'EOF'
225+ $ t ->addParagraph (
226+ <<< 'EOF'
210227Re-use of your Business Model code, generic and interactive views and principles of composition and a simple PHP
211228code offers a most efficient way of constructing Web Applications.
212229EOF
@@ -215,12 +232,14 @@ public function init()
215232
216233$ wizard ->addFinish (function ($ page ) use ($ wizard ) {
217234 $ t = \atk4 \ui \Text::addTo ($ page );
218- $ t ->addParagraph (<<< 'EOF'
235+ $ t ->addParagraph (
236+ <<< 'EOF'
219237Agile Toolkit base package includes:
220238EOF
221239 );
222240
223- $ t ->addHTML (<<< 'HTML'
241+ $ t ->addHTML (
242+ <<< 'HTML'
224243<ul>
225244<li>Over 40 ready-to-use and nicely styled UI components</li>
226245<li>Over 10 ways to build interraction</li>
0 commit comments