From 21a909f819cc340564770ea63e383ee6013fc167 Mon Sep 17 00:00:00 2001 From: Fabio Bas Date: Wed, 15 Jan 2014 19:03:29 +0100 Subject: Removed ?> from buildscripts and demos --- .../protected/pages/Day1/CreateContact.page | 31 ++++++++++---------- .../blog-tutorial/protected/pages/Day1/Setup.page | 5 ++-- .../protected/pages/Day1/ShareLayout.page | 2 -- .../protected/pages/Day1/fr/CreateContact.page | 33 +++++++++++----------- .../protected/pages/Day1/fr/Setup.page | 7 ++--- .../protected/pages/Day1/fr/ShareLayout.page | 4 +-- .../protected/pages/Day1/id/CreateContact.page | 31 ++++++++++---------- .../protected/pages/Day1/id/Setup.page | 5 ++-- .../protected/pages/Day1/id/ShareLayout.page | 2 -- 9 files changed, 54 insertions(+), 66 deletions(-) (limited to 'demos/blog-tutorial/protected/pages') diff --git a/demos/blog-tutorial/protected/pages/Day1/CreateContact.page b/demos/blog-tutorial/protected/pages/Day1/CreateContact.page index 28ad4b21..0d9fc026 100755 --- a/demos/blog-tutorial/protected/pages/Day1/CreateContact.page +++ b/demos/blog-tutorial/protected/pages/Day1/CreateContact.page @@ -45,11 +45,11 @@ We use template to organize the presentational layout of the feedback form. In t

Contact

Please fill out the following form to let me know your feedback on my blog. Thanks!

