drapcode-builder/src/panels/config/config.js

Drapcode Builder Library

const swv = "sw-visibility";
const expt = "export-template";
const osm = "open-sm";
const otm = "open-tm";
const ola = "open-layers";
const obl = "open-blocks";
const customobl = "custom-open-blocks";
const switchVersion = "switch-version";
const ful = "fullscreen";
const prv = "preview";
const build = "build";
const customPrv = "custom-preview";
const customBuild = "custom-build";
const saveDb = "save-db";
const cmdClear = "cmd-clear";
const undo = "undo";
const redo = "redo";
const codeEditor = "code-editor";
const cmdDeviceDesktop = "set-device-desktop";
const cmdDeviceTablet = "set-device-tablet";
const cmdDeviceMobile = "set-device-mobile";
const cmdDeviceMobilePtr = "set-device-mobile-ptr";
const cmdToggleDesigner = "custom-toggle-designer";
const cmdEditorLink = "code-editor-open";
const shortcut = "shortcut";
export default {
  stylePrefix: "pn-",
  defaults: [
    {
      id: "commands",
      buttons: [{}]
    },
    {
      id: "devices-c",
      buttons: [
        {
          active: true,
          id: cmdDeviceDesktop,
          className: "fa fa-desktop",
          command: cmdDeviceDesktop,
          attributes: { title: "Desktop" }
        },
        {
          id: cmdDeviceTablet,
          className: "fa fa-tablet",
          command: cmdDeviceTablet,
          attributes: { title: "Tablet" }
        },
        {
          id: cmdDeviceMobilePtr,
          className: "fa fa-mobile",
          command: cmdDeviceMobilePtr,
          attributes: { title: "Mobile" }
        },
        {
          id: cmdDeviceMobile,
          className: "fa fa-mobile",
          command: cmdDeviceMobile,
          attributes: { title: "Mobile Landscape" }
        },
        {
          id: "versions",
          className: "fa fa-code-fork",
          command: switchVersion,
          attributes: { title: "Switch Version" }
        },
        {
          id: "shortcut",
          className: "fa fa-search",
          command: shortcut,
          attributes: { title: "Shortcut" }
        },
        {
          id: customobl,
          className: "fa fa-plus-circle btn btn-theme-primary--light btn-xs",
          command: customobl,
          togglable: 1,
          attributes: { title: "Add Components", id: "add-components" }
        }
      ]
    },
    {
      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: customPrv,
          context: prv,
          attributes: { title: "Preview" }
        },
        {
          id: build,
          className: "fa fa-paper-plane-o",
          command: customBuild,
          context: build,
          attributes: { title: "Production" }
        },
        {
          id: codeEditor,
          className: "wb webconnect-layout-text-sidebar-reverse",
          command: cmdEditorLink,
          attributes: { title: "View Code" }
        },
        {
          id: undo,
          className: "fa fa-undo",
          command: e => e.runCommand("core:undo")
        },
        {
          id: redo,
          className: "fa fa-repeat",
          command: e => e.runCommand("core:redo")
        },
        {
          id: saveDb,
          className: "fa fa-save btn-save",
          command: saveDb,
          context: saveDb,
          attributes: { title: "Save" }
        },
        {
          id: cmdClear,
          className: "fa fa-trash",
          command: cmdClear,
          context: cmdClear,
          attributes: { title: "Clear" }
        }
      ]
    },
    {
      id: "views",
      buttons: [
        {
          id: osm,
          className: "fa fa-paint-brush",
          command: osm,
          active: true,
          togglable: 0,
          attributes: { title: "Open Style Manager" }
        },
        {
          id: otm,
          className: "fa fa-cog",
          command: otm,
          togglable: 0,
          attributes: { title: "Settings" }
        },
        {
          id: ola,
          className: "fa fa-bars",
          command: ola,
          togglable: 0,
          attributes: { title: "Open Layer Manager" }
        }
      ]
    }
  ],

  em: null,
  delayBtnsShow: 300
};