grapesjs/src/panels/config/config.js

Free and Open Source Web Builder Framework

var crc = 'create-comp';
var mvc = 'move-comp';
var swv = 'sw-visibility';
var expt = 'export-template';
var osm = 'open-sm';
var otm = 'open-tm';
var ola = 'open-layers';
var obl = 'open-blocks';
var ful = 'fullscreen';
var prv = 'preview';

module.exports = {
  stylePrefix: 'pn-',

  // Default panels fa-sliders for features
  defaults: [{
    id: 'commands',
    buttons: [{}],
  },{
    id: 'options',
    buttons: [{
      active: true,
      id: swv,
      className: 'fa fa-square-o',
      command: swv,
      context: swv,
      attributes: { title: 'View components' },
    },{
      id: prv,
      className: 'fa fa-eye',
      command: prv,
      context: prv,
      attributes: { title: 'Preview' },
    },{
      id: ful,
      className: 'fa fa-arrows-alt',
      command: ful,
      context: ful,
      attributes: { title: 'Fullscreen' },
    },{
      id: expt,
      className: 'fa fa-code',
      command: expt,
      attributes: { title: 'View code' },
    }],
  },{
    id: 'views',
    buttons  : [{
      id: osm,
      className: 'fa fa-paint-brush',
      command: osm,
      active: true,
      attributes: { title: 'Open Style Manager' },
    },{
      id: otm,
      className: 'fa fa-cog',
      command: otm,
      attributes: { title: 'Settings' },
    },{
      id: ola,
      className: 'fa fa-bars',
      command: ola,
      attributes  : { title: 'Open Layer Manager' },
    },{
      id: obl,
      className: 'fa fa-th-large',
      command: obl,
      attributes  : { title: 'Open Blocks' },
    }],
  }],

  // Editor model
  em : null,

  // Delay before show children buttons (in milliseconds)
  delayBtnsShow  : 300,
};