ca-view.html 7.61 KB

<div class="bodyWrap row ">
    <div ng-include="'app/widget/MainMenu.html'" />
    <div class="main">

        <div class="row">
            <div class="col-sm-12 stickey-area clsstickydiv">
                <div class="breadcrumb">
                    <div class="row center-block">
                        <h5 class="text-center text-primary txt-white f15">Display Animation By</h5>
                        <div class="col-sm-2">&nbsp;</div>
                        <div class="col-md-2 col-sm-4 pad-lftrgt3">
                            <div class="form-group">
                                <h6 class="text-center text-primary txt-white f11">Body Region</h6>
                                <select class="form-control input-sm" ng-change="hideListViewDiv()" ng-model="query.selectedbodyregion" ng-options="item for item in CAAllBodyRegion track by item">
                                    <option value="">All</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-4 pad-lftrgt3">
                            <div class="form-group">
                                <h6 class="text-center text-primary txt-white f11">Body System</h6>
                                <select class="form-control input-sm" ng-change="hideListViewDiv()" ng-model="query.selectedbodysystem" ng-options="item for item in CAAllBodySystem track by item">
                                    <option value="">All</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-4 pad-lftrgt3">
                            <div class="form-group">
                                <h6 class="text-center text-primary txt-white f11">Medical Speciality</h6>
                                <select class="form-control input-sm" ng-change="hideListViewDiv()" ng-model="query.selectedspecialty" ng-options="item for item in CAAllSpeciality track by item">
                                    <option value="">All</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-4 pad-lftrgt3">
                            <div class="form-group">
                                <h6 class="text-center text-primary txt-white f11">Search</h6>


                                <div class="btn-group col-xs-12" style="padding:0;">
                                    <button type="button" class="btn btn-primary btn-sm col-xs-9" ng-click="Reset(query)"><i class="fa fa-eye"></i> Show All</button>
                                    <button type="button" class="btn btn-primary btn-sm col-xs-3" ng-click="ApplySearch(query)">
                                        <i class="fa fa-search"></i>
                                    </button>

                                </div>


                                <!--<button class="btn btn-primary btn-sm" ng-click="ApplySearch(query)"><i class="fa fa-search"></i></button>&nbsp;<button class="btn btn-primary btn-sm col-md-9" ng-click="Reset(query)"><i class="fa fa-eye"></i> Show All</button>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row tab-content" style="padding-left:25px; width:99%">
            <div role="tabpanel" ng-class="{'tab-pane active' : activeTab === 1,'tab-pane' : activeTab !==1 }" id="grid-view">
            </div>
            <div role="tabpanel" ng-class="{'tab-pane active' : activeTab === 2,'tab-pane' : activeTab !==2 }" id="list-view">
                <div class="panel col-sm-12 table-responsive" style="padding-left:0px; padding-right:0; margin-left:11px; margin-bottom:0; width:99%;">
                    <table class="table table-hover table-fixed bg-white table-txt12 tablecaview" style="padding-left:25px; width:100%;">
                        <thead class="clstheadca">
                            <tr class="active" style="background:#f5f5f5;">
                                <th style="width:25%">Title</th>
                                <th style="width:25%">Region</th>
                                <th style="width:25%">System</th>
                                <th style="width:25%">Specialty</th>
                            </tr>
                        </thead>
                        <tbody id="ListViewDiv" ng-if="!filterstring" class="clstbodyca">
                            <tr id="{{item._id}}" ng-class="{selected: item._id === idSelected}" ng-click="showItem(item._id)" ng-dblclick="openView($event)" ng-repeat="item in selectedCAListViewData">
                                <td style="width:25%">
                                    {{item._Title}}
                                </td>
                                <td style="width:25%">
                                    {{item._BodyRegion}}
                                </td>
                                <td style="width:25%">
                                    {{item._BodySystem}}
                                </td>
                                <td style="width:25%">
                                    {{item._MedicalSpecialty}}
                                </td>
                            </tr>
                        </tbody>
                        <tbody id="ListViewDiv" ng-if="filterstring" class="clstbodyca">
                            <tr ng-click="showItem(item._id)" ng-class="{selected: item._id === idSelected}" ng-dblclick="openView($event)" ng-repeat="item in searchCAListViewData">
                                <td style="width:25%">
                                    {{item._Title}}
                                </td>
                                <td style="width:25%">
                                    {{item._BodyRegion}}
                                </td>
                                <td style="width:25%">
                                    {{item._BodySystem}}
                                </td>
                                <td style="width:25%">
                                    {{item._MedicalSpecialty}}
                                </td>
                            </tr>
                            <tr ng-if="typeof(searchCAListViewData) == 'undefined' || searchCAListViewData == null || searchCAListViewData == ''">
                                <td colspan="3"><strong style="color:black;">No animation found for the selected search criteria!</strong></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="{{SelectedCATitle}}" class="col-sm-3 col-lg-2 no-padding">
                            <div class="thumbnail no-margin">
                                <img id="{{SelectedCAId}}" src="{{SelectedCAthumbImage}}" style="width:100%;height:100%;" alt=" " title="{{SelectedCATitle}}" 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="SelectedCASummary"></p>
                            <button id="{{SelectedCAId}}" type="button" class="btn btn-primary btn-sm pull-right" data-ng-click="openView($event)">Open</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>