How to add "Postdate" widget to the blog demo

mocapapa · February 18, 2009, 2:05am

This is a tiny extension of the well known "blog demo". The purpose of this portlet is to display the posted date in the title line at the head of the post as following picture shows.

Posted Image

Copy and paste this php script as blog/protected/components/PostDate.php.



[php]


&lt;?php


class PostDate extends Portlet {


&nbsp; public $cssClass=&#039;postdate&#039;;


&nbsp; public $ct;


 


&nbsp; protected function renderContent()


&nbsp; {


&nbsp; &nbsp; echo &quot;&lt;center&gt;&lt;font size=\&quot;3\&quot;&gt;\n&quot;;


&nbsp; &nbsp; print $this-&gt;ct;


&nbsp; &nbsp; echo &quot;&lt;/font&gt;&lt;/center&gt;\n&quot;;


&nbsp; }


}

Add following css at the end of blog/css/main.css or some other appropliate place.



.postdate


{


&nbsp; &nbsp; &nbsp; -moz-border-radius:7px;


&nbsp; &nbsp; &nbsp; font-size:13pt;


&nbsp; &nbsp; &nbsp; margin: 0;


&nbsp; &nbsp; &nbsp; padding: 3px;


&nbsp; &nbsp; &nbsp; margin-bottom:15px;


&nbsp; &nbsp; &nbsp; background-color:#EEE;


}

Modify the source code of the blog demo(blog/protected/views/post/_post.php) as follows.



[php]


&lt;div class=&quot;title&quot;&gt;


-&nbsp; &lt;?php echo CHtml::link(CHtml::encode($post-&gt;title),array(&#039;post/show&#039;,&#039;id&#039;=&gt;$post-&gt;id)); ?&gt;


+&nbsp; &nbsp;&nbsp; &lt;table&gt;&lt;tr&gt;&lt;td&gt;


+&nbsp; &nbsp; &nbsp;&nbsp; &lt;?php $this-&gt;widget(&#039;PostDate&#039;, array(&#039;ct&#039;=&gt;date(&#039;F&lt;\b\r&gt;j&#039;, $post-&gt;createTime))); ?&gt;


+&nbsp; &nbsp;&nbsp; &lt;/td&gt;


+&nbsp; &nbsp;&nbsp; &lt;td&gt;&amp;nbsp;&lt;?php echo CHtml::link(CHtml::encode($post-&gt;title),array(&#039;post/show&#039;,&#039;id&#039;=&gt;$post-&gt;id)); ?&gt;&lt;/td&gt;


+&nbsp; &nbsp;&nbsp; &lt;/tr&gt;&lt;/table&gt;


&nbsp; &lt;/div&gt;

Have fun

[Updated: Feb 22, 2009]

Collection of the enhancements:

http://code.google.c…gdemo-enhanced/