タイムラインに検索機能をつける

kayama 103views 更新:2015年3月20日

本日からインターン課題の実践編に取り組んでいます。 大体どのあたりに手を入れれば良いかはすぐに分かったものの、なかなか作業が進みませんでした。


グロース強化プロジェクト>タイムライン>検索機能

今日は以下のソースを追加し、検索フォームが表示されるようにしました。とりあえずタイムラインで検索をかけられるようにすることを優先し、デザインの調整は後回しにする予定です。

  • portlets/timline/src/main/webapp/WEB-INF/templets/html/ajax-timline-list.vm(タイムライン画面)
  • portlets/timline/src/main/webapp/WEB-INF/templets/html/ja/ajax-timline-list.vm
  • portlets/timline/src/main/webapp/WEB-INF/templets/html/ajax-timline.vm(ホーム画面側)
  • portlets/timline/src/main/webapp/WEB-INF/templets/html/ja/ajax-timline.vm
#AUISummaryFilterDivHeader()
    <input type="hidden" value="" id="">
    <div id="" class="filters floatLeft”>
    #ALajaxIndicator("$indicator_id3" "$!portlet.ID" " ")
    <a href="javascript:void(0);" onclick="if(document.getElementById('menubar_auiFilter_1').style.display!='none'){document.getElementById('menubar_auiFilter_1').style.display='none'}else{document.getElementById('menubar_auiFilter_1').style.display='block'}">
     <span class="filterTip">
        #if("$!{result.TargetGroupName}" == "all")
                        $l10n.TIMELINE_ALL_GROUP
                        #else
                        #foreach( $record in $result.MyGroupList)
                        #if("$!{result.TargetGroupName}" == "$!{record.Name.toString()}")
                        $!record.AliasName
                        #end
                        #end
                        #foreach($record in $result.PostMap)
                        #if("$!{result.TargetGroupName}" == "$!{record.GroupName.Value}")
                        $!record.PostName
                        #end
                        #end
                        #end
     </span>
    </a>
    </div>
    <div class="auiSummarySearch">
        <form class="search">
          <input type="text" class="" id="roomSearch"><label for="roomSearch" class="placeholder" style="display: block;"> タイムラインを検索 </label>
          <button title="検索" class="submit"><i class="icon-search"></i></button>
        </form>
    </div>
#AUISummaryFilterDivFooter()

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません