MDL-32773 Add a help icon for button 'Set main file' in filemanager

files/renderer.php

@@ -367,6 +367,7 @@ class core_files_renderer extends plugin_renderer_base {
      * @return string
      */
     private function fm_js_template_fileselectlayout() {
+        global $OUTPUT;
         $strloading  = get_string('loading', 'repository');
         $icon_progress = $this->pix_icon('i/loading_small', $strloading).'';
         $rv = '
@@ -377,7 +378,7 @@ class core_files_renderer extends plugin_renderer_base {
     <form>
         <button class="{!}fp-file-download">'.get_string('download').'</button>
         <button class="{!}fp-file-delete">'.get_string('delete').'</button>
-        <button class="{!}fp-file-setmain">'.get_string('setmainfile', 'repository').'</button>
+        <button class="{!}fp-file-setmain">'.get_string('setmainfile', 'repository').'</button><span class="fp-file-setmain-help">'.$OUTPUT->help_icon('setmainfile', 'repository').'</span>
         <button class="{!}fp-file-zip">'.get_string('zip', 'editor').'</button>
         <button class="{!}fp-file-unzip">'.get_string('unzip').'</button>
         <div class="fp-hr"></div>

lang/en/repository.php

@@ -205,6 +205,7 @@ $string['select'] = 'Select';
 $string['settings'] = 'Settings';
 $string['setupdefaultplugins'] = 'Setting up default repository plugins';
 $string['setmainfile'] = 'Set main file';
+$string['setmainfile_help'] = 'If there are multiple files in the folder, the main file is the one that appears on the view page. Other files such as images or videos may be embedded in it. In filemanager the main file is indicated with a title in bold.';
 $string['siteinstances'] = 'Repositories instances of the site';
 $string['size'] = 'Size';
 $string['submit'] = 'Submit';

theme/base/style/filemanager.css

@@ -377,8 +377,10 @@ a.ygtvspacer:hover {color: transparent;text-decoration: none;}
 .filemanager.fp-select.fp-folder .fp-file-unzip,
 .filemanager.fp-select.fp-file .fp-file-zip,
 .filemanager.fp-select.fp-zip .fp-file-zip {display:none;}
-.filemanager.fp-select .fp-file-setmain {display:none;}
-.filemanager.fp-select.fp-cansetmain .fp-file-setmain {display:inline-block;}
+.filemanager.fp-select .fp-file-setmain,
+.filemanager.fp-select .fp-file-setmain-help {display:none;}
+.filemanager.fp-select.fp-cansetmain .fp-file-setmain,
+.filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {display:inline-block;}
 .filemanager .fp-mainfile .fp-filename {font-weight:bold;}
 .filemanager.fp-select.fp-folder .fp-file-download {display:none;} /* to be implemented */
 .fm-operation {font-weight: bold;}

theme/bootstrapbase/less/moodle/filemanager.less

@@ -1075,10 +1075,12 @@ a.ygtvspacer:hover {
 .filemanager.fp-select.fp-zip .fp-file-zip {
     display: none;
 }
-.filemanager.fp-select .fp-file-setmain {
+.filemanager.fp-select .fp-file-setmain,
+.filemanager.fp-select .fp-file-setmain-help {
     display: none;
 }
-.filemanager.fp-select.fp-cansetmain .fp-file-setmain {
+.filemanager.fp-select.fp-cansetmain .fp-file-setmain,
+.filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
     display: inline-block;
     .ie7-inline-block();
 }