tile-view.html 7.01 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">
                    <!--<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">
                            <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>
            </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>