tile-view.html 7.03 KB
<div class="bodyWrap row ">
    <div ng-include="'app/widget/MainMenu.html'" />
    <div class="main" ng-init="loadForModuleById(1)">
        <!--<div class="main">-->
        <div class="col-sm-12" style="padding-left:25px; width:99%">

            <!--Filter section-->
            <!--<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 ng-change="hideListViewDiv()" class="form-control input-sm" ng-model="query.selectedbodyregion" ng-options="item for item in AllBodyRegion 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 AllBodySystem 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 AllOrientation 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 AllImageType 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 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">
                            <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(1,query)"><i class="fa fa-eye"></i> Show All</button>
                                <button type="button" class="btn btn-primary btn-sm col-xs-3" ng-click="FilterByImage(1,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>-->
            <!--End Filter Section-->
            <!--<!-- Nav tabs -->
            <!--<ul class="nav nav-tabs" role="tablist">
                <li role="presentation" id="Male" class="active" ng-click="getDAViewList($event)"><a><i class="fa  fa-mars-stroke "></i> Male</a></li>
                <li role="presentation" id="Female" ng-click="getDAViewList($event)"><a><i class="fa fa-venus"></i> Female</a></li>
            </ul>-->
            <!--<!-- Nav tabs -->
            <!--<ul class="nav nav-tabs" role="tablist">
                <li role="presentation" id="Male" class="active" ng-click="getDAViewList($event)"><a><i class="fa  fa-mars-stroke "></i> Male</a></li>
                <li role="presentation" id="Female" ng-click="getDAViewList($event)"><a><i class="fa fa-venus"></i> Female</a></li>
            </ul>-->
            <!-- Tab panes -->
            <div class="row tab-content" id="viewList">
                <!--<div role="tabpanel" class="tab-pane active" id="grid-view">-->
                <div role="tabpanel" class="tab-pane active" id="grid-view">
                    <div ng-repeat="(key,val) in moduleLandingData.data.root.Item | orderBy:'_Title' ">
                        <div id="{{val._Id}}" class="col-sm-3 col-lg-2" title="{{val._Title}}" ng-click="openModuleItemView($event)">
                            <div class="thumbnail">
                                <a href="#">
                                    <img class="tinyImg" id="{{val._Title}}" ng-src="../content/images/aa/thumbnails/{{val._TileImageName}}" data-ng-click="openModuleItemView($event)" alt="" title="">
                                    <div class="caption"><p>{{val._Title}}</p></div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12" id="list-view"></div>
            </div>
        </div>

        <script>
            $(function () {

                $(function () {
                    $('[data-toggle="tooltip"]').tooltip();
                })
            });
        </script>
        <script>
            (function ($) {
                $(window).load(function () {
                    $(".sidebar").mCustomScrollbar({
                        autoHideScrollbar: true,
                        //theme:"rounded"
                    });
                    //alert("side bar DA page");
                });
            })(jQuery);
        </script>
        <script>
            $(function () {
                $(".modal").draggable();
            });
        </script>