-<com:TForm> +<com:TForm> Your Name: <com:TRequiredFieldValidator ControlToValidate="Name" - ErrorMessage="Please provide your name." + ErrorMessage="Please provide your name." Display="Dynamic" />
<com:TTextBox ID="Name" /> @@ -57,10 +57,10 @@ We use template to organize the presentational layout of the feedback form. In t
Your Email: <com:TRequiredFieldValidator ControlToValidate="Email" - ErrorMessage="Please provide your email address." + ErrorMessage="Please provide your email address." Display="Dynamic" /> <com:TEmailAddressValidator ControlToValidate="Email" - ErrorMessage="You entered an invalid email address." + ErrorMessage="You entered an invalid email address." Display="Dynamic" />
<com:TTextBox ID="Email" /> @@ -68,11 +68,11 @@ We use template to organize the presentational layout of the feedback form. In t
Feedback: <com:TRequiredFieldValidator ControlToValidate="Feedback" - ErrorMessage="Please provide your feedback." + ErrorMessage="Please provide your feedback." Display="Dynamic" />
-<com:TTextBox ID="Feedback" - TextMode="MultiLine" +<com:TTextBox ID="Feedback" + TextMode="MultiLine" Rows="10" Columns="40" /> @@ -99,13 +99,13 @@ Besides TTextBox controls, the template also uses many validator contro Your Email: -<com:TRequiredFieldValidator +<com:TRequiredFieldValidator ControlToValidate="Email" - ErrorMessage="Please provide your email address." + ErrorMessage="Please provide your email address." Display="Dynamic" /> -<com:TEmailAddressValidator +<com:TEmailAddressValidator ControlToValidate="Email" - ErrorMessage="You entered an invalid email address." + ErrorMessage="You entered an invalid email address." Display="Dynamic" />
<com:TTextBox ID="Email" /> @@ -152,28 +152,27 @@ class Contact extends TPage /** * Event handler for the OnClick event of the submit button. * @param TButton the button triggering the event - * @param TEventParameter event parameter (null here) + * @param TEventParameter event parameter (null here) */ public function submitButtonClicked($sender, $param) { if ($this->IsValid) // check if input validation is successful { // obtain the user name, email, feedback from the textboxes - $name = $this->Name->Text; + $name = $this->Name->Text; $email = $this->Email->Text; $feedback = $this->Feedback->Text; - + // send an email to administrator with the above information $this->mailFeedback($name, $email, $feedback); } } - + protected function mailFeedback($name, $email, $feedback) { // implementation of sending the feedback email } } -?>

diff --git a/demos/blog-tutorial/protected/pages/Day1/Setup.page b/demos/blog-tutorial/protected/pages/Day1/Setup.page index e8316253..582d0399 100755 --- a/demos/blog-tutorial/protected/pages/Day1/Setup.page +++ b/demos/blog-tutorial/protected/pages/Day1/Setup.page @@ -52,7 +52,6 @@ require_once('path/to/prado.php'); $application = new TApplication; // run the application and handle user requests $application->run(); -?> @@ -148,8 +147,8 @@ To change the location of the root page directory and change the name of homepag - diff --git a/demos/blog-tutorial/protected/pages/Day1/ShareLayout.page b/demos/blog-tutorial/protected/pages/Day1/ShareLayout.page index 9cd0410b..6115ef22 100755 --- a/demos/blog-tutorial/protected/pages/Day1/ShareLayout.page +++ b/demos/blog-tutorial/protected/pages/Day1/ShareLayout.page @@ -66,7 +66,6 @@ The class file MainLayout.php is very simple: class MainLayout extends TTemplateControl { } -?> @@ -145,7 +144,6 @@ class Contact extends TPage // ... } -?>

diff --git a/demos/blog-tutorial/protected/pages/Day1/fr/CreateContact.page b/demos/blog-tutorial/protected/pages/Day1/fr/CreateContact.page index e85d8bfe..0105f656 100755 --- a/demos/blog-tutorial/protected/pages/Day1/fr/CreateContact.page +++ b/demos/blog-tutorial/protected/pages/Day1/fr/CreateContact.page @@ -45,11 +45,11 @@ Nous utilisons un fichier gabarit pour organiser la présentation de notre formu

Contact

Veuillez remplir le formulaire suivant pour me laisser vos impressions au sujet de mon blog. Merci !

-<com:TForm> +<com:TForm> Votre nom: <com:TRequiredFieldValidator ControlToValidate="Name" - ErrorMessage="Veuillez indiquer votre nom." + ErrorMessage="Veuillez indiquer votre nom." Display="Dynamic" />
<com:TTextBox ID="Name" /> @@ -57,10 +57,10 @@ Nous utilisons un fichier gabarit pour organiser la présentation de notre formu
Votre email: <com:TRequiredFieldValidator ControlToValidate="Email" - ErrorMessage="Veuillez indiquer votre email." + ErrorMessage="Veuillez indiquer votre email." Display="Dynamic" /> <com:TEmailAddressValidator ControlToValidate="Email" - ErrorMessage="Vous avez saisi un email invalide." + ErrorMessage="Vous avez saisi un email invalide." Display="Dynamic" />
<com:TTextBox ID="Email" /> @@ -68,11 +68,11 @@ Nous utilisons un fichier gabarit pour organiser la présentation de notre formu
Commentaires: <com:TRequiredFieldValidator ControlToValidate="Feedback" - ErrorMessage="Veuillez saisir un commentaire." + ErrorMessage="Veuillez saisir un commentaire." Display="Dynamic" />
-<com:TTextBox ID="Feedback" - TextMode="MultiLine" +<com:TTextBox ID="Feedback" + TextMode="MultiLine" Rows="10" Columns="40" /> @@ -99,13 +99,13 @@ Avant le contrôle TTextBox, le gabarit utilise aussi plusieurs validat Your Email: -<com:TRequiredFieldValidator +<com:TRequiredFieldValidator ControlToValidate="Email" - ErrorMessage="Veuillez indiquer votre email." + ErrorMessage="Veuillez indiquer votre email." Display="Dynamic" /> -<com:TEmailAddressValidator +<com:TEmailAddressValidator ControlToValidate="Email" - ErrorMessage="Vous avez saisi un email invalide." + ErrorMessage="Vous avez saisi un email invalide." Display="Dynamic" />
<com:TTextBox ID="Email" /> @@ -152,28 +152,27 @@ class Contact extends TPage /** * Gestionnaire d'évènement pour OnClick (bouton submit). * @param TButton le bouton qui a générer l'évènement - * @param TEventParameter les paramètres de l'évènement (null dans ce cas) + * @param TEventParameter les paramètres de l'évènement (null dans ce cas) */ public function submitButtonClicked($sender, $param) { if ($this->IsValid) // vérifie que les validations sont Ok { // récupère le nom de l'utilisateur, son email et son commentaire - $name = $this->Name->Text; + $name = $this->Name->Text; $email = $this->Email->Text; $feedback = $this->Feedback->Text; - - // envoie un email à l'administrateur avec les informations + + // envoie un email à l'administrateur avec les informations $this->mailFeedback($name, $email, $feedback); } } - + protected function mailFeedback($name, $email, $feedback) { // implémentation de l'envoi de l'email } } -?>

diff --git a/demos/blog-tutorial/protected/pages/Day1/fr/Setup.page b/demos/blog-tutorial/protected/pages/Day1/fr/Setup.page index 22a7891c..0be1c1f0 100755 --- a/demos/blog-tutorial/protected/pages/Day1/fr/Setup.page +++ b/demos/blog-tutorial/protected/pages/Day1/fr/Setup.page @@ -49,11 +49,10 @@ require_once('path/to/prado.php'); $application = new TApplication; // run the application and handle user requests $application->run(); -?> -Le nom du script ne doit pas être obligatoirement index.php. Il peut porter n'importe quel nom à partir du moment ou le serveur peut l'interpréter comme étant un script PHP5. Par exemple, sur certains hébergements mutualisés, le script devra porter le nom index.php5, ce qui permettra au serveur Web de le traiter correctement. +Le nom du script ne doit pas être obligatoirement index.php. Il peut porter n'importe quel nom à partir du moment ou le serveur peut l'interpréter comme étant un script PHP5. Par exemple, sur certains hébergements mutualisés, le script devra porter le nom index.php5, ce qui permettra au serveur Web de le traiter correctement.

Le fichier de configuration de l'application

@@ -145,8 +144,8 @@ Pour changer l'emplacement du dossier racine des pages et le nom de la page d'ac - diff --git a/demos/blog-tutorial/protected/pages/Day1/fr/ShareLayout.page b/demos/blog-tutorial/protected/pages/Day1/fr/ShareLayout.page index cefff770..539b8376 100755 --- a/demos/blog-tutorial/protected/pages/Day1/fr/ShareLayout.page +++ b/demos/blog-tutorial/protected/pages/Day1/fr/ShareLayout.page @@ -68,7 +68,6 @@ Le fichier de classe MainLayout.php est très simple : class MainLayout extends TTemplateControl { } -?> @@ -147,13 +146,12 @@ class Contact extends TPage // ... } -?>

Ci-dessus, nous indiquons d'utiliser le gabarit principal MasterClass dans la méthode onPreInit() qui est héritée de TPage. Cette méthode est appelé par PRADO juste après que l'instance de la page soit créée. Nous pouvons ainsi déclarer au moment où la page est requise quel gabarit principal utiliser. Par exemple, quand la page est requise par un utilisateur enregistré, nous pouvons utiliser le gabarit A, et le gabarit B si l'utilisateur qui demande la page est un invité.

- +

Nous pouvons aussi spécifier quel gabarit principal utiliser dans le fichier de configuration de l'application ou encore dans le fichier de configuration de la page. Ci-dessous, le fichier de configuration de l'application modifié pour notre blog.

diff --git a/demos/blog-tutorial/protected/pages/Day1/id/CreateContact.page b/demos/blog-tutorial/protected/pages/Day1/id/CreateContact.page index 65be6417..caee30d0 100755 --- a/demos/blog-tutorial/protected/pages/Day1/id/CreateContact.page +++ b/demos/blog-tutorial/protected/pages/Day1/id/CreateContact.page @@ -45,11 +45,11 @@ Kita menggunakan template untuk menghatur tata letak penyajian terhadap formulir

Contact

Please fill out the following form to let me know your feedback on my blog. Thanks!

-<com:TForm> +<com:TForm> Your Name: <com:TRequiredFieldValidator ControlToValidate="Name" - ErrorMessage="Please provide your name." + ErrorMessage="Please provide your name." Display="Dynamic" />
<com:TTextBox ID="Name" /> @@ -57,10 +57,10 @@ Kita menggunakan template untuk menghatur tata letak penyajian terhadap formulir
Your Email: <com:TRequiredFieldValidator ControlToValidate="Email" - ErrorMessage="Please provide your email address." + ErrorMessage="Please provide your email address." Display="Dynamic" /> <com:TEmailAddressValidator ControlToValidate="Email" - ErrorMessage="You entered an invalid email address." + ErrorMessage="You entered an invalid email address." Display="Dynamic" />
<com:TTextBox ID="Email" /> @@ -68,11 +68,11 @@ Kita menggunakan template untuk menghatur tata letak penyajian terhadap formulir
Feedback: <com:TRequiredFieldValidator ControlToValidate="Feedback" - ErrorMessage="Please provide your feedback." + ErrorMessage="Please provide your feedback." Display="Dynamic" />
-<com:TTextBox ID="Feedback" - TextMode="MultiLine" +<com:TTextBox ID="Feedback" + TextMode="MultiLine" Rows="10" Columns="40" /> @@ -99,13 +99,13 @@ Selain kontrol TTextBox, template juga menggunakan banyak kontrol valid Your Email: -<com:TRequiredFieldValidator +<com:TRequiredFieldValidator ControlToValidate="Email" - ErrorMessage="Please provide your email address." + ErrorMessage="Please provide your email address." Display="Dynamic" /> -<com:TEmailAddressValidator +<com:TEmailAddressValidator ControlToValidate="Email" - ErrorMessage="You entered an invalid email address." + ErrorMessage="You entered an invalid email address." Display="Dynamic" />
<com:TTextBox ID="Email" /> @@ -152,28 +152,27 @@ class Contact extends TPage /** * Pengendali event untuk event OnClick pada tombol submit. * @param TButton tombol yang memicu event - * @param TEventParameter parameter event (null di sini) + * @param TEventParameter parameter event (null di sini) */ public function submitButtonClicked($sender, $param) { if ($this->IsValid) // memeriksa apakan validasi input berhasil { // mendapatkan nama pengguna, email, umpan balik dari kotak teks - $name = $this->Name->Text; + $name = $this->Name->Text; $email = $this->Email->Text; $feedback = $this->Feedback->Text; - + // mengirimkan email ke administrator dengan informasi di atas $this->mailFeedback($name, $email, $feedback); } } - + protected function mailFeedback($name, $email, $feedback) { // implementasi pengiriman email umpan balik } } -?>

diff --git a/demos/blog-tutorial/protected/pages/Day1/id/Setup.page b/demos/blog-tutorial/protected/pages/Day1/id/Setup.page index edc469d5..45ae8cf5 100755 --- a/demos/blog-tutorial/protected/pages/Day1/id/Setup.page +++ b/demos/blog-tutorial/protected/pages/Day1/id/Setup.page @@ -52,7 +52,6 @@ require_once('path/to/prado.php'); $application = new TApplication; // jalankan aplikasi dan tangani permintaan pengguna $application->run(); -?> @@ -148,8 +147,8 @@ Untuk membuat lokasi akar direktori halaman dan mengubah nama homepage, seseoran - diff --git a/demos/blog-tutorial/protected/pages/Day1/id/ShareLayout.page b/demos/blog-tutorial/protected/pages/Day1/id/ShareLayout.page index d505beed..0c40181b 100755 --- a/demos/blog-tutorial/protected/pages/Day1/id/ShareLayout.page +++ b/demos/blog-tutorial/protected/pages/Day1/id/ShareLayout.page @@ -66,7 +66,6 @@ File kelas MainLayout.php sangat sederhana: class MainLayout extends TTemplateControl { } -?> @@ -145,7 +144,6 @@ class Contact extends TPage // ... } -?>

-- cgit v1.2.3 From cec6bc47739e52664de14c7b2ce9949b9f6c9123 Mon Sep 17 00:00:00 2001 From: Daniel Date: Tue, 17 Dec 2013 22:56:36 -0500 Subject: Backport additional wsat doc 35c487b3784909a1c00b5c78d99a25ba8a9222c6 --- .../protected/pages/Day2/CreateAR.page | 303 +++++++++------------ .../protected/pages/Day2/blog_wsat_generate_ar.png | Bin 0 -> 69184 bytes .../protected/pages/Day2/wsat_login.png | Bin 0 -> 47951 bytes 3 files changed, 126 insertions(+), 177 deletions(-) mode change 100755 => 100644 demos/blog-tutorial/protected/pages/Day2/CreateAR.page create mode 100644 demos/blog-tutorial/protected/pages/Day2/blog_wsat_generate_ar.png create mode 100644 demos/blog-tutorial/protected/pages/Day2/wsat_login.png (limited to 'demos/blog-tutorial/protected/pages') diff --git a/demos/blog-tutorial/protected/pages/Day2/CreateAR.page b/demos/blog-tutorial/protected/pages/Day2/CreateAR.page old mode 100755 new mode 100644 index 1d7838a2..99e91d5a --- a/demos/blog-tutorial/protected/pages/Day2/CreateAR.page +++ b/demos/blog-tutorial/protected/pages/Day2/CreateAR.page @@ -1,178 +1,127 @@ - - -

Creating Active Record Classes

- -

-We need to create two Active Record classes, UserRecord and PostRecord, to represent data records in the users and posts tables, respectively. Active Record classes must extend from the base class ActiveRecord, and must define property names that matches with the field names of the corresponding table. -

- -

-To better organize our directories, we create a new directory protected/database to hold the class files. We also modify our application configuration by inserting the following lines. It is equivalent to adding the directory protected/database to PHP include_path, which allows us to use the classes without explicitly including them. -

- - - - - - - -

-Instead of writing the classes manually, we will use the PRADO command line tool again to generate the classes for us. -

- -

-Under the blog directory, run the following command to enter into the interactive mode of the command line tool: -

- - -php path/to/prado-cli.php shell . - - -

-We should see -

- - -Command line tools for Prado 3.1.0. -** Loaded PRADO appplication in directory "protected". -PHP-Shell - Version 0.3.1 -(c) 2006, Jan Kneschke - ->> use '?' to open the inline help - ->> - - -

-At the prompt, enter the following two commands to create UserRecord and PostRecord classes: -

- - ->> generate users Application.database.UserRecord - ->> generate posts Application.database.PostRecord - - -

-Here we used the namespace format again to specify the classes to be created. The path Application.database.UserRecord indicates that we want the UserRecord class file to be protected/database/UserRecord.php. -

- -

-We should see the following directory structure with two new files under protected/database: -

- - - -

-If we check the PostRecord class file, we should see the following content. -

- - -class PostRecord extends TActiveRecord -{ - const TABLE='posts'; - public $post_id; - public $author_id; - public $create_time; - public $title; - public $content; - public $status; - - public static function finder($className=__CLASS__) - { - return parent::finder($className); - } -} - - -

-As we see, for each field in the posts table, the class has a corresponding data member. The constant TABLE specifies the table name for the PostRecord. The static method finder() allows us to perform query and retrieve post data in terms of PostRecord objects. -

- -

-We can use the command line tool to do some testing with our newly created Active Record classes. Still in the interactive mode of the command line tool, we enter a PHP statement and should see the following. Interested readers may try some other PHP statements, such as UserRecord::finder()->findAll(). -

- - ->> PostRecord::finder()->findAll() -array -( - [0] => PostRecord#1 - ( - [post_id] => '1' - [author_id] => 'admin' - [create_time] => '1175708482' - [title] => 'first post' - [content] => 'this is my first post' - [status] => '0' - [TActiveRecord:_readOnly] => false - [TActiveRecord:_connection] => null - [TComponent:_e] => array() - ) -) - - -

Relationship Between Posts and Users

-

-Recall that there was a foreign key relationship between the users and posts table. The entity-relationship diagram is shown below for convienence. -

- - - -

-From the entity-relationship diagram above, we see that the posts table contains a field named author_id. This author_id field is a foreign key to the reference table users. In particular, the values in the author_id field should be of that from the users table's username field. One of the consequence of this relationship, thinking in terms of objects, is that each "post" belongs to an "author" and one "author" may have many "posts". -

- -

-We can model the relationship between posts and users table in Active Record by modifying the PostRecord and UserRecord classes as follows. -

- - -class PostRecord extends TActiveRecord -{ - //... properties and methods as before - - public $author; //holds an UserRecord - - public static $RELATIONS=array - ( - 'author' => array(self::BELONGS_TO, 'UserRecord'), - ); -} - - -

-The static $RELATIONS property of PostRecord defines that the property $author belongs to an UserRecord. In array(self::BELONGS_TO, 'UserRecord'), the first element defines the relationship type, in this case self::BELONGS_TO. The second element is the name of related record, in this case an UserRecord. The UserRecord is defined similarly below, the difference is that, the user record has many PostRecords. -

- - -class UserRecord extends TActiveRecord -{ - //... properties and methods as before - - public $posts=array(); //holds an array of PostRecord - - public static $RELATIONS=array - ( - 'posts' => array(self::HAS_MANY, 'PostRecord'), - ); -} - - -

-An array of UserRecord with and its corresponding posts may be fetched as follows. -

- - -$users = UserRecord::finder()->withPosts()->findAll(); - - - -The method withXXX() (where XXX is the relationship property name, in this case, Posts) fetches the corresponding PostRecords using a second query (not by using a join). The withXXX() method accepts the same arguments as other finder methods of TActiveRecord, e.g. withPosts('status = ?', 0). - - -

-Further detailed documentation can be found in the quickstart Active Record docs. -

- + + +

Creating Active Record Classes

+ +

+We need to create two Active Record classes, UserRecord and PostRecord, to represent data records in the users and posts tables, respectively. Active Record classes must extend from the base class ActiveRecord, and must define property names that matches with the field names of the corresponding table. +

+ +

+To better organize our directories, we create a new directory protected/database to hold the class files. We also modify our application configuration by inserting the following lines. It is equivalent to adding the directory protected/database to PHP include_path, which allows us to use the classes without explicitly including them. +

+ + + + + + + +

+Instead of writing the classes manually, we will use the PRADO Web Site Administration Tool to generate the classes for us. +So we need to modify again our application configuration in the services section like follows: +

+ +

+ + + ... + + + +

+ +

+ Then you are ready to go to: http://localhost/yoursite/index.php?wsat=TWsatLogin where you should see + the following page: +

+ +

+ In the text field you need to type the password previosly specified in the service inclusion. This + is part of a basic security system to avoid undesirable persons to use this tool. +

+ +

+ In order to generate AR classes you need to go to: http://localhost/divermania/index.php?wsat=TWsatGenerateAR + by clicking the proper links in the welcome page. Then you should see the following page: +

+ + +

+ In the Output Folder field we used the namespace format again, the path Application.database indicates that we want to put our class's files in the protected/database/ folder. + The * in the Table Name field means that we want to generate all AR classes, you can specify a table name instead if you want to generate just a specific AR class. +

+ +

+Afterward we should see the following directory structure with two new files under protected/database: +

+ + + +

+If we check the PostRecord class file, we should see something similar to the following content: +

+ + +class PostRecord extends TActiveRecord +{ + const TABLE='posts'; + + public $post_id; + public $author_id; + public $create_time; + public $title; + public $content; + public $status; + + public static function finder($className=__CLASS__) + { + return parent::finder($className); + } + + public static $RELATIONS = array ( + 'author' => array(self::BELONGS_TO, 'UserRecord', 'author_id') + ); + + public function __toString() + { + return $this->title; + } +} + + +

+As we see, for each field in the posts table, the class has a corresponding data member. The constant TABLE specifies the table name for the PostRecord. The static method finder() allows us to perform query and retrieve post data in terms of PostRecord objects. +

+ +

Relationship Between Posts and Users

+

+Recall that there was a foreign key relationship between the users and posts table. The entity-relationship diagram is shown below for convienence. +

+ + + +

+From the entity-relationship diagram above, we see that the posts table contains a field named author_id. This author_id field is a foreign key to the reference table users. In particular, the values in the author_id field should be of that from the users table's username field. One of the consequence of this relationship, thinking in terms of objects, is that each "post" belongs to an "author" and one "author" may have many "posts". +

+ +

+The static $RELATIONS property of PostRecord defines that the property $author belongs to an UserRecord. In array(self::BELONGS_TO, 'UserRecord'), the first element defines the relationship type, in this case self::BELONGS_TO. The second element is the name of related record, in this case an UserRecord. +

+ +

+An array of UserRecord with and its corresponding posts may be fetched as follows. +

+ + +$users = UserRecord::finder()->withPosts()->findAll(); + + + +The method withXXX() (where XXX is the relationship property name, in this case, Posts) fetches the corresponding PostRecords using a second query (not by using a join). The withXXX() method accepts the same arguments as other finder methods of TActiveRecord, e.g. withPosts('status = ?', 0). + + +

+Further detailed documentation can be found in the quickstart Active Record docs. +

+ \ No newline at end of file diff --git a/demos/blog-tutorial/protected/pages/Day2/blog_wsat_generate_ar.png b/demos/blog-tutorial/protected/pages/Day2/blog_wsat_generate_ar.png new file mode 100644 index 00000000..433c1230 Binary files /dev/null and b/demos/blog-tutorial/protected/pages/Day2/blog_wsat_generate_ar.png differ diff --git a/demos/blog-tutorial/protected/pages/Day2/wsat_login.png b/demos/blog-tutorial/protected/pages/Day2/wsat_login.png new file mode 100644 index 00000000..dbe1ad8b Binary files /dev/null and b/demos/blog-tutorial/protected/pages/Day2/wsat_login.png differ -- cgit v1.2.3