#3613 Wiki: ability to insert images and maybe other files

template/css/wiki.css

@@ -72,6 +72,24 @@
     align-items: flex-start;
 }
 .wiki-uploader-file-preview > img {
-    height:3.3rem;
-    width:auto;
+    height:3.25rem;
+    width:3.25rem;
+}
+
+.bx-page-wiki-container ol,
+.bx-page-wiki-container ul {
+    list-style: none;
+    padding: 0;
+}
+.bx-page-wiki-container ol li,
+.bx-page-wiki-container ul li {
+    margin: 0.625rem 0;
 }
+
+.bx-page-wiki-container ol li::before,
+.bx-page-wiki-container ul li::before {
+  content: "‣";
+  display: inline-block;
+  margin-right: 0.4rem;
+}
+

template/scripts/BxBaseFormWiki.php

@@ -25,6 +25,7 @@ class BxBaseFormWiki extends BxTemplFormView
 
     	if(isset($this->aInputs['files'])) {
             $this->aInputs['files']['storage_object'] = 'sys_wiki_files';
+            $this->aInputs['files']['images_transcoder'] = 'sys_wiki_images_preview';
             $this->aInputs['files']['uploaders'] = !empty($this->aInputs['files']['value']) ? unserialize($this->aInputs['files']['value']) : array('sys_html5');
             $this->aInputs['files']['storage_private'] = 0;
             $this->aInputs['files']['multiple'] = true;

template/wiki_uploader_file.html

@@ -6,9 +6,13 @@
     <div class="wiki-uploader-file-title-actions">
         <div class="wiki-uploader-file-title">{file_title}</div>
         <div class="wiki-uploader-file-actions bx-def-margin-thd-top bx-clearfix">
-            <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" onclick="{js_instance_name}.deleteGhost('{file_id}'); bx_wiki_remove_img('#__editor_id__', '{storage_object}/{file_remote_id}')" title="<bx_text_attribute:_Delete />"><i class="sys-icon remove"></i></a>
-            <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" onclick="var _e = this; bx_copy_to_clipboard('{file_url}', function (){ $(_e).find('.sys-icon').removeClass('copy').addClass('check')})" title="<bx_text_attribute:_sys_wiki_copy />"><i class="sys-icon copy"></i></a>
-            <a class="bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" onclick="bx_wiki_insert_img ('#__editor_id__', '{storage_object}/{file_remote_id}', '{file_title}')" title="<bx_text_attribute:_sys_txt_form_entry_input_picture_insert />"><i class="sys-icon file-export"></i></a>
+            <a class="bx-btn-wiki-remove bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" onclick="{js_instance_name}.deleteGhost('{file_id}'); bx_wiki_remove_img('#__editor_id__', '{storage_object}/{file_remote_id}')" title="<bx_text_attribute:_Delete />"><i class="sys-icon remove"></i></a>
+            <a class="bx-btn-wiki-copy bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" onclick="var _e = this; bx_copy_to_clipboard('{file_url}', function (){ $(_e).find('.sys-icon').removeClass('copy').addClass('check')})" title="<bx_text_attribute:_sys_wiki_copy />"><i class="sys-icon copy"></i></a>
+            <a class="bx-btn-wiki-insert bx-btn bx-btn-small bx-def-margin-sec-right" href="javascript:void(0);" onclick="bx_wiki_insert_img ('#__editor_id__', '{storage_object}/{file_remote_id}', '{file_title}')" title="<bx_text_attribute:_sys_txt_form_entry_input_picture_insert />"><i class="sys-icon file-export"></i></a>
         </div>
     </div>
 </div>
+<script>
+    if (String.prototype.startsWith && !'{file_type}'.startsWith('image/'))
+        $('#bx-uploader-file-{storage_object}-{file_id} .bx-btn-wiki-insert').remove();
+</script>