ci-view.html 9.38 KB

<div class="bodyWrap row no-scroll">
    <div ng-include=" 'app/widget/MainMenu.html' " />
    <div class="main" ng-init="loadAIModuleById(4)">
        <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 Image By</h5>
                    <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 ng-change="hideListViewDiv()" class="form-control input-sm" ng-model="query.selectedbodyregion" ng-options="item for item in CIAllBodyRegion 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 ng-change="hideListViewDiv()" class="form-control input-sm" ng-model="query.selectedbodysystem" ng-options="item for item in CIAllBodySystem 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">View Orientation</h6>
                            <select ng-change="hideListViewDiv()" class="form-control input-sm" ng-model="query.selectedorientation" ng-options="item for item in CIAllOrientation 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">Image Type</h6>
                            <select ng-change="hideListViewDiv()" class="form-control input-sm" ng-model="query.selectedimagetype" ng-options="item for item in CIAllImageType 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 Specialty</h6>
                            <select ng-change="hideListViewDiv()"class="form-control input-sm" ng-model="query.selectedspecialty" ng-options="item for item in CIAllSpeciality track by item">
                                <option value="">All</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-4 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 col-xs-12">Search</h6>
                                    <button type="button" class="btn btn-primary btn-sm col-xs-12" ng-click="ApplySearch(query)" style="margin-right:2px;">
                                        <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 col-xs-12" 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>
                        </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-condensed bg-white" style="padding-left:25px; width:99%">-->
                        <table class="table table-hover table-fixed bg-white table-txt12">
                            <thead class="clsthead">
                                <tr class="active">
                                    <th width="20%">Title</th>
                                    <th width="20%">Region</th>
                                    <th width="20%">System</th>
                                    <th width="10%">View</th>
                                    <th width="10%">Type</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 selectedCIListViewData">
                                    <td width="20%">
                                        {{item._Title}}
                                    </td>
                                    <td width="20%">
                                        {{item._BodyRegion}}
                                    </td>
                                    <td width="20%">
                                        {{item._BodySystem}}
                                    </td>
                                    <td width="10%">
                                        {{item._ViewOrientation}}
                                    </td>
                                    <td width="10%">
                                        {{item._ImageType}}
                                    </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 searchCIListViewData">
                                    <td width="20%">
                                        {{item._Title}}
                                    </td>
                                    <td width="20%">
                                        {{item._BodyRegion}}
                                    </td>
                                    <td width="20%">
                                        {{item._BodySystem}}
                                    </td>
                                    <td width="10%">
                                        {{item._ViewOrientation}}
                                    </td>
                                    <td width="10%">
                                        {{item._ImageType}}
                                    </td>
                                    <td>
                                        {{item._MedicalSpecialty}}
                                    </td>
                                </tr>
    
                            </tbody>
                        </table>
                    </div>
                   
                    <div class="col-sm-12 text-center" ng-show="hiderow" style="padding: 0px 18px 0px 24px;">
                        <div class="row well" style="margin-bottom: 0px;padding:4px;height:178px">
                            <div title="{{SelectedCITitle}}" class="col-sm-3 col-lg-2 no-padding">
                                <div class="thumbnail no-margin">
                                    <img id="{{SelectedCIId}}" src="{{SelectedCIthumbImage}}" alt="" title="{{SelectedCITitle}}" data-ng-click="openView($event)" style="height:160px">
                                </div>
                            </div>
                            <div class="col-sm-9 col-lg-10" style="padding-left:10px;">
                                <div align="left" style="height:135px;overflow-y:scroll !important;padding-left: 20px; -webkit-overflow-scrolling:touch !important;">
                                    <p ng-bind-html="SelectedCISummary"></p>
                                </div>
                                <button id="{{SelectedCIId}}" type="button" class="btn btn-primary btn-sm pull-right" data-ng-click="openView($event)" style="font-size: 14px;">Open</button>
                            </div>
                           
                        </div>
    
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>