removed external js; cleanup css

leifos-gmbh · Nov 12, 2024 · f55ceae · f55ceae
1 parent 13a542c
commit f55ceae
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 14 deletions.
diff --git a/components/ILIAS/UI/src/Implementation/Component/Player/Renderer.php b/components/ILIAS/UI/src/Implementation/Component/Player/Renderer.php
@@ -45,9 +45,6 @@ public function renderAudio(Component\Component $component, RendererInterface $d
     {
         $tpl = $this->getTemplate("tpl.audio.html", true, true);
 
-        $component = $component->withAdditionalOnLoadCode(function ($id) {
-            return "$('#$id').mediaelementplayer({stretching: 'responsive'});";
-        });
         $id = $this->bindJavaScript($component);
 
         if ($component->getTranscription() != "") {
@@ -170,12 +167,4 @@ protected function isYoutube(
         }
         return false;
     }
-
-    public function registerResources(\ILIAS\UI\Implementation\Render\ResourceRegistry $registry): void
-    {
-        parent::registerResources($registry);
-        $registry->register('https://player.vimeo.com/api/player.js');
-    }
-
-
 }
diff --git a/components/ILIAS/UI/src/templates/default/Player/tpl.audio.html b/components/ILIAS/UI/src/templates/default/Player/tpl.audio.html
@@ -1,5 +1,5 @@
 <div class="il-audio-container">
-    <audio controls style="width:100%; height: 30px; background-color: transparent;" class="il-audio-player" id="{ID}" src="{SOURCE}" preload="metadata"></audio>
+    <audio controls class="il-audio-player" id="{ID}" src="{SOURCE}" preload="metadata"></audio>
     <!-- BEGIN transcription -->
     {BUTTON_AND_MODAL}
     <!-- END transcription -->

diff --git a/templates/default/070-components/UI-framework/Player/_ui-component_player.scss b/templates/default/070-components/UI-framework/Player/_ui-component_player.scss
@@ -2,6 +2,7 @@
 
 //== Player
 $il-player-audio-width: 100%;
+$il-player-audio-height: 30px;
 
 // audio
 .il-audio-container {
@@ -10,7 +11,9 @@ $il-player-audio-width: 100%;
   }
 }
 .il-audio-player {
-  background: $il-neutral-color;
+  background: transparent;
+  height: $il-player-audio-height;
+  width: $il-player-audio-width;
 }
 .il-video-container {
   video {

diff --git a/templates/default/delos.css b/templates/default/delos.css