ci-view.html 8.75 KB
<div class="bodyWrap row">
    <div ng-include=" 'app/widget/MainMenu.html' " />
    <div class="main">
        <div class="col-sm-12 stickey-area" style="padding-left:25px; width:99%">
            <div class="breadcrumb">
                <div class="row">
                    <h4 class="text-center text-primary paddingbtm5">Display Image By</h4>
                    <div class="col-lg-2 col-sm-4">
                        <div class="form-group">
                            <h5 class="text-center text-primary paddingbtm5">Body Region</h5>
                            <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-lg-2 col-sm-4">
                        <div class="form-group">
                            <h5 class="text-center text-primary paddingbtm5">Body System</h5>
                            <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-lg-2 col-sm-4">
                        <div class="form-group">
                            <h5 class="text-center text-primary paddingbtm5">View Orientation</h5>
                            <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-lg-2 col-sm-4">
                        <div class="form-group">
                            <h5 class="text-center text-primary paddingbtm5">Image Type</h5>
                            <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-lg-2 col-sm-4">
                        <div class="form-group">
                            <h5 class="text-center text-primary paddingbtm5">Medical Speciality</h5>
                            <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-lg-2 col-sm-4">
                        <div class="form-group">
                            <h5 class="text-center text-primary paddingbtm5">Search</h5>
                            <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" 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 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 class="col-sm-12 table-responsive">-->
                    <div class="col-sm-12 table-responsive well" style="padding-left:25px; width:99%;max-height:350px;overflow:auto">
                        <!--<table class="table table-hover table-condensed bg-white" style="padding-left:25px; width:99%">-->
                        <table class="table table-hover table-fixed bg-white" style="padding-left:25px; width:100%;">
                            <thead>
                                <tr class="active">
                                    <th>Title</th>
                                    <th>Region</th>
                                    <th>System</th>
                                    <th>View</th>
                                    <th>Type</th>
                                    <th>Specialty</th>
                                </tr>
                            </thead>
                            <tbody ng-if="!filterstring">
                                <tr ng-repeat="item in selectedCIlistViewData" >
                                    <td ng-click="showItem(item._id)">
                                        {{item._Title}}
                                    </td>
                                    <td>
                                        {{item._BodyRegion}}
                                    </td>
                                    <td>
                                        {{item._BodySystem}}
                                    </td>
                                    <td>
                                        {{item._ViewOrientation}}
                                    </td>
                                    <td>
                                        {{item._ImageType}}
                                    </td>
                                    <td>
                                        {{item._MedicalSpecialty}}
                                    </td>
                                </tr>
                            </tbody>
                            <tbody ng-if="filterstring">
                                <tr ng-repeat="item in searchCIlistViewData">
                                    <td ng-click="showItem(item._id)">
                                        {{item._Title}}
                                    </td>
                                    <td>
                                        {{item._BodyRegion}}
                                    </td>
                                    <td>
                                        {{item._BodySystem}}
                                    </td>
                                    <td>
                                        {{item._ViewOrientation}}
                                    </td>
                                    <td>
                                        {{item._ImageType}}
                                    </td>
                                    <td>
                                        {{item._MedicalSpecialty}}
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="col-sm-12 well" ng-show=" hiderow" style="padding-left:25px;padding-top:10px;">
                        <div title="{{SelectedCITitle}}" class="col-sm-3 col-lg-3 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-8 col-lg-8" style="padding-left:10px;"><p ng-bind-html="SelectedCISummary"></p></div>
                    </div>
                    </div>
            </div>
    </div>
</div>