MFiles RESTful API Javascript Library

An MFiles RESTful API consumption library written with jQuery used to fetch (any) View from a configured MFiles Vault.

Provides:

• List all files within the given view
• Preview any documents meta data
• Traverse directories
• Download a document

Requires:

• jQuery 2.4.*+
• Access to an MFiles RESTful API
• Tthe URL used to access the MFiles RESTful API
• Details for an account configured within MFiles
• The Vault ID must be added to the <script> tage below: data-vault-id="VAULTID"
• The View ID must be added to the <script> tag below: data-view-id="VIEWID"
• Configure the path to load the JS file to suit your requirements
• Add your own icon images - we were lazy and just used *.jpg - they really should be *.svg
• The image icons are loaded relative to the site root directory
• Pass the MFiles user & password to DOM JavaScript variables: mfilesuser | mfilespasswd
• OR add the MFiles user and password at the base of the script

You can use this template below to implement:

<div class="row">
  <div id="mfiles-header" class="col mfiles-header">
    <span id="mfiles-crumbs" class="gc-crumbs float-left"></span>
    <span id="mfiles-action" class="gc-action float-right"></span>
  </div>
</div>
<div class="row">
  <div id="mfiles-box" class="col mfiles-content">&nbsp;</div>
</div>
<div id="mfiles_modal" class="modal">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <h3>Document Preview</h3>
      <div class="modal-header js-mfiles-title">&nbsp;</div>
      <div class="modal-body js-mfiles-properties">&nbsp;</div>
      <div class="modal-footer">
        <button id="mfiles-download-file" class="btn btn-success float-right" data-action="download">Download</button> 
        <button id="mfiles-cancel-download" class="btn btn-danger" data-dismiss="modal">Cancel</button>
      </div>
    </div>
  </div>
</div>
<script src="/src/mfiles.js" type="text/javascript" data-vault-id="<VAULT ID GOES HERE>" data-view-id="<VIEW ID GOES HERE>"></script>

You could of course rewrite the JS code so that it renders all of the required HTML DOM elements for you

With a bit of work the jQuery dependancy could also be removed (you'd still need another library for the AJAX functionality - unless you roll your own)