Advertisement
Guest User

Untitled

a guest
Aug 2nd, 2017
89
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.30 KB | None | 0 0
  1. <div class="swiper-slide " *ngFor="let picture of pictures; let i = index">
  2. <div class="zoomImage" >
  3. <img class="img-fluid GridImage"
  4. (click)="lgModal.show()"
  5. src="{{picture.regularUrl}}">
  6. </div>
  7. </div>
  8.  
  9. <div *ngIf="pictures.length%2 !=0" class="swiper-slide ">
  10. <!--<img class="img-fluid GridImage"-->
  11. <!--src="../../assets/images/dummy-image.jpg" />-->
  12. <img class="img-fluid GridImage"
  13. src="http://dev.rileyblakedesigns.com/media/productimage-
  14. picture-c120-lightgray-27516.jpg"/>
  15. </div>
  16. <!--</swiper>-->
  17.  
  18. <div bsModal #lgModal="bs-modal" class="modal fade" tabindex="-1"
  19. data-a8n="popUp OverLay" id="backgroundPopUp"
  20. role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  21. <button type="button" class="close pull-right"
  22. data-a8n="PopUp Close Button" id="popCloseBtn"
  23. (click)="lgModal.hide()" aria-label="Close">
  24. <span aria-hidden="true">&times;</span>
  25. </button>
  26.  
  27. <carousel [interval]="'false'" [noWrap]="'true'" id="thumbChange" >
  28. <div style=" " class="closeDiv"
  29. (click)="lgModal.hide()" >
  30. <div class="modal-dialog modal-lg">
  31.  
  32. <div class="modal-content" >
  33. <div class="modal-body">
  34. <slide *ngFor="let picture of pictures; let i = index" >
  35. <div >
  36. <img class="img-fluid popUpImage"
  37. src="{{picture.regularUrl}}" >
  38. <div class="pull-right imageCount"
  39. ">
  40. <h6 class="countPic" >{{i+1}} of {{
  41. pictures.length}}</h6>
  42. </div>
  43. </div>
  44. </slide>
  45. </div>
  46. </div>
  47. </div>
  48.  
  49. </div>
  50.  
  51. <div class="PopUp-Thumbnail" data-a8n="PopUp-Thumbnail"
  52. style="">
  53. <span *ngFor="let picture of pictures; let i = index" >
  54. <img class="img-fluid GridImagePopUp active"
  55. id="thumbnailImage"
  56. src="{{picture.thumbnailUrl}}">
  57. </span>
  58. </div>
  59.  
  60. </carousel>
  61.  
  62. </div>
  63.  
  64. var App= angular.module('myApp',[]);
  65. App.controller('MainCtrl', function ($scope ,$http) {
  66. $scope.userName ="usern";
  67. $scope.password ="pass";
  68.  
  69. $http({
  70. method :'GET',
  71. url:' paste url here',
  72. params: { username : $scope.userName , password: $scope.password},
  73.  
  74. headers: {'Content-Type': 'application/json'}
  75. }).success(function (data, status, headers, config)
  76. {
  77. console.log('status',status);
  78.  
  79. console.log('data',status);
  80. console.log('headers',status);
  81. });
  82. });
  83.  
  84. var App= angular.module('myApp',[]);
  85. App.controller('MainCtrl', function ($scope ,$http) {
  86. $scope.userName ="usern";
  87. $scope.password ="pass";
  88.  
  89. $http({
  90. method :'GET',
  91. url:' paste url here',
  92. headers: {'Content-Type': 'application/json','Authorization':'Basic '+btoa($scope.userName+':'+$scope.password)}
  93. }).success(function (data, status, headers, config)
  94. {
  95. console.log('status',status);
  96.  
  97. console.log('data',data);
  98. console.log('headers',headers);
  99. });
  100. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement