// This closure gives access to jQuery as $
// Don't delete it
(function($) {
// Do stuff
$(document).ready(function() {
var customize = wp.customize,
selectors = cf7md_selectors,
$stylesheet = $("#cf7-material-design-inline-css"),
$forceFontsStylesheet = $("#cf7md-force-font-sizes-css"),
$customStylesheet = $('<style type="text/css"></style>'),
internalStyles;
// Find or create the internal stylesheet
if (!$stylesheet.length) {
$stylesheet = $(
'<style type="text/css" id="cf7-material-design-inline-style"></style>'
);
$stylesheet.insertAfter($("#cf7-material-design-css"));
}
// Set internalStyles var
internalStyles = $.grep(document.styleSheets, function(el, i) {
return el.ownerNode === $stylesheet[0];
})[0];
if (typeof internalStyles.rules === "undefined") {
internalStyles.rules = [];
}
// === Options === //
// Use custom styles
customize("cf7md_options[use_custom_styles]", function(value) {
var func = function(newval) {
$stylesheet.attr("disabled", !newval);
};
func(value.get());
value.bind(func);
});
// Force font size
customize("cf7md_options[force_font_sizes]", function(value) {
var func = function(force) {
$forceFontsStylesheet.attr("disabled", !force);
};
func(value.get());
value.bind(func);
});
// Custom css
$customStylesheet.insertAfter($stylesheet);
customize("cf7md_options[custom_css]", function(value) {
var func = function(newval) {
$customStylesheet.text(newval);
};
func(value.get());
value.bind(func);
});
// Selectors
$.each(selectors, function(prop, val) {
customize("cf7md_options[" + prop + "]", function(value) {
var func = function(newval) {
$.each(val, function(index, selector) {
// If the value has been set to blank, delete existing rules that reference it
if (newval === "") {
var rules = internalStyles.rules;
for (var r = 0; r < rules.length; r++) {
if (rules[r].selectorText === selector.selector) {
internalStyles.deleteRule(r);
r--; // deleting rule affects future indexes
}
}
}
if (selector.property === "font-size") {
newval = newval + "px";
}
if (prop === "text_hint_on_light" || prop === "text_on_light") {
newval = "rgba(0, 0, 0, " + newval + ")";
} else if (
prop === "text_hint_on_dark" ||
prop === "text_on_dark"
) {
newval = "rgba(255, 255, 255, " + newval + ")";
}
internalStyles.insertRule(
selector.selector +
" { " +
selector.property +
": " +
newval +
"; }",
internalStyles.rules.length
);
});
};
func(value.get());
value.bind(func);
});
});
// === Misc === //
// Open section on button click
$("body").on("click", ".customizer-edit", function(e) {
e.preventDefault();
customize.preview.send("preview-edit", $(this).data("control"));
});
});
})(jQuery);