ai-view.html 6.54 KB
<div class="bodyWrap row no-scroll">
    <div ng-include=" 'app/widget/MainMenu.html' " />
    <div class="main">
        <div class="row">
            <div class="col-sm-12 stickey-area" style="padding-left:25px; width:99%">
                <div class="breadcrumb" style="padding-bottom:5px;">
                    <div class="row" align="center">
                        <form class="form-inline padd5">
                            <div class="form-group">
                                <label for="exampleInputName2" class="text-primary">Search</label>
                                <input type="text" ng-model="SearchText" class="form-control input-sm col-sm" id="txtSerachInput" placeholder="">
                            </div>
                            <button type="button" class="btn btn-primary btn-sm" ng-click="ApplySearch(SearchText)" style="margin-right:2px;">
                                <i class="fa fa-search"></i>
                            </button>
                        </form>
                        <nav>
                            <ul class="pagination pagination-sm no-margin">
                                <li><a href="#" ng-click="ApplySearch('A')">A</a></li>
                                <li><a href="#" ng-click="ApplySearch('B')">B</a></li>
                                <li><a href="#" ng-click="ApplySearch('C')">C</a></li>
                                <li><a href="#" ng-click="ApplySearch('D')">D</a></li>
                                <li><a href="#" ng-click="ApplySearch('E')">E</a></li>
                                <li><a href="#" ng-click="ApplySearch('F')">F</a></li>
                                <li><a href="#" ng-click="ApplySearch('G')">G</a></li>
                                <li><a href="#" ng-click="ApplySearch('H')">H</a></li>
                                <li><a href="#" ng-click="ApplySearch('I')">I</a></li>
                                <li><a href="#" ng-click="ApplySearch('J')">J</a></li>
                                <li><a href="#" ng-click="ApplySearch('K')">K</a></li>
                                <li><a href="#" ng-click="ApplySearch('L')">L</a></li>
                                <li><a href="#" ng-click="ApplySearch('M')">M</a></li>
                                <li><a href="#" ng-click="ApplySearch('N')">N</a></li>
                                <li><a href="#" ng-click="ApplySearch('O')">O</a></li>
                                <li><a href="#" ng-click="ApplySearch('P')">P</a></li>
                                <li><a href="#" ng-click="ApplySearch('Q')">Q</a></li>
                                <li><a href="#" ng-click="ApplySearch('R')">R</a></li>
                                <li><a href="#" ng-click="ApplySearch('S')">S</a></li>
                                <li><a href="#" ng-click="ApplySearch('T')">T</a></li>
                                <li><a href="#" ng-click="ApplySearch('U')">U</a></li>
                                <li><a href="#" ng-click="ApplySearch('V')">V</a></li>
                                <li><a href="#" ng-click="ApplySearch('W')">W</a></li>
                                <li><a href="#" ng-click="ApplySearch('X')">X</a></li>
                                <li><a href="#" ng-click="ApplySearch('Y')">Y</a></li>
                                <li><a href="#" ng-click="ApplySearch('Z')">Z</a></li>
                            </ul>
                            <button type="button" class="btn btn-primary btn-sm" ng-click="Reset(query)" style = "margin-bottom:23px"><i class="fa fa-eye"></i>Show All</button>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
        <div class="row tab-content" style="padding-left:25px; width:99%">
            <div class="customTable" role="tabpanel" ng-class="{'tab-pane active' : activeTab === 1,'tab-pane' : activeTab !==1 }" id="grid-view">
            </div>
            <div class="customTable" role="tabpanel" ng-class="{'tab-pane active' : activeTab === 2,'tab-pane' : activeTab !==2 }" id="list-view">
                <div class="panel col-sm-12 table-responsive">
                    <table class="table table-hover table-fixed bg-white table-txt12">
                        <thead class="clsthead">
                            <tr class="active">
                                <th width="20%">Title</th>
                            </tr>
                        </thead>
                        <tbody id="ListViewDiv" ng-if="!filterstring" class="clstbody">
                            <tr id="{{item._id}}" ng-class="{selected: item._id === idSelected}" ng-click="showItem(item._id)" ng-dblclick="openView($event)" ng-repeat="item in selectedAIListViewData">
                                <td width="20%">
                                    {{item._Title}}
                                </td>
                            </tr>
                        </tbody>
                        <tbody id="ListViewDiv" ng-if="filterstring" class="clstbody">
                            <tr ng-click="showItem(item._id)" ng-class="{selected: item._id === idSelected}" ng-dblclick="openView($event)" ng-repeat="item in searchAIListViewData">
                                <td width="20%">
                                    {{item._Title}}
                                </td>
                            </tr>
                          
                        </tbody>
                    </table>
                </div>
                <div class="col-sm-12" ng-show="hiderow" style="padding-left:25px;padding-top:10px;">
                    <div class="row well">
                        <div title="{{SelectedAITitle}}" class="col-sm-3 col-lg-2 no-padding">
                            <div class="thumbnail no-margin">
                                <img id="{{SelectedAIId}}" src="{{SelectedAIthumbImage}}" alt="" title="{{SelectedAITitle}}" data-ng-click="openView($event)">
                            </div>
                        </div>
                        <div class="col-sm-9 col-lg-9" style="padding-left:10px;">
                            <p class="f11" ng-bind-html="SelectedCISummary"></p>
                            <button id="{{SelectedAIId}}" type="button" class="btn btn-primary btn-sm pull-right" data-ng-click="openView($event)">Open</button>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div id="aiSpinner" class="spinner" ng-show="isLoading" style="visibility:hidden">
        <img id="img-spinner" src="content/images/common/loading.gif" alt="Loading" />
    </div>
</div>