Adding myfiles.php with elfinder + ckeditor see BT#8968

main/social/myfiles.php

@@ -25,10 +25,6 @@ $interbreadcrumb[] = array(
 $interbreadcrumb[] = array('url' => '#', 'name' => get_lang('MyFiles'));
 
 $htmlHeadXtra[] = '
-<link rel="stylesheet" type="text/css" href="' . api_get_path(WEB_LIBRARY_PATH) .'elfinder/css/elfinder.min.css" />
-<link rel="stylesheet" type="text/css" href="' . api_get_path(WEB_LIBRARY_PATH) .'elfinder/css/theme.css" />
-<script src="' . api_get_path(WEB_LIBRARY_PATH) .'elfinder/js/elfinder.min.js"></script>
-<script src="' . api_get_path(WEB_LIBRARY_PATH) .'elfinder/js/i18n/elfinder.' . api_get_language_isocode() . '.js"></script>
 <script>
 
 function denied_friend (element_input) {
@@ -156,11 +152,14 @@ if (isset($_GET['cidReq'])) {
             ) . ')'
         ) . '</a>';
 }
+$tpl = new Template();
+$editor = new \Chamilo\CoreBundle\Component\Editor\Editor();
+
+$editor = $tpl->fetch('default/'.$editor->getEditorStandAloneTemplate());
 $social_right_content = '<div class="span9">';
-$social_right_content .= '<div id="el-finder"></div>';
+$social_right_content .= $editor;
 $social_right_content .= '</div>';
 
-$tpl = new Template();
 $tpl->assign('social_avatar_block', $social_avatar_block);
 $tpl->assign('social_menu_block', $social_menu_block);
 $tpl->assign('social_right_content', $social_right_content);

main/template/default/javascript/editor/ckeditor/elfinder.tpl

@@ -1,35 +1,5 @@
 {% extends "default/layout/no_layout.tpl" %}
 
 {% block body %}
-    {% set finderFolder = _p.web ~ 'vendor/barryvdh/elfinder-builds/' %}
+    {% include 'default/javascript/editor/elfinder_standalone.tpl' %}
-    <!-- elFinder CSS (REQUIRED) -->
-    <link rel="stylesheet" type="text/css" media="screen" href="{{ finderFolder }}css/elfinder.full.css">
-
-    <!-- elFinder JS (REQUIRED) -->
-    <script type="text/javascript" src="{{ finderFolder }}js/elfinder.full.js"></script>
-
-    <!-- elFinder translation (OPTIONAL) -->
-    <script type="text/javascript" src="{{ finderFolder }}js/i18n/elfinder.ru.js"></script>
-
-    <script type="text/javascript" charset="utf-8">
-        // Helper function to get parameters from the query string.
-        function getUrlParam(paramName) {
-            var reParam = new RegExp('(?:[\?&]|&amp;)' + paramName + '=([^&]+)', 'i');
-            var match = window.location.search.match(reParam);
-            return (match && match.length > 1) ? match[1] : '';
-        }
-
-        $().ready(function() {
-            var funcNum = getUrlParam('CKEditorFuncNum');
-            var elf = $('#elfinder').elfinder({
-                url : '{{ _p.web_lib ~ 'elfinder/connectorAction.php' }}',  // connector URL (REQUIRED)
-                getFileCallback : function(file) {
-                    window.opener.CKEDITOR.tools.callFunction(funcNum, file.url);
-                    window.close();
-                },
-                resizable: false
-            }).elfinder('instance');
-        });
-    </script>
-    <div id="elfinder"></div>
 {% endblock %}

main/template/default/javascript/editor/elfinder_standalone.tpl

@@ -0,0 +1,35 @@
+{% set finderFolder = _p.web ~ 'vendor/barryvdh/elfinder-builds/' %}
+<!-- elFinder CSS (REQUIRED) -->
+<link rel="stylesheet" type="text/css" media="screen" href="{{ finderFolder }}css/elfinder.full.css">
+<link rel="stylesheet" type="text/css" media="screen" href="{{ finderFolder }}css/theme.css">
+
+<!-- elFinder JS (REQUIRED) -->
+<script type="text/javascript" src="{{ finderFolder }}js/elfinder.full.js"></script>
+
+<!-- elFinder translation (OPTIONAL) -->
+<script type="text/javascript" src="{{ finderFolder }}js/i18n/elfinder.ru.js"></script>
+
+<script type="text/javascript" charset="utf-8">
+    // Helper function to get parameters from the query string.
+    function getUrlParam(paramName) {
+        var reParam = new RegExp('(?:[\?&]|&amp;)' + paramName + '=([^&]+)', 'i');
+        var match = window.location.search.match(reParam);
+        return (match && match.length > 1) ? match[1] : '';
+    }
+
+    $().ready(function() {
+        var funcNum = getUrlParam('CKEditorFuncNum');
+        var elf = $('#elfinder').elfinder({
+            url : '{{ _p.web_lib ~ 'elfinder/connectorAction.php' }}',  // connector URL (REQUIRED)
+            getFileCallback : function(file) {
+                window.opener.CKEDITOR.tools.callFunction(funcNum, file.url);
+                window.close();
+            },
+            resizable: false
+        }).elfinder('instance');
+    });
+</script>
+<div id="elfinder"></div>
+
+
+