From 797d6a0fe82f24757ce6b41471daaa2d5f46aa42 Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <blacklight86@gmail.com>
Date: Thu, 26 Apr 2018 15:23:06 +0200
Subject: [PATCH] Added an icon to the video results to show the type

---
 .../http/static/css/video.omxplayer.css       |  4 ++++
 .../backend/http/static/js/video.omxplayer.js | 20 +++++++++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/platypush/backend/http/static/css/video.omxplayer.css b/platypush/backend/http/static/css/video.omxplayer.css
index c0cff1df..d6f7e9b2 100644
--- a/platypush/backend/http/static/css/video.omxplayer.css
+++ b/platypush/backend/http/static/css/video.omxplayer.css
@@ -32,6 +32,10 @@ form#video-ctrl {
         cursor: pointer;
     }
 
+    .video-icon-container {
+        margin-right: 1rem;
+    }
+
         .video-result.selected {
             background-color: #c8ffd0 !important;
         }
diff --git a/platypush/backend/http/static/js/video.omxplayer.js b/platypush/backend/http/static/js/video.omxplayer.js
index 5a8ae306..faa1cb53 100644
--- a/platypush/backend/http/static/js/video.omxplayer.js
+++ b/platypush/backend/http/static/js/video.omxplayer.js
@@ -14,10 +14,30 @@ $(document).ready(function() {
                 .attr('data-url', video['url'])
                 .html('title' in video ? video['title'] : video['url']);
 
+            var $icon = getVideoIconByUrl(video['url']);
+            $icon.prependTo($videoResult);
             $videoResult.appendTo($videoResults);
         }
     };
 
+    var getVideoIconByUrl = function(url) {
+        var $icon = $('<i class="fa"></i>');
+
+        if (url.startsWith('file://')) {
+            $icon.addClass('fa-hdd');
+        } else if (url.startsWith('https://www.youtube.com/')) {
+            $icon.addClass('fa-youtube');
+        } else if (url.startsWith('magnet:?')) {
+            $icon.addClass('fa-wifi');
+        } else {
+            $icon.addClass('fa-video');
+        }
+
+        var $iconContainer = $('<span></span>').addClass('video-icon-container');
+        $icon.appendTo($iconContainer);
+        return $iconContainer;
+    };
+
     var initBindings = function() {
         $searchForm.on('submit', function(event) {
             var $input = $(this).find('input[name=video-search-text]');