diff --git a/app/views/layouts/_es5_scripts.html.erb b/app/views/layouts/_es5_scripts.html.erb
index e636952..3214a12 100644
--- a/app/views/layouts/_es5_scripts.html.erb
+++ b/app/views/layouts/_es5_scripts.html.erb
@@ -7,47 +7,9 @@
     <%= javascript_include_tag 'placeholder.min.js' %>
     <%#= javascript_include_tag 'jquery.tablesorter.min.js' %>
     <%#= javascript_include_tag 'jquery.tablesorter.widgets.min.js' %>
-    <%= javascript_include_tag 'jquery.timeago.js' %>
     <%#= javascript_include_tag 'bootstrap.min.js' %>
 <!-- END third party libraries -->
 
-<!-- START utils scripts -->
-    <%= javascript_include_tag 'utils_es5/define.js' %>
-    <%= javascript_include_tag 'utils_es5/debounce.js' %>
-    <%= javascript_include_tag 'utils_es5/tinymce.js' %>
-    <%= javascript_include_tag 'utils_es5/validate.js' %>
-    <%= javascript_include_tag 'utils_es5/ariatiseForm.js' %>
-    <%#= javascript_include_tag 'utils_es5/filteriseTable.js' %>
-    <%#= javascript_include_tag 'utils_es5/collateTable.js' %>
-<!-- END utils scripts -->
-
-<!-- START dmproadmap scripts -->
-    <%#= javascript_include_tag 'dmproadmap/accordions.js' %>
-    <%= javascript_include_tag 'dmproadmap/admin.js' %>
-    <%= javascript_include_tag 'dmproadmap/forms.js' %>
-    <%#= javascript_include_tag 'dmproadmap/utils.js' %>
-<!-- END dmproadmap scripts -->
-
-<!-- START views scripts -->
-    <%= javascript_include_tag 'views/guidances/admin_edit.js' %>   <!-- (app/views/guidances/admin_new.html.erb) -->
-    <%= javascript_include_tag 'views/home/index.js' %> <!-- (app/views/home/index.html.erb) -->
-    <%= javascript_include_tag 'views/orgs/shibboleth_ds.js' %> <!-- (app/views/orgs/shibboleth_ds.html.erb) -->
-    <%= javascript_include_tag 'views/plans/available_templates.js' %>  <!-- (app/views/plans/_available_templates.html.erb) -->
-    <%= javascript_include_tag 'views/registrations/sign_in_sign_up.js' %>  <!-- -->
-    <%= javascript_include_tag 'views/shared/login_form.js' %>  <!-- -->
-    <%= javascript_include_tag 'views/shared/register_form.js' %>   <!-- -->
-    <%= javascript_include_tag 'views/users/notification_preferences.js' %> <!-- (app/views/users/_notification_preferences.html.erb) -->
-<!-- END views scripts -->
-
-<!-- START admin pages JS -->
-    <%= javascript_include_tag 'admin.js' %>    <!-- (app/views/guidance_groups/admin_edit.html.erb, app/views/guidance_groups/admin_new.html.erb, app/views/guidances/admin_index.html.erb, app/views/phases/admin_add.html.erb, app/views/phases/admin_show.html.erb, app/views/templates/admin_new.html.erb, app/views/templates/admin_template.html.erb) -->
-<!-- END admin pages JS -->
-
-<script>
-    /* Initialises an editor for each textarea whose class name is tinymce */
-    dmproadmap.utils.tinymce.init({ selector: '.tinymce' });
-</script>
-
 <!-- TODO by https://github.com/DMPRoadmap/roadmap/issues/599
 //= require i18n
 //= require i18n/translations
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 588adec..d3d2eba 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -36,7 +36,6 @@
     <%= stylesheet_link_tag fingerprinted_asset('application') %>
     <%= javascript_include_tag fingerprinted_asset('vendor') %>
     <%= javascript_include_tag fingerprinted_asset('application') %> 
