How to add an analogue clock widget on your skeleton application

Followings are the simple steps to put an analogue clock widget on your skeleton application that is just generated by yiic.

1. Get the files under the trunk of the code repository using svn. ¶

$ svn checkout http://yii-analogue-clock-widget.googlecode.com/svn/trunk/ <yii-analogue-clock-widget>

2. Create a skeleton application using yiic. ¶

$ cd <yii-demo-directory>
$ ../framework/yiic webapp <app-name>

3. Copy image files and php files to the skeleton application. ¶

$ cp <yii-analogue-clock-widget>/analogue-clock-*.png <app-name>/images/
$ cp <yii-analogue-clock-widget>/Clock.php <app-name>/protected/components/
$ mkdir <app-name>/protected/components/views
$ cp <yii-analogue-clock-widget>/analogue-clock.php !$

4. Configure the config file (protected/config/main.php), with inserting a following line that indicates the zii search path. ¶

'import'=>array(
          'application.models.*',
          'application.components.*',
          'zii.widgets.*',  <<< this line
),

5. Change the layout from 'cloumn1' to 'column2' in the controller (protected/components/Controller.php). ¶

public $layout='//layouts/column2';

6. Add a widget call in the side bar in the view file (protected/views/layouts/column2.php). ¶

<?php $this->widget('Clock'); ?>

7. You get the clock widget in the side bar of the skeleton application as follows. ¶