2 files changed, 89 insertions, 1 deletions

diff --git a/pkgs/webapps/etherpad-lite/modules/ep_embedmedia/fix.patch b/pkgs/webapps/etherpad-lite/modules/ep_embedmedia/fix.patch
new file mode 100644
index 0000000..162f1b0
--- /dev/null
+++ b/pkgs/webapps/etherpad-lite/modules/ep_embedmedia/fix.patch
@@ -0,0 +1,85 @@
+diff --git a/ep.json b/ep.json
+index 083d484..6803475 100644
+--- a/ep.json
++++ b/ep.json
+@@ -5,6 +5,7 @@
+       "hooks": {
+        "eejsBlock_editbarMenuLeft": "ep_embedmedia/hooks:eejsBlock_editbarMenuLeft",
+        "eejsBlock_scripts": "ep_embedmedia/hooks:eejsBlock_scripts",
++       "eejsBlock_timesliderBody": "ep_embedmedia/hooks:eejsBlock_scripts",
+        "eejsBlock_styles": "ep_embedmedia/hooks:eejsBlock_styles",
+        "eejsBlock_body": "ep_embedmedia/hooks:eejsBlock_body"
+       },
+diff --git a/static/css/main.css b/static/css/main.css
+index 72a460f..3b66d8e 100644
+--- a/static/css/main.css
++++ b/static/css/main.css
+@@ -6,10 +6,18 @@
+   z-index:999999;
+ }
+ 
++#embedMediaSrc {
++  max-width: 100%;
++}
++
+ .embedMediaButton {
+   padding:10px;
+ }
+ 
++#doEmbedMedia{
++  color:blue;
++} 
++
+ #cancelEmbedMedia{
+   color:red;
+ } 
+@@ -19,6 +27,6 @@
+ }
+ 
+ .buttonicon-embed-media:before{
+-  content:"\e80b";
++  content:"\e83b";
+   top: 2px !important;
+ }
+diff --git a/static/js/main.js b/static/js/main.js
+index 8c94767..19415d5 100644
+--- a/static/js/main.js
++++ b/static/js/main.js
+@@ -10,22 +10,25 @@ $(document).ready(function () {
+     } else {
+       module.slideDown("fast");
+     }
++    module.toggleClass("popup-show");
+   });
+ 
+   $("#doEmbedMedia").click(function () {
+     var padeditor = require('ep_etherpad-lite/static/js/pad_editor').padeditor;
+ 
+     $("#embedMediaModal").slideUp("fast");
++    $("#embedMediaModal").removeClass("popup-show");
+ 
+     return padeditor.ace.callWithAce(function (ace) {
+-      rep = ace.ace_getRep();
++      var rep = ace.ace_getRep();
+       ace.ace_replaceRange(rep.selStart, rep.selEnd, "E");
+       ace.ace_performSelectionChange([rep.selStart[0],rep.selStart[1]-1], rep.selStart, false);
+-        ace.ace_performDocumentApplyAttributesToRange(rep.selStart, rep.selEnd, [["embedMedia", escape($("#embedMediaSrc")[0].value)]]);
++      ace.ace_performDocumentApplyAttributesToRange(rep.selStart, rep.selEnd, [["embedMedia", escape($("#embedMediaSrc")[0].value)]]);
+     }, "embedMedia");
+   });
+ 
+   $("#cancelEmbedMedia").click(function () {
+     $("#embedMediaModal").slideUp("fast");
++    $("#embedMediaModal").removeClass("popup-show");
+   });
+ });
+diff --git a/templates/modals.ejs b/templates/modals.ejs
+index 9340698..8915a3b 100644
+--- a/templates/modals.ejs
++++ b/templates/modals.ejs
+@@ -1,4 +1,4 @@
+-<div id="embedMediaModal" class="popup">
++<div id="embedMediaModal" class="popup popup-content">
+     <% e.begin_block("embedMediaPopup"); %>
+         <h1>Embed media into this pad</h1>
+         <p>Paste a link or "embed code" here:</p>
diff --git a/pkgs/webapps/etherpad-lite/modules/ep_embedmedia/node-packages.nix b/pkgs/webapps/etherpad-lite/modules/ep_embedmedia/node-packages.nix
index 9ded27d..80ba484 100644
--- a/pkgs/webapps/etherpad-lite/modules/ep_embedmedia/node-packages.nix
+++ b/pkgs/webapps/etherpad-lite/modules/ep_embedmedia/node-packages.nix
@@ -15,6 +15,9 @@ in
       sha1 = "b24bf0fe9702d21aa73079890e93183efc6a0975";
     };
     buildInputs = globalBuildInputs;
+    preRebuild = ''
+      patch -p1 < ${./fix.patch}
+    '';
     meta = {
       description = "Embed media (youtube, vimeo etc)";
       homepage = https://github.com/JohnMcLear/ep_embedmedia;
@@ -23,4 +26,4 @@ in
     bypassCache = true;
     reconstructLock = true;
   };
-}
\ No newline at end of file
+}