Use auto-init instead of manual JS initiation of MDC components

This commit is contained in:
Matthew Grove
2018-11-13 19:34:19 +00:00
parent 6329fb3724
commit b3947cce47
2 changed files with 4 additions and 25 deletions

View File

@@ -15,28 +15,7 @@ $(document).ready(function(){
$(".source-code-link").load("/page-inserts/source-code-link.html");
// initiate MDC buttons
const mdc_buttons = document.querySelectorAll('.mdc-button');
for (const button of mdc_buttons) {
mdc.ripple.MDCRipple.attachTo(button);
}
// initiate FABs
const mdc_fabs = document.querySelectorAll('.mdc-fab');
for (const fab of mdc_fabs) {
mdc.ripple.MDCRipple.attachTo(fab);
}
// initiate text fields
const mdc_text_fields = document.querySelectorAll('.mdc-text-field');
for (const text_field of mdc_text_fields) {
mdc.textField.MDCTextField.attachTo(text_field);
}
// initiate helper texts
const mdc_helper_texts = document.querySelectorAll(".mdc-text-field-helper-text");
for (const helper_text of mdc_helper_texts) {
mdc.textField.MDCHelperText.attachTo(helper_text);
}
mdc.autoInit();
var drawer_item_link_query_selector = ".mdc-list-item[href='" + window.activated_drawer_item_link;
$(drawer_item_link_query_selector + "']").addClass("mdc-list-item--activated");