WebIf Tweaks: Adding to top and to bottom links to file browser and stopping list jumping on load

Matthew

Active Member
Firstly this involves changes to files that will fail to run if the file permissions and ownership are not maintained (as the OS is Linux) so I advise only changing files with the editor in Diag->File Editor

If you have folders with large numbers of files (you've recorded many films perhaps) scrolling up and down the list takes time and as the list jumps on load complete it takes longer to access files.

As a further change, I never use the clipboard so removing that speeds load slightly too.

When adding the lines below make sure you add the new lines on a new line, not on an existing line.

Edit file /mod/webif/html/browse/index.jim

Just after header

add
Code:
require totop


find the line (just below middle of file)
<fieldset class=cleft style=\"margin: 0 1em 1em 1em\">

and add JUST BEFORE

Code:
<div class=filelistfixed><a class=\"anchor-link ui-button ui-corner-all ui-widget\" href=\"#newdir\">Buttons</a>

at the very bottom of the file after footer add

Code:
puts "</div>"

Save the file.

Then edit EXTRA.css or style.css and add:

Code:
.filelistfixed {
  position: absolute;
  top: 185px;
  left: 18px;
}  

.anchor-link {
  margin-left: -45px;
}


I don't like the set position for the to top link, so to change that from left to right:

Edit file mod/webif/html/lib/jquery.plugin/ui.totop/ui.totop.css
look for

Code:
bottom: 110px;

and change to:

Code:
 bottom: 30px;
right: 40px;


If you wish to remove the clipboard link do the following:

Edit file /mod/webif/html/browse/index.jim

look for (near the bottom of the file)

Code:
puts {
<fieldset class=left style="margin: 0 1em 1em 1em">
<legend style="font-size: 1.5em; padding: 0 0.5em 0.5em 0.5em; color: #1e5bbd;">
File Clipboard
</legend>
<div id=clipboard>
<img src=/img/spin.gif> <i>Loading...</i>
</div>
</fieldset>
}

and delete, save the changed file

Edit file /mod/webif/html/browse/script.js

look for (in bottom 3rd)

Code:
// Load clipboard
reloadclipboard();

and delete, save the changed file

If you wish to comment out the lines rather than deleting, place # followed by a space (# ) at the start of the line in the .jim file and place // at the start of the line in the .js file

I suggest you test the webif after changing each file in case you have created any errors, if you change all then test its harder to trace your error.
 
Last edited:
Top