tiny-view.html 9.81 KB
<div class="bodyWrap row no-scroll">
    <div ng-include=" 'app/widget/MainMenu.html' " />
    <div class="main">
        <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 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 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 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 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 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 Speciality</h6>
                            <select 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">
                            <h6 class="text-center text-primary txt-white f11">Search</h6>
                            <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 class="row tab-content" style="padding-left:25px; width:99%">
            <!--<div role="tabpanel" class="tab-pane active" id="grid-view">-->
            <div role="tabpanel" id="grid-view">
                <!--<div ng-if="!filterstring" ng-repeat="item in selectedCIListViewData">
                    <div id="{{item._id}}" class="col-sm-3 col-lg-2" title="{{item._Title}}" data-ng-click="openView($event)">
                        <div class="thumbnail">
                            <img ng-src="~ /../content/images/ci/thumbnails/{{item._ThumbnailImage}}" alt="" title="">
                            <div class="caption">
                                <p>{{item._Title}}</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div ng-if="filterstring" ng-repeat="item in searchCIListViewData">
                    <div id="{{item._id}}" class="col-sm-3 col-lg-2" title="{{item._Title}}" data-ng-click="openView($event)">
                        <div class="thumbnail">
                            <img ng-src="~ /../content/images/ci/thumbnails/{{item._ThumbnailImage}}" alt="" title="">
                            <div class="caption">
                                <p>{{item._Title}}</p>
                            </div>
                        </div>
                    </div>
                </div>-->
            </div>
            <!--<div role="tabpanel" class="tab-pane" id="list-view">-->
            <div role="tabpanel" ng-class="{'tab-pane active' : activeTab === 2,'tab-pane' : activeTab !==2 }" id="list-view">
                <!--<div class="col-sm-12 table-responsive">-->
                <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-condensed bg-white" style="padding-left:25px; width:99%">-->
                    <table class="table table-hover table-fixed bg-white table-txt12" style="padding-left:25px; width:100%;">
                        <thead class="clsthead">
                            <tr class="active">
                                <th width="15%">Title</th>
                                <th width="15%">Region</th>
                                <th width="15%">System</th>
                                <th width="15%">View</th>
                                <th width="15%">Type</th>
                                <th width="25%">Specialty</th>
                            </tr>
                        </thead>
                        <tbody ng-if="!filterstring" class="clstbody">
                            <tr id="{{item._id}}" ng-click="showItem(item._id)" ng-dblclick="openView($event)" ng-repeat="item in selectedCIListViewData">
                                <td width="15%">
                                    {{item._Title}}
                                </td>
                                <td width="15%">
                                    {{item._BodyRegion}}
                                </td>
                                <td width="15%">
                                    {{item._BodySystem}}
                                </td>
                                <td width="15%">
                                    {{item._ViewOrientation}}
                                </td>
                                <td width="15%">
                                    {{item._ImageType}}
                                </td>
                                <td width="25%">
                                    {{item._MedicalSpecialty}}
                                </td>
                            </tr>
                        </tbody>
                        <tbody ng-if="filterstring" class="clstbody">
                            <tr ng-click="showItem(item._id)" ng-dblclick="openView($event)" ng-repeat="item in searchCIListViewData">
                                <td width="15%">
                                    {{item._Title}}
                                </td>
                                <td width="15%">
                                    {{item._BodyRegion}}
                                </td>
                                <td width="15%">
                                    {{item._BodySystem}}
                                </td>
                                <td width="15%">
                                    {{item._ViewOrientation}}
                                </td>
                                <td width="15%">
                                    {{item._ImageType}}
                                </td>
                                <td width="25%">
                                    {{item._MedicalSpecialty}}
                                </td>
                            </tr>
                            <tr ng-if="typeof(searchCIListViewData) == 'undefined' || searchCIListViewData == null || searchCIListViewData == ''">
                                <td colspan="6"><strong style="color:black;">No illustration 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="{{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)">
                            </div>
                        </div>
                        <div class="col-sm-9 col-lg-9" style="padding-left:10px;">
                            <p class="f11" ng-bind-html="SelectedCISummary"></p>
                            <button id="{{SelectedCIId}}" type="button" class="btn btn-primary btn-sm pull-right" data-ng-click="openView($event)">Open</button>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>