@**
* Yobi, Project Hosting SW
*
* Copyright 2014 NAVER Corp.
* http://yobi.io
*
* @author Insanehong
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*   http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
**@

@(group: Organization, project: Project, searchResult: SearchResult)

@isActiveMenu(search_type:SearchType) = @{
    if(search_type == searchResult.getSearchType()){ "active" }
}

@makeSearchLink() = @{
    if(project != null) {
        routes.SearchApp.searchInAProject(project.owner, project.name)
    } else if (group !=null) {
        routes.SearchApp.searchInAGroup(group.name)
    } else {
        routes.SearchApp.searchInAll()
    }
}

@makeTilte(search_type:SearchType) =@{
    search_type match {
        case SearchType.ISSUE => { Messages("search.menu.issues") }
        case SearchType.USER => { Messages("search.menu.users") }
        case SearchType.PROJECT => { Messages("search.menu.projects") }
        case SearchType.POST => { Messages("search.menu.boards") }
        case SearchType.MILESTONE => { Messages("search.menu.milestones") }
        case SearchType.ISSUE_COMMENT => { Messages("search.menu.issue.comments") }
        case SearchType.POST_COMMENT => { Messages("search.menu.board.comments") }
        case SearchType.REVIEW => { Messages("search.menu.reviews") }  
        case SearchType.NA => { }
    }
}

@getCurrentlySearchCount(search_type:SearchType) =@{
    search_type match {
        case SearchType.ISSUE => { searchResult.getIssuesCount }
        case SearchType.USER => { searchResult.getUsersCount }
        case SearchType.PROJECT => { searchResult.getProjectsCount }
        case SearchType.POST => { searchResult.getPostsCount }
        case SearchType.MILESTONE => { searchResult.getMilestonesCount }
        case SearchType.ISSUE_COMMENT => { searchResult.getIssueCommentsCount }
        case SearchType.POST_COMMENT => { searchResult.getPostCommentsCount }
        case SearchType.REVIEW => { searchResult.getReviewsCount }  
        case SearchType.NA => { }
    }
}
<div class="site-breadcrumb-outer">
    <div class="site-breadcrumb-inner">
        <h3>
            @Messages("title.search")
        </h3>
    </div>
