www.aleph1.co.uk Git - yaffs-website/blob - web/core/themes/bartik/color/preview.js

   1 /**
   2 * DO NOT EDIT THIS FILE.
   3 * See the following change record for more information,
   4 * https://www.drupal.org/node/2815083
   5 * @preserve
   6 **/
   7
   8 (function ($, Drupal, drupalSettings) {
   9   Drupal.color = {
  10     logoChanged: false,
  11     callback: function callback(context, settings, $form) {
  12       if (!this.logoChanged) {
  13         $('.color-preview .color-preview-logo img').attr('src', drupalSettings.color.logo);
  14         this.logoChanged = true;
  15       }
  16
  17       if (drupalSettings.color.logo === null) {
  18         $('div').remove('.color-preview-logo');
  19       }
  20
  21       var $colorPreview = $form.find('.color-preview');
  22       var $colorPalette = $form.find('.js-color-palette');
  23
  24       $colorPreview.css('backgroundColor', $colorPalette.find('input[name="palette[bg]"]').val());
  25
  26       $colorPreview.find('.color-preview-main h2, .color-preview .preview-content').css('color', $colorPalette.find('input[name="palette[text]"]').val());
  27       $colorPreview.find('.color-preview-content a').css('color', $colorPalette.find('input[name="palette[link]"]').val());
  28
  29       var $colorPreviewBlock = $colorPreview.find('.color-preview-sidebar .color-preview-block');
  30       $colorPreviewBlock.css('background-color', $colorPalette.find('input[name="palette[sidebar]"]').val());
  31       $colorPreviewBlock.css('border-color', $colorPalette.find('input[name="palette[sidebarborders]"]').val());
  32
  33       $colorPreview.find('.color-preview-footer-wrapper').css('background-color', $colorPalette.find('input[name="palette[footer]"]').val());
  34
  35       var gradient_start = $colorPalette.find('input[name="palette[top]"]').val();
  36       var gradient_end = $colorPalette.find('input[name="palette[bottom]"]').val();
  37
  38       $colorPreview.find('.color-preview-header').attr('style', 'background-color: ' + gradient_start + '; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(' + gradient_start + '), to(' + gradient_end + ')); background-image: -moz-linear-gradient(-90deg, ' + gradient_start + ', ' + gradient_end + ');');
  39
  40       $colorPreview.find('.color-preview-site-name').css('color', $colorPalette.find('input[name="palette[titleslogan]"]').val());
  41     }
  42   };
  43 })(jQuery, Drupal, drupalSettings);