Merge pull request #64 from NenoR96/revert

fix: hide image placeholders if no image

Author: mustafa-hamza

widget/templates/Item_List_1.html

@@ -18,10 +18,9 @@
                 </p>
                 <div class="list-item" ng-repeat="item in WidgetHome.released" ng-if="isFetchedAllData" ng-class="shouldLockItem(item.data.rank)" id="{{ 'seminarItem' + item.data.rank }}">
                     <div class="item-click-holder ellipsis" ng-click="WidgetHome.openDetails(item.id, item.data.rank, $index)">
-                        <div class="square-icon list-media-holder">
+                            <div class="square-icon list-media-holder" ng-if="item.data.listImage || (!item.data.listImage && shouldLockItem(item.data.rank) === 'locked')">
                             <img ng-if="item.data.listImage" class="border-radius-three" load-image="1x1" crop-width="60" crop-height="60"
                                 crop-type="crop" data-final-src="{{item.data.listImage}}">
-                            <img ng-if="!item.data.listImage" class="border-radius-three" src="../../../styles/media/holder-1x1.png">
                             <div class="image-overlay">
                                 <div>
                                     <img src="./images/lock-icon.svg">

widget/templates/Item_List_2.html

@@ -21,10 +21,10 @@
                 </p>
                 <div class="list-item" ng-repeat="item in WidgetHome.released" ng-if="isFetchedAllData" ng-class="shouldLockItem(item.data.rank)" id="{{ 'seminarItem' + item.data.rank }}">
                     <div class="item-click-holder ellipsis" ng-click="WidgetHome.openDetails(item.id, item.data.rank, $index)">
-                        <div class="list-media-holder">
+                        <div class="list-media-holder" ng-if="item.data.listImage || (!item.data.listImage && shouldLockItem(item.data.rank) === 'locked')">
                             <img ng-if="item.data.listImage" class="border-radius-three" load-image="16x9" crop-width="120" crop-height="70"
                                 crop-type="crop" data-final-src="{{item.data.listImage}}">
-                            <img ng-if="!item.data.listImage" class="border-radius-three" src="../../../styles/media/holder-16x9.png">
+                            
                             <div class="image-overlay">
                                 <div>
                                     <img src="./images/lock-icon.svg">

widget/templates/Item_List_3.html

@@ -22,10 +22,9 @@
                 </p>
                 <div class="list-item" ng-repeat="item in WidgetHome.released" ng-if="isFetchedAllData" ng-class="shouldLockItem(item.data.rank)" id="{{ 'seminarItem' + item.data.rank }}">
                     <div class="item-click-holder ellipsis" ng-click="WidgetHome.openDetails(item.id, item.data.rank, $index)">
-                        <div class="square-icon list-media-holder pull-left overflow-hidden">
+                        <div class="square-icon list-media-holder pull-left overflow-hidden" ng-if="item.data.listImage || (!item.data.listImage && shouldLockItem(item.data.rank) === 'locked')">
                             <img ng-if="item.data.listImage" class="border-radius-three" load-image="1x1" crop-width="60" crop-height="60"
                                 crop-type="crop" data-final-src="{{item.data.listImage}}">
-                            <img ng-if="!item.data.listImage" class="border-radius-three" src="../../../styles/media/holder-1x1.png">
                             <div class="image-overlay">
                                 <div>
                                     <img src="./images/lock-icon.svg">

widget/templates/Item_List_4.html

@@ -18,7 +18,7 @@
 
 			<div class="plugin-banner hasBackground">
 				<div class="plugin-slide" ng-repeat="item in WidgetHome.released" ng-if="isFetchedAllData" ng-class="shouldLockItem(item.data.rank)" id="{{ 'seminarItem' + item.data.rank }}">
-					<img ng-hide="item.data.listImage" src="../../../styles/media/holder-16x9.png">
+					<img ng-hide="item.data.listImage" src="../../../styles/media/holder-16x9.png" style="opacity: 0;">
 					<img ng-show="item.data.listImage" class="border-radius-three" ng-if="item.data.listImage"
 						load-image="16x9" crop-width="{{deviceWidth}}" crop-height="183" crop-type="crop"
 						data-final-src="{{item.data.listImage}}">
@@ -31,7 +31,7 @@
 						</div>
 					</div>
 					<div ng-hide="item.data.listImage" class="backgroundLayer"
-						style="background:url('../../../styles/media/holder-16x9.png');"></div>
+						style="background:url('../../../styles/media/holder-16x9.png'); opacity: 0;"></div>
 					<div ng-show="item.data.listImage" class="backgroundLayer"
 						style="background:url({{item.data.listImage}});"></div>
 

widget/templates/Item_List_5.html

@@ -22,7 +22,7 @@
 				<div class="plugin-banner overflow-hidden grid-item" ng-repeat="item in WidgetHome.released"
 					ng-if="isFetchedAllData" ng-class="shouldLockItem(item.data.rank)" id="{{ 'seminarItem' + item.data.rank }}">
 					<div class="plugin-slide">
-						<img ng-hide="item.data.listImage" src="../../../styles/media/holder-1x1.png">
+						<img ng-hide="item.data.listImage" src="../../../styles/media/holder-1x1.png" style="opacity: 0;">
 						<img ng-show="item.data.listImage" ng-if="item.data.listImage" load-image="1x1" crop-width="162"
 							crop-height="162" crop-type="crop" data-final-src="{{item.data.listImage}}">
 						<div class="blackLayer">