</div>
<div class="page-wrap-outer">
    <div class="project-page-wrap">
        <div class="project-page-wrap">
            <div class="row-fluid">
                <div class="span2">
                    <ul class="lst-stacked unstyled search-category-wrap">
                        <li class="@isActiveMenu(SearchType.ISSUE) @if(searchResult.getIssuesCount == 0) {empty}">
                            <a href="#" data-toggle="search-category" data-type="@SearchType.ISSUE.getType()">
                                @Messages("search.menu.issues")
                                <span class="num-badge pull-right">@searchResult.getIssuesCount</span>
                            </a>
                        </li>
                        <li class="@isActiveMenu(SearchType.USER) @if(searchResult.getUsersCount == 0) {empty}">
                            <a href="#" data-toggle="search-category" data-type="@SearchType.USER.getType()">
                                @Messages("search.menu.users")
                                <span class="num-badge pull-right">@searchResult.getUsersCount</span>
                            </a>
                        </li>
                        @if(project == null) {
                        <li class="@isActiveMenu(SearchType.PROJECT) @if(searchResult.getProjectsCount == 0) {empty}">
                            <a href="#" data-toggle="search-category" data-type="@SearchType.PROJECT.getType()">
                                @Messages("search.menu.projects")
                                <span class="num-badge pull-right">@searchResult.getProjectsCount</span>
                            </a>    
                        </li>
                        }
                        <li class="@isActiveMenu(SearchType.POST) @if(searchResult.getPostsCount == 0) {empty}">
                            <a href="#" data-toggle="search-category" data-type="@SearchType.POST.getType()">
                                @Messages("search.menu.boards")
                                <span class="num-badge pull-right">@searchResult.getPostsCount</span>
                            </a>
                        </li>
                        <li class="@isActiveMenu(SearchType.MILESTONE) @if(searchResult.getMilestonesCount == 0) {empty}">
                            <a href="#" data-toggle="search-category" data-type="@SearchType.MILESTONE.getType()">
                                @Messages("search.menu.milestones")
                                <span class="num-badge pull-right">@searchResult.getMilestonesCount</span>
                            </a>
                        </li>
                        <li class="@isActiveMenu(SearchType.ISSUE_COMMENT) @if(searchResult.getIssueCommentsCount == 0) {empty}">
                            <a href="#" data-toggle="search-category" data-type="@SearchType.ISSUE_COMMENT.getType()">
                                @Messages("search.menu.issue.comments")
                                <span class="num-badge pull-right">@searchResult.getIssueCommentsCount</span>
                            </a>
                        </li>
                        <li class="@isActiveMenu(SearchType.POST_COMMENT) @if(searchResult.getPostCommentsCount == 0) {empty}">
                            <a href="#" data-toggle="search-category" data-type="@SearchType.POST_COMMENT.getType()">
                                @Messages("search.menu.board.comments") 
                                <span class="num-badge pull-right">@searchResult.getPostCommentsCount</span>
                            </a>
                        </li>
                        <li class="@isActiveMenu(SearchType.REVIEW) @if(searchResult.getReviewsCount == 0) {empty}">
                            <a href="#" data-toggle="search-category" data-type="@SearchType.REVIEW.getType()">
                                @Messages("search.menu.reviews")
                                <span class="num-badge pull-right">@searchResult.getReviewsCount</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="span10">
                    <div class="search-box-wrap">
                        <form id="searchInnerForm" method="get" action="@makeSearchLink()" > 
                        <input type="hidden" name="searchType" value="@searchResult.getSearchType().getType()">    
                            <input type="text" id="searchKeyword" name="keyword" class="span11" value="@searchResult.getKeyword()">
                            <button type="submit" class="ybtn">@Messages("title.search")</button>
                        </form>
                        
                        <h3 class="search-result-title">
                            @Html(Messages("search.result.title", getCurrentlySearchCount(searchResult.getSearchType()),makeTilte(searchResult.getSearchType())))
                        </h3>
                    </div>
                    <div class="search-result-wrap">
                        @if(searchResult.getSearchType() == SearchType.ISSUE) {
                            @partial_issues(group, project, searchResult)
                        }

                        @if(searchResult.getSearchType() == SearchType.USER) {
                            @partial_users(group, project, searchResult)
                        }

                        @if(searchResult.getSearchType() == SearchType.PROJECT) {
                            @partial_projects(group, project, searchResult)
                        }

                        @if(searchResult.getSearchType() == SearchType.POST) {
                            @partial_posts(group, project, searchResult)
                        }

                        @if(searchResult.getSearchType() == SearchType.MILESTONE) {
                            @partial_milestones(group, project, searchResult)
                        }

                        @if(searchResult.getSearchType() == SearchType.ISSUE_COMMENT) {
                            @partial_issue_comments(group, project, searchResult)
                        }

                        @if(searchResult.getSearchType() == SearchType.POST_COMMENT) {
                            @partial_post_comments(group, project, searchResult)
                        }

                        @if(searchResult.getSearchType() == SearchType.REVIEW) {
                            @partial_reviews(group, project, searchResult)
                        }
                    </div>
                </div>
            </div>
        </div>        
    </div>
</div>

<script>
$(function(){
    $('.search-category-wrap').on('click', 'a[data-toggle="search-category"]', function(event) {
        event.preventDefault();
        $('#searchInnerForm').find('input[name="searchType"]').val($(this).data('type'));
        $('#searchInnerForm').submit();
    });

    $('.search-content-body, .title').each(function() {
        var content = $(this).html();
        var matchKeyword = $.trim($('#searchKeyword').val())
                            .replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
        var matchRegx = new RegExp(matchKeyword, "ig");

        content = content.replace(matchRegx, function(match) {
            return "<strong class=\"keyword\">"+ match +"</strong>";
        });

        $(this).html(content);
    })
});
</script>