Allow renaming Custom Embed items (#255)

channel.js

@@ -1229,6 +1229,9 @@ Channel.prototype.tryQueue = function(user, data) {
         return;
     }
 
+    if(typeof data.title !== "string")
+        data.title = false;
+
     var count = this.playlist.count(data.id);
 
     if(user.rank < Rank.Moderator && count >= 5) {
@@ -1277,6 +1280,8 @@ Channel.prototype.addMedia = function(data, user) {
                    : this.opts.maxlength;
 
     var postAdd = function (item, cached) {
+        if(item.media.type === "cu" && data.title)
+            item.media.title = data.title;
         self.logger.log("### " + user.name + " queued " + item.media.title);
         self.sendAll("queue", {
             item: item.pack(),

www/assets/js/ui.js

@@ -279,12 +279,18 @@ $("#queue").disableSelection();
 
 function queue(pos) {
     if($("#customembed_code").val()) {
+        var title = false;
+        if($("#customembed_title").val()) {
+            title = $("#customembed_title").val();
+        }
         socket.emit("queue", {
             id: $("#customembed_code").val(),
+            title: title,
             type: "cu",
             pos: pos
         });
         $("#customembed_code").val("");
+        $("#customembed_title").val("");
         return;
     }
     var links = $("#mediaurl").val().split(",");

www/channel.html

@@ -180,6 +180,7 @@
                         <div id="customembed_entry" style="display: none;">
                             Paste the embed code below and hit Next or End.  Acceptable embed codes are <code>&lt;iframe&gt;</code> and <code>&lt;object&gt;</code> tags.
                             <textarea rows="3" class="input-block-level" id="customembed_code"></textarea>
+                            <input type="text" class="input-block-level" id="customembed_title" placeholder="(Optional) Title">
                         </div>
                         <br>
                     </div>