hide stream key

Author: jprjr

static/css/multistreamer.css

@@ -2,6 +2,10 @@ span.error {
     color: red;
 }
 
+#stream-key {
+  display:none;
+}
+
 a {
     color: #428bca;
 }

views/metadata.etlua

@@ -1,7 +1,7 @@
 <h3>Edit Metadata</h3>
 
 <p><strong>RTMP URL</strong> <code><%= public_rtmp_url %>/<%= rtmp_prefix %></code></p>
-<p><strong>Stream Key</strong> <code><%= stream.uuid %></code></p>
+<p><strong>Stream Key</strong> <button id="showBtn" type="button" class="pure-button">Show</button> <code id="stream-key"><%= stream.uuid %></code></p>
 
 <form class="pure-form pure-form-aligned" id="the_form" method="post" action="<%= url_for('metadata-edit')..stream.id %>" enctype="multipart/form-data">
 
@@ -54,10 +54,13 @@
 
 <script type="text/javascript">
 var copyDownBtn = document.getElementById('copyDownBtn');
+var showBtn = document.getElementById('showBtn');
+
 var titleKeys = [];
 var descriptionKeys = [];
 var titleInput = document.getElementById('title');
 var descriptionInput = document.getElementById('description');
+var streamKey = document.getElementById('stream-key');
 <% for _,account in pairs(accounts) do -%>
 <% local metadata_fields, err = account.network.metadata_fields() -%>
 <% if metadata_fields then -%>
@@ -81,5 +84,15 @@ copyDownBtn.onclick = function() {
   });
 }
 
+function hideStreamKey() {
+  streamKey.style.display='none';
+  showBtn.onclick = showStreamKey;
+}
+
+function showStreamKey() {
+  streamKey.style.display='inline';
+  showBtn.onclick = hideStreamKey;
+}
 
+showBtn.onclick = showStreamKey;
 </script>