-    <%#= render "layouts/es5_scripts" %>
     <%= csrf_meta_tags %>
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
diff --git a/lib/assets/javascripts/dmproadmap/accordions.js b/lib/assets/javascripts/dmproadmap/accordions.js
deleted file mode 100644
index 77c209e..0000000
--- a/lib/assets/javascripts/dmproadmap/accordions.js
+++ /dev/null
@@ -1,32 +0,0 @@
-$(document).ready(function(){
-  $(".accordion").accordion({
-    active: false,
-    collapsible: true,
-    heightStyle: "content"
-  });
-  
-  /* swap out the plus/minus icons */
-  $(".accordion h2, .accordion h3").click(function(e){
-    $.each($(this).parent().children("h2"), function(idx, section){
-      if($(section).hasClass("ui-accordion-header-active")){
-        $(section).children("span.fa").removeClass("fa-plus").addClass("fa-minus");
-      }else{
-        $(section).children("span.fa").removeClass("fa-minus").addClass("fa-plus");
-      }
-    });
-  });
-
-  /* expand/collapse all controls */
-  $("a.expand-accordions").click(function(e){
-    e.preventDefault();
-    var accordion = $(this).attr('href');
-    $(accordion).children(".accordion-section").css('display', 'block');
-    $(accordion).children("h2, h3").children("span.fa").removeClass("fa-plus").addClass("fa-minus");
-  });
-  $("a.collapse-accordions").click(function(e){
-    e.preventDefault();
-    var accordion = $(this).attr('href');
-    $(accordion).children(".accordion-section").css('display', 'none');
-    $(accordion).children("h2, h3").children("span.fa").removeClass("fa-minus").addClass("fa-plus");
-  });
-});
\ No newline at end of file
diff --git a/lib/assets/javascripts/dmproadmap/admin.js b/lib/assets/javascripts/dmproadmap/admin.js
deleted file mode 100644
index 56ed6f0..0000000
--- a/lib/assets/javascripts/dmproadmap/admin.js
+++ /dev/null
@@ -1,282 +0,0 @@
-//= require tinymce
-/*
-**Project: DMPRoadmap
-**Description: This file include all javascript regarding admin interface
-**Copyright: Digital Curation Centre and California Digital Library
-*/
-
-
-$( document ).ready(function() {
-    /*----------------
-        Listener for removing a question_option for option_based questions
-        Note the usage of event-delegation approach through the presence of the selector (e.g. .remove-option) which means the handler
-        is ONLY called when the event occurs at .remove-option and has the advantage of processing events from descendant elements (e.g. tr class="options_content") 
-        that are added to the document at a later time
-    ------------------*/
-    $('.options_table').on('click','.remove-option', function(e){
-        e.preventDefault();
-        $(this).prev().val(true);
-        $(this).closest('.options_content').hide();
-    });
-    /*----------------
-        Listener for adding a question_option for option_based questions
-    ------------------*/
-    $(".add-option").click(function(e){
-        e.preventDefault();
-
-        var tbl = $(this).parent().find("table.options_table > tbody.options_tbody"),
-            last = tbl.find("tr:last"),
-            clone = last.clone();
-            nbr = parseInt(last.find(".number_field").val());
-      
-        // Update the input field names and ids
-        clone.find("input").each(function(index){
-          $(this).prop("id", $(this).prop("id").replace(/_\d+_/g, "_" + nbr + "_"));
-          $(this).prop("name", $(this).prop("name").replace(/\[\d+\]/g, "[" + nbr + "]"));
-        });
-      
-        // Remove the hidden class and make sure the new row is not marked for removal
-        clone.removeClass('hidden');
-        clone.find("[id$=" + nbr + "__destroy]").val(false);
-      
-        // Default the other values
-        clone.find("[id$=" + nbr + "_number]").val("" + (nbr + 1));
-        clone.find("[id$=" + nbr + "_text]").val("");
-        clone.find("[id$=" + nbr + "_is_default]").prop("checked", false);
-        
-        last.after(clone);
-    });
-	if($('.in').length > 0) {
-		if ($('.in .current_question').length > 0) {
-			$(document.body).animate({
-				'scrollTop': $('.in .current_question').offset().top
-			}, 1000);
-		}
-		else {
-			$(document.body).animate({
-				'scrollTop': $('.in').offset().top
-			}, 1000);
-		}
-	}
-/*
-	//set the tinymce popover help text
-	$(".template_desc_popover, .phase_desc_popover, .version_desc_popover, .section_desc_popover, .question_format_popover," +
-			" .default_answer_popover, .suggested_answer_popover, .question_guidance_popover, .question_themes_popover," +
-			" .question_options_popover, .guidance_group_title_popover, .guidance_group_template_popover," +
-			" .guidance_group_subset_popover, .guidance_text_popover, .guidance_apply_to_popover, .guidance_by_themes_popover," +
-			" .guidance_by_question_popover, .guidance_group_select_popover, .org_abbr_popover").on('click', function(e) {
-	    e.preventDefault();
-	}).popover();
-*/
-    // This handler serves to display/hide default_answer field as well as to display/hide question_options fields
-    // depending on the question_format selected
-    $('.question_format').change(function(){
-        var selected = $(this).val();
-        var question_div = $(this).closest('.question-div');
-        if(selected === '1' || selected === '2') {    
-            question_div.find('.ques_format_option').hide();
-            question_div.find('.default_answer').show();
-            if(selected === '1') {  //textarea
-                question_div.find('.default_answer_textfield').hide();
-                question_div.find('.default_answer_textarea').prev().show()
-            }
-            else {  //textfield
-                question_div.find('.default_answer_textarea').prev().hide();
-                question_div.find('.default_answer_textfield').show();
-            }
-        }
-        else if(selected === '3' || selected === '4' || selected === '5' || selected === '6') {  // option_based
-            question_div.find('.default_answer').hide();
-            question_div.find('.ques_format_option').show();
-        }  
-    });
-
-	 //action for show or hide template editing display
-	 $('#edit_template_button').click(function(e){
-		 e.preventDefault();
-
-		 $('#edit_template_div').show();
-		 $('#show_template_div').hide();
-	 });
-
-
-	 //action for show or hide phase display
-	 $('#edit_phase_button').click(function(e){
-		 e.preventDefault();
-		 $('#edit_phase_div').show();
-		 $('#show_phase_div').hide();
-	 });
-
-	 //action to hide the alert to edit a version
-	 $("#edit-version-confirmed").click(function (e){
-		 $("#version_edit_alert").modal("hide");
-	 });
-
-	 //action to clone/add a version
-	 $("#clone-version-confirmed").click(function (){
-		$("#new_project").submit();
-	 });
-
-	 //action for show question editing display
-	 $('.edit_question_button').click(function(e){
-		 var q_id = $(this).prev(".question_id").val();
-		 $('#edit_question_div_'+ q_id).show();
-		 $('#show_question_div_'+ q_id).hide();
-		 e.preventDefault();
-	 });
-
-
-	$(".cancel_edit_question").click(function(e){
-		 var q_id = $(this).prev(".question_id").val();
-		 $('#edit_question_div_'+ q_id).hide();
-		 $('#show_question_div_'+ q_id).show();
-		 e.preventDefault();
-	 });
-
-	 //action for adding a new question
-	 $('.add_question_button').click(function(e){
-         var s_id = $(this).prev(".section_id").val();
-         $('#add_question_block_div_'+ s_id).show();
-         $('#add_question_button_div_'+ s_id).hide();
-         e.preventDefault();
-
-	 });
-
-    //if question text area is empty send alert
-    $('.new_question_save_button').click(function(e){
-        var s_id = $(this).prev(".section_id").val();
-        if ($('#new_question_text_'+ s_id).tinymce().getContent() === ''){
-            alert(__('Question text is empty, please enter your question.'));
-            return false;
-        }
-    });
-
-	 //action for cancelling a new question
-	 $('.cancel_add_new_question').click(function(e){
-        var s_id_new = $(this).prev(".section_id_new").val();
-        $('#add_question_block_div_'+ s_id_new).hide();
-        $('#add_question_button_div_'+ s_id_new).show();
-        e.preventDefault();
-	 });
-
-	 //action for adding a new section
-	 $('#add_section_button').click(function(e){
-		 $('#add_section_block_div').show();
-		 $('#add_section_button_div').hide();
-		 e.preventDefault();
-	 });
-
-
-	 //action for cancelling a new section
-	 $('#cancel_add_section').click(function(e){
-		 $('#add_section_block_div').hide();
-		 $('#add_section_button_div').show();
-		 e.preventDefault();
-	 });
-
-	//ANNOTATIONS
-	//action for adding a new annotation
-	 $('.add_annotations_button').click(function(e){
-		 var q_id = $(this).prev(".question_id").val();
-		 $('#add_annotations_block_'+ q_id).show();
-		 $('#add_annotations_button_'+ q_id).hide();
-		 e.preventDefault();
-	 });
-
-	 //cancelling edit of an annotation
-	 $(".cancel_edit_annotations").click(function(e){
-		 var q_id = $(this).prev(".question_id").val();
-     $('#edit_annotations_div_'+ q_id).hide();
-     $('#show_annotations_div_'+ q_id).show();
-		 e.preventDefault();
-	 });
-
-   //cancelling addition of an annotation
-   $(".cancel_add_annotations").click(function(e){
-     var q_id = $(this).prev(".question_id").val();
-     $('#add_annotations_block_'+ q_id).hide();
-     $('#add_annotations_button_'+ q_id).show();
-     e.preventDefault();
-   });
-
-	 //edit an annotation
-	 $('.edit_form_for_annotations').click(function(e){
-		 var q_id = $(this).prev(".question_id").val();
-		 $('#edit_annotations_div_'+ q_id).show();
-		 $('#show_annotations_div_'+ q_id).hide();
-		 e.preventDefault();
-	 });
-
-  //GUIDANCE
-	//action for adding a new guidance next to the question
-	 $('.add_guidance_button').click(function(e){
-		 var q_id = $(this).prev(".question_id").val();
-		 $('#add_guidance_block_'+ q_id).show();
-		 $('#add_guidance_button_'+ q_id).hide();
-		 e.preventDefault();
-	 });
-
-	 //cancelling edit of guidance next to the question
-	 $(".cancel_guidance_answer").click(function(e){
-		 var q_id = $(this).prev(".question_id").val();
-		 $('#edit_guidance_div_'+ q_id).hide();
-		 $('#show_guidance_div_'+ q_id).show();
-		 e.preventDefault();
-	 });
-
-	 //edit guidance next to the question
-	 $('.edit_form_for_guidance').click(function(e){
-		 var q_id = $(this).prev(".question_id").val();
-		 $('#edit_guidance_div_'+ q_id).show();
-		 $('#show_guidance_div_'+ q_id).hide();
-		 e.preventDefault();
-	 });
-
-
-    //Add new guidance Alerts
-    $("#return_to_new_guidance").click(function(){
-        $('#new_guidance_alert_dialog').modal("hide");
-    });
-
-    //edit guidance alerts
-    $("#return_to_edit_guidance").click(function(){
-        $('#edit_guidance_alert_dialog').modal("hide");
-    });
-
-    //Validate banner_text area for less than 165 character
-    $("form#edit_org_details").submit(function(){
-        if (getStats('org_banner_text').chars > 165) {
-            alert(__('Please only enter up to 165 characters, you have used') + " " + getStats('org_banner_text').chars + ". " + __('If you are entering an URL try to use something like http://tinyurl.com/ to make it smaller.'));
-            return false;
-        }
-    });
-
-
-
-
- });
-
-
-//remove option when question format is base on a choice
-function remove_object(link){
-	$(link).prev("input[type=hidden]").val("1");
-	$(link).closest(".options_content").hide();
-
-}
-function add_object(link, association, content) {
-    var new_id = new Date().getTime();
-    var regexp = new RegExp("new_" + association, "g");
-
-    if (association == 'options') {
-        $(link).parent().children('.options_table').children('.options_tbody').children('.new_option_before').before(content.replace(regexp, new_id));
-    }
-}
-
-// Returns text statistics for the specified editor by id
-function getStats(id) {
-    var body = tinymce.get(id).getBody(), text = tinymce.trim(body.innerText || body.textContent);
-
-    return {
-        chars: text.length
-    };
-}
\ No newline at end of file
diff --git a/lib/assets/javascripts/dmproadmap/forms.js b/lib/assets/javascripts/dmproadmap/forms.js
deleted file mode 100644
index 1cfb8a9..0000000
--- a/lib/assets/javascripts/dmproadmap/forms.js
+++ /dev/null
@@ -1,98 +0,0 @@
-// ---------------------------------------------------------------------------
-function asyncRequest(params, callbacks){
-  if(params['url']){
-    var defaults = {type: 'GET', 
-                    contentType: 'application/json',
-                    accepts: 'application/json'};
-  
-    // Make sure the incoming params are enough to make the call
-    for(var key in defaults){
-      if(!params[key]){
-        params[key] = defaults[key];
-      }
-    }
-
-    if(!callbacks){
-      callbacks = {};
-    }
-  
-    // Submit the request
-    $.ajax(params).then(
-      // Success
-      function(data, msg, xhr){
-        animateNotification(data['msg'], false);
-        if(callbacks['success']){
-          callbacks['success'](data);
-        }
-      },
-
-      // Failure
-      function(xhr, status, err){
-        var json = JSON.parse(xhr.responseText);
-        var msg = json['msg'] ? json['msg'] : __('Unable to process your request.');
-        animateNotification(msg, true);
-        if(callbacks['failure']){
-          callbacks['failure'](err);
-        }
-      }
-    );
-  }
-}
-
-// Animate the Notification message section at the top of the page
-// ---------------------------------------------------------------------------
-function animateNotification(message, isAlert){
-  if(message){
-    $("#notification-area span:not(.aria-only)").html(message).css('width', 'auto')
-        .attr('role', (isAlert ? 'alert' : 'status'))
-        .parent().attr('class', (isAlert ? 'roadmap-alert-box' : 'roadmap-info-box'))
-        .css('visibility', 'visible').fadeIn();
-    
-  }else{
-    $("#notification-area span:not(.aria-only)").html('')
-        .parent().css('visibility', 'hidden').fadeOut();
-  }
-}
-
-// ---------------------------------------------------------------------------
-function validatePassword(sPassword) {
-  if(sPassword.trim().length >= 8 && sPassword.trim().length <= 128){
-    return '';
-  }else{
-    return 'Passwords must have at least 8 characters';
-  }
-}
-
-// ---------------------------------------------------------------------------
-function validateEmail(sEmail) {
-  var filter = /[^@\s]+@(?:[-a-z0-9]+\.)+[a-z]{2,}$/;
-  if(filter.test(sEmail)){
-    return '';
-  }else{
-    return 'Invalid email address';
-  }
-}
-
-// ---------------------------------------------------------------------------
-function toggleFormElementError(input, errorMessage, blankAsError){
-    //Check if element is a auto complete combobox
-    if ($(input).attr('data-combobox-prefix-class') === 'combobox'){
-        idbox = '#' + $(input).attr('id').replace('_name', '_id');
-    }else{
-        idbox = input;
-    }
-    var err = $(idbox).siblings("span.error-tooltip");
-    if(err.length <= 0){
-        err = $(idbox).siblings("span.error-tooltip-right");
-    }
-
-    // If an error element is available and the error message is not empty and the field
-    // is not empty (unless its a required field!)
-    if(err.length > 0 && (errorMessage === '' || (!blankAsError && $(input).val().trim().length <= 0))){
-        err.html('').attr('role', '').css('display', 'none');
-        $(input).removeClass('red-border');
-    }else{
-        err.html(errorMessage).attr('role', 'alert').css('display', 'inline');
-        $(input).addClass('red-border');
-    }
-}
diff --git a/lib/assets/javascripts/dmproadmap/utils.js b/lib/assets/javascripts/dmproadmap/utils.js
deleted file mode 100644
index 88a87d1..0000000
--- a/lib/assets/javascripts/dmproadmap/utils.js
+++ /dev/null
@@ -1,49 +0,0 @@
-$(document).ready(function(){
-  // Allow for tabs to be selected if a user presses enter while on a tab
-  $("li[role='tab']").keydown(function(ev) {
-    if (ev.which ==13) {
-      $(this).click();
-    }
-  });
-
-  // Display the dropdown when the user clicks the link
-  $("a.dropdown").on('click', function(e){
-    e.preventDefault();
-    var id = $(this).prop('id');
-    var visible = $("#" + id + "-dropdown").css('visibility') == 'visible';
-    $("#" + id + "-dropdown").css('visibility', (visible ? 'hidden' : 'visible'));
-    
-    // If the user mouses over the dropdown clear the timeout timer. hide the dropdown when the mouse out
-    $("#" + id + "-dropdown").mouseleave(function(){
-      $(this).css('visibility', 'hidden');
-    });
-  });
-  
-  // Display tooltips when the item has focus or hover
-  $("[data-toggle='tooltip']").on('click', function(e){
-    e.preventDefault();
-  });
-  $("[data-toggle='tooltip']").on('focus mouseenter', function(e){
-    e.preventDefault();
-    if($(this).attr('data-content') !== undefined){
-      var y = $(this).width() + 35;
-      $(this).after('<div class="tooltip-message" style="left: ' + y + 'px;">' + $(this).attr('data-content') + '</div>');
-    }
-  }).on('blur mouseleave', function(e){
-    $(this).parent().find('div.tooltip-message').remove();
-  });
-  // Display popover when the item has focus or hover
-  $("[data-toggle='popover']").on('click', function(e){
-    e.preventDefault();
-  });
-  $("[data-toggle='popover']").on('focus mouseenter', function(e){
-    e.preventDefault();
-    if($(this).attr('data-content') !== undefined){
-      var y = $(this).width() + 35;
-      $(this).after('<div class="popover-message" style="left: ' + y + 'px;">' + $(this).attr('data-content') + '</div>');
-    }
-  }).on('blur mouseleave', function(){
-    $(this).parent().find('div.popover-message').remove();
-  });
-});
-
diff --git a/lib/assets/javascripts/utils_es5/ariatiseForm.js b/lib/assets/javascripts/utils_es5/ariatiseForm.js
deleted file mode 100644
index 6762df8..0000000
--- a/lib/assets/javascripts/utils_es5/ariatiseForm.js
+++ /dev/null
@@ -1,122 +0,0 @@
-/*
-    dmproadmap.utils.ariatiseForm augmentates a HTML form by:
-    - Associating help text with form controls
-    - Adding validation state to each form group
-    - Adding specific attributes for user with assistive technologies.
-
-    For example the following form :
-    <form>
-        <div class="form-group">
-            <label class="control-label" for="name">Name</label>
-            <input type="text" class="form-control" id="name" aria-required="true">
-        </div>
-        <div class="form-group">
-            <label class="control-label" for="email">Email</label>
-            <input type="email" class="form-control" id="email" aria-required="true">
-        </div>
-        <div class="form-group">
-            <label class="control-label" for="name">Subject</label>
-            <input type="text" class="form-control" id="subject" aria-required="false">
-        </div>
-        <button name="button" type="submit" class="btn btn-default">Submit</button>
-    </form>
-    will be augmentated as follows:
-    <form>
-        <div class="form-group">
-            <label class="control-label" for="name">Name</label>
-            <input type="text" class="form-control" id="name" aria-required="true" aria-describedby="help0">
-            <span id="help0" class="help-block" style="display:none;">Please fill out this field with a valid text.</span>
-        </div>
-        <div class="form-group">
-            <label class="control-label" for="email">Email</label>
-            <input type="email" class="form-control" id="email" aria-required="true" aria-describedby="help1">
-            <span id="help1" class="help-block" style="display:none;">Please fill out this field with a valid email.</span>
-        </div>
-        <div class="form-group">
-            <label class="control-label" for="name">Subject</label>
-            <input type="text" class="form-control" id="subject" aria-required="false">
-        </div>
-        <button name="button" type="submit" class="btn btn-default">Submit</button>
-    </form>
-    and any time the buttton is clicked the validation according to each type (e.g. text, email) will be triggered. An invalid result for a form-control will:
-    1. Add has-error class to its form-group parent and aria-invalid="true" to the form-control
-    2. Show its help-block following sibling
-    3. Prevent form to be submitted
-*/
-(function(ctx){
-    var requiredFields=(function(selector){
-        return $(selector).find('.form-control').filter('[aria-required="true"]');
-    });
-    var blockHelp=(function (id,type){
-        var msg='Please fill out this field with a valid '+type+'.';    //TODO internationalisation
-        return '<span id="'+id+'" class="help-block" style="display:none;">'+msg+'</span>';
-    });
-    var ariaDescribedBy=(function(value){
-        return { 'aria-describedby': value };
-    });
-    var ariaInvalid=(function(value){
-        return { 'aria-invalid': value };
-    });
-    var validationStates={
-            hasWarning: 'has-warning',
-            hasError: 'has-error',
-            hasSuccess: 'has-success'
-    };
-    var getTypeForSubmittableElement=(function(el){
-        // Reference from https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Form-associated_content
-        if($(el).is('input')){
-            return $(el).attr('type');  // available types at https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_<input>_types
-        }
-        else if($(el).is('select')){
-            return 'select';
-        }
-        else if($(el).is('textarea')){
-            return 'textarea';
-        }
-        else
-            return 'unknown';
-    });
-    var isValid=(function(type, value){
-        // TODO add more validation for each new type coming along by:
-        // 1. defining a function at dmproadmap.utils.validate
-        // 2. adding the case in the switch below
-        switch(type){
-            case 'text':
-            case 'textarea':
-                return dmproadmap.utils.validate.text(value);
-            case 'email':
-                return dmproadmap.utils.validate.email(value);
-            default:
-                return false;
-        }
-    });
-    var valid=(function(el){
-        $(el).parent().removeClass(validationStates.hasError);
-        $(el).attr(ariaInvalid(false));
-        $(el).next().hide();
-    });
-    var invalid=(function(el){
-        $(el).parent().addClass(validationStates.hasError);
-        $(el).attr(ariaInvalid(true));
-        $(el).next().show();
-    });
-    ctx.init=ctx.init || (function(options){
-        if($ && options && options.selector){
-            requiredFields(options.selector).each(function(i,el){
-                $(el).attr(ariaDescribedBy('help'+i));
-                $(el).after(blockHelp('help'+i, getTypeForSubmittableElement(el)));
-            });
-            $(options.selector+' [type="submit"]').click(function(e){
-                requiredFields(options.selector).each(function(i,el){
-                    if(isValid(getTypeForSubmittableElement(el),$(el).val())){
-                        valid(el);
-                    }
-                    else{
-                        e.preventDefault();
-                        invalid(el);
-                    }
-                });
-            });
-        }   
-    });
-})(define('dmproadmap.utils.ariatiseForm'));
\ No newline at end of file
diff --git a/lib/assets/javascripts/utils_es5/collateTable.js b/lib/assets/javascripts/utils_es5/collateTable.js
deleted file mode 100644
index a410c12..0000000
--- a/lib/assets/javascripts/utils_es5/collateTable.js
+++ /dev/null
@@ -1,21 +0,0 @@
-/* 
-  tablesorter is an external library located in vendor/tablesorter.
-
-  it does not provide us with icons though, so we add our own below along
-  with logic to change them to up/down arrows when the user sorts the column
-*/
-
-(function(ctx){
-  ctx.init = ctx.init || (function(options){
-    if($ && options && options.selector){
-      /* Bind the table to the external tablesorter JS (see vendor/tablesorter) */
-      $(options.selector).tablesorter({
-        theme: 'bootstrap_3',
-        headerTemplate: '{content} {icon}',
-        cssIconAsc: 'fa fa-sort-asc',
-        cssIconDesc: 'fa fa-sort-desc',
-        cssIconNone: 'fa fa-sort'
-      }); 
-    }
-  });
-})(define('dmproadmap.utils.collateTable'));
\ No newline at end of file
diff --git a/lib/assets/javascripts/utils_es5/debounce.js b/lib/assets/javascripts/utils_es5/debounce.js
deleted file mode 100644
index aa00c85..0000000
--- a/lib/assets/javascripts/utils_es5/debounce.js
+++ /dev/null
@@ -1,33 +0,0 @@
-(function(ctx){
-    /*
-        Delays invoking of the function passed until after wait milliseconds have elapsed since
-        the last time the debounced function was invoked.
-        @param {function} func - the function to execute later on
-        @param {number} wait - the number of milliseconds to wait until func is executed
-        @returns The debounced function. It comes with a cancel method to cancel delayed func invocation
-    */
-    ctx.debounce = ctx.debounce || (function(func, wait){
-        var timeoutID = null;
-        function cancel() {
-            if(timeoutID !== null){
-                clearTimeout(timeoutID);
-                return true;
-            }
-            return false;    
-        }
-        return (function() {
-            var debounced = function() {
-                var ctx = this;
-                var args = arguments;
-                var later = function() {
-                    timeoutID = null;
-                    func.apply(ctx, args);
-                }
-                clearTimeout(timeoutID);
-                timeoutID = setTimeout(later, wait || 1000);
-            }
-            debounced.cancel = cancel;
-            return debounced;
-        })();
-    });
-})(define('dmproadmap.utils'));
\ No newline at end of file
diff --git a/lib/assets/javascripts/utils_es5/define.js b/lib/assets/javascripts/utils_es5/define.js
deleted file mode 100644
index b1e44ed..0000000
--- a/lib/assets/javascripts/utils_es5/define.js
+++ /dev/null
@@ -1,35 +0,0 @@
-/*
-  define is an utility to avoid namespace collisions. This function assumes that the root is dmproadmap.
-  The local names are visited and constructed if they do not exist to return the context
-  object of the last local name specified in the String. 
-  The string has to be separated by '.' and currently there are no restrictions for local names
-  (e.g. empty strings) are allowed.
-  @param value String value representing a fully namespace
-  @return The last local name context from the hierarchy of objects
-
-  Usage: define('dmproadmap.a.b.c.d') will return the context of d by creating the following hierarchy if
-  does not exist:
-    dmproadmap: {
-      a: {
-        b: {
-          c: {
-            d: {}
-          }
-        }
-      }
-    }
-*/
-var define=function(value){
-    var root='dmproadmap';
-    if(Object.prototype.toString.call(value) === '[object String]'){
-        var arrayNs=value.split('.');
-      var restNs;
-      if(arrayNs[0] === root){
-        var restNs=arrayNs.slice(1);
-        return restNs.reduce(function(ns, value){
-            if(!ns[value]) return ns[value]={};
-          return ns[value];
-        }, window[root] = window[root] || {});
-      }
-    }
-};
\ No newline at end of file
diff --git a/lib/assets/javascripts/utils_es5/filteriseTable.js b/lib/assets/javascripts/utils_es5/filteriseTable.js
deleted file mode 100644
index 25e2aff..0000000
--- a/lib/assets/javascripts/utils_es5/filteriseTable.js
+++ /dev/null
@@ -1,46 +0,0 @@
-/* 
-  filteriseTable adds filter capabilities to an HTML table 
-  table rows are shown/hidden as the user enters text into the filter input field 
-  all rows are made visible when the user clicks the 'clear' icon
-*/
-(function(ctx){
-
-  var filter = (function(el){
-    var query = $(el).val(),
-        regex = new RegExp(query, 'i');
-
-    $.each($(el).closest("table").find("tbody tr"), function(idx, tr){
-      if(regex.test($(tr).text())){
-        $(tr).show();
-      }else{
-        $(tr).hide();
-      }
-    });
-  });
-
-  var clear = (function(el){
-    $(el).val('');
-    $(el).closest("table").find("tbody tr").show();
-  });
-
-  ctx.init = ctx.init || (function(options){
-    if($ && options && options.selector){
-      var id = $(this).attr("id");
-
-      /* initialize a debounced listener for the filter box */
-      var debounced = dmproadmap.utils.debounce(filter);
-
-      /* Bind the clear function to the clear icon's click event */
-      $(options.selector).keyup(function(){
-        debounced(this); 
-      });
-
-      $(options.selector).siblings("#clear_filter").click(function(e){
-        e.preventDefault();
-        clear(this);
-        debounced.cancel();
-      });
-    }
-  });
-
-})(define('dmproadmap.utils.filteriseTable'));
\ No newline at end of file
diff --git a/lib/assets/javascripts/utils_es5/tinymce.js b/lib/assets/javascripts/utils_es5/tinymce.js
deleted file mode 100644
index 657a352..0000000
--- a/lib/assets/javascripts/utils_es5/tinymce.js
+++ /dev/null
@@ -1,101 +0,0 @@
-(function(ctx){
-    ctx.tinymce = ctx.tinymce || {};
-    var tinymce = ctx.tinymce;
-    /*
-        Factory to create tinyMCE object that overrides defaults with the given object options passed
-        @param options An object with known properties for tinyMCE
-        @return A tinyMCE object or throws an error if jQuery is not present when this function is invoked
-    */
-    tinymce.factory = tinymce.factory || (function(options){
-        if($){
-            return $.extend(true, {
-                    selector: 'textarea.tinymce',
-                    statusbar: false,
-                    menubar: false,
-                    toolbar: 'bold italic | bullist numlist | link | table',
-                    plugins: 'table autoresize link paste advlist',
-                    advlist_bullet_styles: 'circle,disc,square', //only disc bullets display on htmltoword
-                    target_list: false,
-                    autoresize_min_height: 130,
-                    autoresize_bottom_margin: 10,
-                    extended_valid_elements: 'iframe[tooltip] , a[href|target=_blank]',
-                    extended_valid_elements: 'a[href|target=_blank]',
-                    paste_auto_cleanup_on_paste : true,
-                    paste_remove_styles: true,
-                    paste_retain_style_properties: 'none',
-                    paste_convert_middot_lists: true,
-                    paste_remove_styles_if_webkit: true,
-                    paste_remove_spans: true,
-                    paste_strip_class_attributes: "all",
-                    table_default_attributes: {
-                        border: 1
-                    }
-            }, options);
-        }
-        else
-            throw Error('$ is undefined');
-    });
-    /*
-        Initialises a tinymce editor given the object passed. If the object is
-        undefined, a default object generated by dmproadmap.utils.tinymce.factory will be used
-        @param obj An object with known properties for tinyMCE
-    */
-    tinymce.init = tinymce.init || (function(options){
-        if(window.tinymce){
-            //TODO, there is a bug on Firefox when init is executed again after partially refreshing page (e.g. https://github.com/tinymce/tinymce/issues/3763)
-            window.tinymce.init(tinymce.factory(options));
-        }
-    });
-    /*
-        Finds any tinyMCE editor whose target element/textarea has className passed
-        @param className A string representing the class name of the tinyMCE editor target element/textarea to look for
-        @return An Array of tinymce.Editor objects
-    */
-    tinymce.findEditorsByClassName = tinymce.findEditorsByClassName || (function(className){
-        if($ && window.tinymce && className){
-            return window.tinymce.editors.reduce(function(acc,e){
-                if($(e.getElement()).hasClass(className)) 
-                    return acc.concat([e]);
-                return acc;
-            },[]);
-        }
-        return [];
-    });
-    /*
-        Finds a tinyMCE editor whose target element/textarea has id passed
-        @param id A string representing the id of the tinyMCE editor target element/textarea to look for
-        @return tinymce.Editor object or undefined if not found
-    */
-    tinymce.findEditorById = tinymce.findEditorById || (function(id){
-        if($ && window.tinymce && id){
-            // Usage of Array.prototype.find below is desired, however IE does not support it.
-            for(var i=0, l=window.tinymce.editors.length;i<l;i++) {
-                if(window.tinymce.editors[i].id === id){
-                    return window.tinymce.editors[i];
-                }
-            }
-        }
-    });
-    /*
-        Destroy every editor instance whose target element/textarea has className passed. This method
-        executes for each editor the method defined at tinymce.Editor.destroy (e.g. https://www.tinymce.com/docs/api/tinymce/tinymce.editor/#destroy).
-        @param className A string representing the class name of the tinyMCE editor target element/textarea to look for
-        @return undefined
-    */
-    tinymce.destroyEditorsByClassName = tinymce.destroyEditorsByClassName || (function(className){
-        var editors = tinymce.findEditorsByClassName(className);
-        editors.forEach(function(ed){
-            ed.destroy();
-        });
-    });
-    /*
-        Destroy an editor instance whose target element/textarea has HTML id passed. This method
-        executes tinymce.Editor.destroy (e.g. https://www.tinymce.com/docs/api/tinymce/tinymce.editor/#destroy) for a successfull id found.
-        @return undefined
-    */
-    tinymce.destroyEditorById = tinymce.destroyEditorById || (function(id){
-        var ed = tinymce.findEditorById(id);
-        if(ed)
-            ed.destroy();  
-    });
-})(define('dmproadmap.utils'));
\ No newline at end of file
diff --git a/lib/assets/javascripts/utils_es5/validate.js b/lib/assets/javascripts/utils_es5/validate.js
deleted file mode 100644
index d72c9e6..0000000
--- a/lib/assets/javascripts/utils_es5/validate.js
+++ /dev/null
@@ -1,42 +0,0 @@
-(function(ctx){
-    /*
-        Validates whether or not the value length is greather than zero after
-        removing whitespace from both ends of the string. 
-        @param value String to verify its length
-        @return true if it has a length greater than zero; otherwise, false.
-    */
-    ctx.required = ctx.required || (function(value){
-        if(Object.prototype.toString.call(value) === '[object String]')
-            return value.trim().length > 0;
-        return false;
-    });
-    /*
-        Validates whether or not the value matches the regular expression
-        for an email
-        @param value String the to search for a match
-        @return true if there is match between the email regex and the specific string; otherwise, false. 
-    */
-    ctx.email = ctx.email || (function(value){
-        if(Object.prototype.toString.call(value) === '[object String]')
-            return /[^@\s]+@(?:[-a-z0-9]+\.)+[a-z]{2,}$/.test(value);
-        return false;
-    });
-    /*
-        validates whether or not the value falls between the min/max length 
-        values defined in constants.js
-    */
-    ctx.password = ctx.password || (function(value){
-      if(Object.prototype.toString.call(value) === '[object String]')
-          return (value.trim().length >= 8 && 
-                  value.trim().length <= 128);
-      return false;
-    });
-
-    /*
-        default error messages
-    */
-    ctx.required.message=ctx.required.message || 'Please enter a valid value';
-    ctx.email.message=ctx.email.message || 'Please enter a valid email address';
-    ctx.password.message=ctx.password.message || 'Please enter a password between 8 and 128 characters';
-
-})(define('dmproadmap.utils.validate'));
\ No newline at end of file
diff --git a/lib/assets/javascripts/views/answers/status.js b/lib/assets/javascripts/views/answers/status.js
index 374fd31..83716a4 100644
--- a/lib/assets/javascripts/views/answers/status.js
+++ b/lib/assets/javascripts/views/answers/status.js
@@ -1,3 +1,4 @@
+import timeago from 'timeago.js/dist/timeago';
 import {
   isObject,
   isNumber,
@@ -89,7 +90,7 @@
             if (isNumber(data.question.id)) {
               if (isString(data.question.answer_status)) {
                 $(`#answer-status-${data.question.id}`).html(data.question.answer_status); // TODO check partial render of this view on the server
-                $('abbr.timeago').timeago();
+                timeago().render($('abbr.timeago'));
               }
               if (isString(data.question.locking)) {
                 $(`#answer-locking-${data.question.id}`).html(data.question.locking);
@@ -117,4 +118,5 @@
       });
     }
   });
+  timeago().render($('abbr.timeago'));
 });
diff --git a/lib/assets/package.json b/lib/assets/package.json
index 47fcbdc..fd34c21 100644
--- a/lib/assets/package.json
+++ b/lib/assets/package.json
@@ -27,7 +27,7 @@
     "js-cookie": "2.1.4",
     "placeholder": "1.0.2",
     "tablesorter": "2.28.15",
-    "timeago": "1.6.1",
+    "timeago.js": "^3.0.2",
     "tinymce": "4.6.5"
   },
   "devDependencies": {
diff --git a/lib/assets/webpack.config.js b/lib/assets/webpack.config.js
index f249c73..5d8ff3b 100644
--- a/lib/assets/webpack.config.js
+++ b/lib/assets/webpack.config.js
@@ -15,7 +15,7 @@
   context: __dirname,
 
   entry: {
-    vendor: ['jquery', 'timeago/jquery.timeago', 'jquery-accessible-autocomplete-list-aria/jquery-accessible-autocomplete-list-aria'],
+    vendor: ['jquery', 'jquery-accessible-autocomplete-list-aria/jquery-accessible-autocomplete-list-aria'],
     application: ['./javascripts/application.js', './stylesheets/application.scss'],
   },