BCOE&M 2.7.2: Load Libraries Locally

BCOE&M utilizes a number of third-party libraries to enhance the user experience. If you wish not to depend upon content delivery networks (CDNs) to load these libraries, the following will help you download each library, upload the file(s) to the correct directory on your web server, and reference it correctly on BCOE&M’s index.php page.

Caution: This requires some familiarity with HTML and FTP access to your web server.

Once you have downloaded, uncompressed (if applicable), and uploaded via FTP the files to your web server, you'll need edit the paths.php file (see below).

Step 1: Install or Upgrade to BCOE&M Version 2.7.2

Click the link to the right to download the latest version of BCOE&M.

Perform a clean install or upgrade your current one.

Step 2: Create a New Directory

Create a new directory called libraries in your BCOE&M's installation root folder. Do not skip this step!

Step 3: Download Libraries, Configure, and Upload

The following libraries are required for BCOE&M to function properly. To shift from CDN to local, follow the instructions for each library detailed below.

jQuery 2.2.4

Access the jQuery 2.2.4 file
1. Select all, copy, and paste the code into a new text file (using Notepad, etc.)
2. Name the file jquery.min.js
Upload the file to your installation's /libraries/ directory

Bootstrap 3.3.6

Go to the Bootstrap website
Download the version 3.3.6 Bootstrap package (BCOE&M is not currently compatible with version 4.x)
Unzip the package
Rename the unzipped package folder to bootstrap
Upload the bootstrap folder to your installation's /libraries/ directory

DataTables

Go to the DataTables download builder
1. Under Step 1. Choose a styling framework, choose "Bootstrap 3"
2. Under Step 2. Select packages, choose "DataTables"
3. Do not choose any extensions
Select the Download tab
Download the files
Unzip the package
Create a new folder called datatables
Copy the following files into the new datatables folder (these are located in sub-folders):
1. jquery.dataTables.min.js
2. dataTables.bootstrap.min.css
3. dataTables.bootstrap.min.js
Access the Font Awesome CSS file for DataTables integration
1. Select all, copy, and paste the code into a new text file (using Notepad, etc.)
2. Name the file dataTables.fontAwesome.css
3. Save the file into the datatables folder you created
Upload the datatables folder to your installation's /libraries/ directory

FancyBox 2.1.5

Download version 2.1.5 or older of FancyBox (BCOE&M is not currently compatible with version 3.0.x)
Unzip the package
Rename the folder to fancybox
Download the jQuery easing plug in
Unzip the package
Copy the jquery.easing.1.3.min.js file to the fancybox folder
Upload the folder to your installation's /libraries/ directory

Bootstrap 3 Date/Time Picker 4.17.37

Download version 4.17.37 of the Bootstrap 3 Date/Time Picker
Unzip the package
Locate the build folder in the unzipped package
Rename the build folder to date-time-picker
Access the Moment With Locales file
1. Select all, copy, and paste the code into a new text file (using Notepad, etc.)
2. Name the file moment-with-locales.js
3. Save the file into the date-time-picker/js folder you created
Upload the date-time-picker folder to your installation's /libraries/ directory

TinyMCE

Download the latest version of TinyMCE Community
Unzip the package
Rename the folder to tinymce
Upload the folder to your installation's /libraries/ directory

Jasney Bootstrap 3.1.3

Download version 3.1.3 of Jasny Bootstrap
Unzip the package
Rename the folder to jasny-bootstrap
Upload the folder to your installation's /libraries/ directory

DropZone 4.2.0

Download version 4.2.0 of DropZone
Unzip the package
Create a new folder called dropzone
Copy the following files into the new dropzone folder (may be located in sub-folders):
1. dropzone.min.js
2. dropzone.min.css
Upload the dropzone folder to your installation's /libraries/ directory

Bootstrap Form Validator 0.9.0

Download version 0.9.0 of Bootstrap Form Validator
Unzip the package
Create a new folder called validator
Copy the following file into the new validator folder (may be located in a sub-folder):
1. validator.min.js
Upload the validator folder to your installation's /libraries/ directory

Bootstrap Select 1.12.0

Download version 1.12.0 of Bootstrap Select
Unzip the package
Create a new folder called bootstrap-select
Copy the following file into the new bootstrap-select folder (may be located in sub-folders):
1. bootstrap-select.min.js
2. bootstrap-select.min.css
Upload the bootstrap-select folder to your installation's /libraries/ directory

Font Awesome Version 4.7.0

BCOE&M utilizes version 4.7.0 in its coding. Version 5.x will not work.

Download version 4.7.0 of Font Awesome
Unzip the package
Rename the folder to font-awesome
Upload the folder to your installation's /libraries/ directory

jQuery Password Strength Meter for Twitter Bootstrap

Download the latest version of the jQuery Password Strength Meter for Twitter Bootstrap
Unzip the package
Rename the folder to pwstrength-bootstrap
Upload the folder to your installation's /libraries/ directory

Zxcvbn 4.4.2

Download version 4.4.2 of Dropbox's zxcvbn
Unzip the package
Rename the folder to zxcvbn
Upload the folder to your installation's /libraries/ directory

Bootstrap Markdown Editor

Download version 2.1.0 of Bootstrap Markdown Editor
Unzip the package
Rename the folder to bootstrap-markdown-editor
Upload the folder to your installation's /libraries/ directory

Marked

Download version 0.3.2 of Marked
Unzip the package
Create a new folder called marked
Copy the following file into the new marked folder (these may be located in sub-folders):
1. marked.min.js
Upload the folder to your installation's /libraries/ directory

Ace

Download version 1.1.3 of Ace
Unzip the package
Create a new folder called ace
Copy the following file into the new ace folder (these may be located in sub-folders):
1. ace.js
Upload the folder to your installation's /libraries/ directory

Step 4: Edit paths.php

Change this line define('CDN', TRUE); to define('CDN', FALSE);.