Fix when the play buttons appear

islamic-network · May 23, 2021 · 24a0210 · 24a0210
1 parent 2b23c5d
commit 24a0210
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 5 deletions.
diff --git a/html/public/js/jquery.mediaplayer.js b/html/public/js/jquery.mediaplayer.js
@@ -83,6 +83,9 @@ jQuery( document ).ready( function( $ ) {
                     w.player.load();
                     w.player.oncanplaythrough = w.player.play();
                 }
+                if ($('.playThisAyah').hasClass('hide')) {
+                    $('.playThisAyah').removeClass('hide');    
+                }
                 $('.playThisAyah').on('click', function() {
                     $('.ayahAudio' + number).removeClass('ayah-playing');
                     number = Number($(this).data('number'));

diff --git a/src/AlQuranCloud/Renderer/Quran.php b/src/AlQuranCloud/Renderer/Quran.php
@@ -61,7 +61,7 @@ public static function renderZoomIcon($ayah)
 
 	public static function renderPlayIcon($ayah)
 	{
-		return '<span class="linkify pull-left playThisAyah" id ="playThisAyah' . $ayah->number . '" data-number="' . $ayah->number . '"><i class="glyphicon glyphicon-play-circle"></i></span>';
+		return '<span class="linkify pull-left playThisAyah hide" id ="playThisAyah' . $ayah->number . '" data-number="' . $ayah->number . '"><i class="glyphicon glyphicon-play-circle"></i></span>';
 	}
 
 }
diff --git a/src/AlQuranCloud/Renderer/Surah.php b/src/AlQuranCloud/Renderer/Surah.php
@@ -59,7 +59,7 @@ public static function renderZoomIcon($ayah)
 
 	public static function renderPlayIcon($ayah, $surah)
 	{
-		return '<span class="linkify pull-left playThisAyah" data-numberInSurah="' . $ayah->numberInSurah . '" data-surah="' . $surah->data->number . '" data-number="' . $ayah->number . '"><i class="glyphicon glyphicon-play-circle"></i></span>';
+		return '<span class="linkify pull-left playThisAyah hide" data-numberInSurah="' . $ayah->numberInSurah . '" data-surah="' . $surah->data->number . '" data-number="' . $ayah->number . '"><i class="glyphicon glyphicon-play-circle"></i></span>';
 	}
 
 }
diff --git a/views/ayah.php b/views/ayah.php
@@ -100,7 +100,7 @@
 </div>
 
 <script src="/public/js/jquery.ayah.js?v=1"></script>
-<script src="/public/js/jquery.mediaplayer.js?v=7"></script>
+<script src="/public/js/jquery.mediaplayer.js?v=8"></script>
 <script>
 $(function() {
 	$('#editionSelector').multiselect({ enableFiltering: true, enableCaseInsensitiveFiltering: true, dropUp: true, maxHeight: 400  });

diff --git a/views/quran.php b/views/quran.php
@@ -80,7 +80,7 @@
 </div>
 </div>
 </div>
-<script src="/public/js/jquery.mediaplayer.js?v=7"></script>
+<script src="/public/js/jquery.mediaplayer.js?v=8"></script>
 <script src="/public/js/jquery.quran.js?v=1"></script>
 <script>
     var quran = <?php echo json_encode($quran->data); ?>;

diff --git a/views/surah.php b/views/surah.php
@@ -79,7 +79,7 @@
 	</div>
 	<hr />
 </div>
-<script src="/public/js/jquery.mediaplayer.js?v=7"></script>
+<script src="/public/js/jquery.mediaplayer.js?v=8"></script>
 <script src="/public/js/jquery.surah.js?v=7"></script>
 
 <script>