SAAS-712: UI Improvements

airtime_mvc/public/css/embeddable-player-form.css

@@ -1,16 +0,0 @@
-.embed-player-text-box {
-    padding-right: 0px !important;
-    width: 100% !important;
-}
-.embed-player-form {
-    width: 70%;
-}
-.embed-player-form dd {
-    width: 100% !important;
-    float: left;
-    margin: 0;
-    padding: 4px 0px 4px 0px;
-}
-
-
-

airtime_mvc/public/css/player-form.css

@@ -0,0 +1,35 @@
+.embed-player-text-box {
+    padding-right: 0px !important;
+    width: 100% !important;
+}
+.embed-player-form {
+    width: 98%;
+}
+.embed-player-form dd {
+    width: 100% !important;
+    float: left;
+    margin: 0;
+    padding: 4px 0px 4px 0px;
+}
+.player-preview {
+    width: 100%;
+}
+.player-preview iframe {
+    margin: 0 auto;
+    display: block;
+}
+#player_form {
+    width: 50%;
+    margin: 0 auto;
+}
+#player_instructions {
+    border-bottom: 1px solid;
+    padding-bottom: 10px;
+    font-size: 14px;
+    font-weight: bold;
+    color: #5b5b5b;
+    margin-bottom: 10px;
+}
+
+
+

airtime_mvc/public/js/airtime/player/player.js

@@ -29,12 +29,16 @@ function getStreamMode() {
 
 $(document).ready(function() {
 
+    $("#player_stream_url-element").hide();
+
     $("#player_stream_mode-element").change(function() {
         var $streamMode = getStreamMode();
+
         if ($streamMode == "auto") {
-            $("#player_stream_url-element input[type='radio']").attr("disabled", "disabled");
+            $("#player_stream_url-element").hide();
+
         } else if ($streamMode == "manual") {
-            $("#player_stream_url-element input[type='radio']").removeAttr("disabled");
+            $("#player_stream_url-element").show();
 
             $("input[name=player_stream_url]").each(function(i, obj) {
                 if ($(this).parent().text().toLowerCase().indexOf("opus") >= 0) {