Able to bind data with ng-repeat for all tile views

Amrita Vishnoi
1 parent c0ab4784
Showing 4 changed files with 27 additions and 17 deletions
150-DOCUMENTATION/Scrum/AIA_DailyScrum.xlsx
400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
400-SOURCECODE/AIAHTML5.Web/app/services/ModuleService.js
400-SOURCECODE/AIAHTML5.Web/app/views/tile-view.html
@@ -25,7 +25,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, BodyRegions, Bod
             .then(
               function (result) {
-                  $scope.moduleLandingData = result;
+                  $scope.moduleLandingData = result;                  
                   console.log(JSON.stringify(result, null, 4));
               },
@@ -27,7 +27,7 @@ AIA.service(&#39;ModuleService&#39;, function($http, DataService) {
                                   .from(response.data.root.Item)
                                                               .orderBy([{ field: '_Title', sort: 'asc' }])
                                                               .select();
-               console.log(JSON.stringify(response, null, 4));
+                console.log(JSON.stringify(response, null, 4));
                 response.data= moduleData;
                 return response.data;            
             });
@@ -58,28 +58,38 @@
         <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 ng-repeat="(key,val) in moduleLandingData.data.root.Item">
+                    <div id="{{val._Id}}" class="col-sm-3 col-md-3" title="{{val._Title}}" data-ng-click="openModuleItem()">
                         <div class="thumbnail">
-                            <img ng-src="~ /../content/images/ci/thumbnails/{{item._ThumbnailImage}}" alt="" title="">
-                            <div class="caption">
-                                <p>{{item._Title}}</p>
-                            </div>
+                            <img class="tinyImg" id="{{val._Title}}" ng-src="../content/images/aa/thumbnails/{{val._TileImageName}}" alt="" title="">
+                            <div class="caption"><p>{{val._Title}}</p></div>
                         </div>
                     </div>
+
+
+                    <!--<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 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>
+                </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">-->