Search Contents Component

The dynamic Primitive Template for the search page. This part lists the search result for the keyword you input.

Appearance
Design Setting

Html
Style Sheet

Server side program

Appearance

In order to preview the search contents part, open it with Primitive Template editor page, and select the page to preview in the parameter setting dialog.

The appearance of the search contents part is below.

Design Setting

The design of the search contents part consists of Html and Style Sheet.

Html

The html code of search contents part is below.


<form name="searchfrm" action="/html_tmpl/primitive/modules/search/index.html" method="POST">
  <table>
    <tr>
      <td>
         <input type="text" name="keywords" value="{$IN.keywords}" />
      </td>
      <td>
        <input type="submit" name="sbmt" value="Search" >
      </td>
    </tr>
  </table>
  
  <table  alns:iterate="@cms_page" alns:variable="oneRecord" class="result">
    <tr>
      <td>
        <a href="{$oneRecord.url}">{$oneRecord.page_title}</a>
      </td>
    </tr>
    <tr>
      <td>
        {$oneRecord.page_description}
      </td>
    </tr>
  </table>
 <div id="searchpaging">
   <span alns:iterate="@navi.pages" alns:variable="p">
      <span alns:if="{BOOL($p != $IN.page)}" class="pagelink">
      <a href="javascript:SearchPage.gotoPage(document.searchfrm, {$p})">{$p.disp}</a>
      </span>
      <span alns:if="{BOOL($p == $IN.page)}" class="pagecurrent">
      <u><b>{$p.disp}</b></u>
      </span>
   </span>
  </div>
  <input type="hidden" name="cmd" value="" />
  <input type="hidden" name="page" value="{$IN.page}" />
</form>

Style Sheet

The style sheet for the html above is below.


.result{
 margin: 20px 0 0 5px; 
  
}

#searchpaging {
  text-align: center;
  margin: 30px 0 10px 0;
}

#searchpaging .pagelink{
  font-size: 22px;
  width: 30px;
  margin: 0 5px 0 5px;
  background: -moz-linear-gradient(center top , #ffffff 1px, #f3f3f3 1px, #e6e6e6) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  border: 1px solid #b6b6b6 !important;
  box-shadow: 0 1px #efefef !important;
  color: #333333 !important;
  text-decoration: none !important;
  text-shadow: 0 1px #f6f6f6 !important;
  padding: 3px 5px 3px 5px;
}

#searchpaging .pagelink a{
  color: #21759b; 
}

#searchpaging .pagecurrent{
  font-size: 22px;
  width:30px;
  margin: 0 5px 0 5px;
  background: -moz-linear-gradient(center top , #ffffff 1px, #f3f3f3 1px, #e6e6e6) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  border: 1px solid #b6b6b6 !important;
  box-shadow: 0 1px #efefef !important;
  color: #333333 !important;
  text-decoration: none !important;
  text-shadow: 0 1px #f6f6f6 !important;
  padding: 3px 5px 3px 5px;
}

Server side program

The server side program of the search contents part is below.


include("/include/paging.alns");

$limit = 10;

initParams($IN, $SESSION);

@cms_page = search($IN, $SESSION, $limit);

$totalRecords = getNumSearch($IN, $SESSION);

$navi = Paging.getNavi($IN.page, $limit, $totalRecords, 10);

return 0;

function getNumSearch($IN, $SESSION)
{
	if($IN.keywords != null && $IN.keywords != ""){
    	$keywords = "%" + $IN.keywords + "%";
    }
    SELECT count(*) AS cnt INTO cms_page
    FROM
    	cms_page
    WHERE
    	cms_page.page_status IN('published', 'published-with-draft') AND
        cms_page.search_text LIKE $keywords;
    
    if($cms_page[0].cnt == null){
    	return 0;
    }
    
    return Cast.toNumber($cms_page[0].cnt);
}

function search($IN, $SESSION, $limit)
{
	$offset = $IN.page * $limit;
	if($IN.keywords != null && $IN.keywords != ""){
    	$keywords = "%" + $IN.keywords + "%";
    }
    
    SELECT * INTO cms_page
    FROM
    	cms_page
    WHERE
    	cms_page.page_status IN('published', 'published-with-draft') AND
        cms_page.search_text LIKE $keywords
    ORDER BY cms_page.published_time
    LIMIT $limit OFFSET $offset;
    
    $size = Array.size(@cms_page);
    for($i = 0; $i < $size; $i++){
    	$cms_page[$i].url = getUrl($cms_page[$i].cms_page_id);
    }
    
    return @cms_page;
}

function initParams($IN, $SESSION)
{
	if($IN.keywords == null){
    	$IN.keywords = "";
    }
    if($IN.page == null){
    	$IN.page = 0;
    }
}

function getUrl($cms_page_id)
{
    SELECT tree_model.page_path, tree_model.page_children,
    	cms_page.cms_page_id, cms_page.force_folder
    INTO tree_model
    FROM
        tree_model LEFT JOIN cms_page
        ON
            tree_model.node_id = cms_page.node_id
    WHERE
        tree_model.tree_id = 'cms' AND
        cms_page.cms_page_id = $cms_page_id;
  	
    $idx = String.indexOf($tree_model[0].page_path, "/", 1);
    if($idx < 0){
    	return "/";
    }
    $len = String.length($tree_model[0].page_path);
    $path = String.subString($tree_model[0].page_path, $idx, $len);
    
    if($tree_model[0].force_folder == 1 || $tree_model[0].page_children > 0){
    	return $path + "/";
    }
    
    return $path + ".html";
}