ca-view.html 8.55 KB

<div class="bodyWrap row no-scroll">
    <div ng-include="'app/widget/MainMenu.html'" />
    <div class="main" ng-init="loadAIModuleById(5)">
            <div class="col-sm-12 stickey-area clsstickydiv" style="padding-left:25px; width:100%">
                <div class="breadcrumb">
                    <div class="row center-block">
                        <h5 class="text-center text-primary txt-white f15">Display Animation By</h5>
                        <div class="col-md-2 hidden-sm hidden-xs visible-md visible-lg">&nbsp;</div>
                        <div class="col-md-2 col-xs-6 col-sm-3 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-xs-6 col-sm-3 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-xs-6 col-sm-3 pad-lftrgt3">
                            <div class="form-group">
                                <h6 class="text-center text-primary txt-white f11">Medical Specialty</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-xs-6 col-sm-3 pad-lftrgt3">
                            <div class="form-group">
                                    
                                <div class="col-xs-12" style="padding:0;">
                                    <div class="col-xs-5" style="padding:0 2px 0 0;">
                                        <h6 class="text-center text-primary txt-white f11">Search</h6>
                                        <button type="button" class="btn btn-primary btn-sm col-xs-12" ng-click="ApplySearch(query)">
                                            <i class="fa fa-search"></i>
                                        </button>
                                    </div>
                                    <div class="col-xs-7" style="padding:0;">
                                        <h6 class="text-center text-primary txt-white f11" style="padding:0;">Show All</h6>
                                        <button type="button" class="btn btn-primary btn-sm col-xs-12" ng-click="Reset(query)"><i class="fa fa-eye"></i></button>
                                    </div>
                                </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 class="row tab-content">
                    <div class="customTable" role="tabpanel" class="tab-pane active" id="grid-view">
                    </div>
                    <div class="customTable"  role="tabpanel"  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" style="background:#f5f5f5;">
                                        <th width="25%">Title</th>
                                        <th width="25%">Region</th>
                                        <th width="25%">System</th>
                                        <th>Specialty</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 selectedCAListViewData">
                                        <td width="25%">
                                            ({{item._id}}) {{item._Title}}
                                        </td>
                                        <td width="25%">
                                            {{item._BodyRegion}}
                                        </td>
                                        <td width="25%">
                                            {{item._BodySystem}}
                                        </td>
                                        <td>
                                            {{item._MedicalSpecialty}}
                                        </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 searchCAListViewData">
                                        <td width="25%">
                                            ({{item._id}}) {{item._Title}}
                                        </td>
                                        <td width="25%">
                                            {{item._BodyRegion}}
                                        </td>
                                        <td width="25%">
                                            {{item._BodySystem}}
                                        </td>
                                        <td>
                                            {{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-xs-12 text-center" ng-show="hiderow" style="padding-left:25px;">
                            <div class="row well" style="margin-bottom: 0px;">
                                <div title="{{SelectedCATitle}}" class="col-sm-3 col-lg-2 no-padding">
                                    <div class="thumbnail no-margin">
                                        <img id="{{SelectedCAId}}" src="{{SelectedCAthumbImage}}" alt="" title="{{SelectedCATitle}}" data-ng-click="openView($event)" style="height:150px">
                                    </div>
                                </div>
                                <div class="class="col-sm-9 col-lg-9"" style="padding-left:10px;">
                                    <div align="left" style="height:130px;overflow-y:scroll !important;padding-left: 20px; -webkit-overflow-scrolling:touch !important;">
                                        <p ng-bind-html="SelectedCASummary"></p>
                                    </div>
                                    <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>
</div>