How to use the pilot/dom.importCssString function in pilot

To help you get started, we’ve selected a few pilot examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github HelioNetworks / HelioPanel_archived / ace / lib / ace / theme / mono_industrial.js View on Github external
}\
\
.ace-mono-industrial .ace_variable {\
  \
}\
\
.ace-mono-industrial .ace_variable.ace_language {\
  color:#648BD2;\
}\
\
.ace-mono-industrial .ace_xml_pe {\
  \
}";

    // import CSS once
    dom.importCssString(cssText);

    exports.cssClass = "ace-mono-industrial";
});
github atom / atom / vendor / ace / virtual_renderer.js View on Github external
function afterLoad(theme) {
            dom.importCssString(
                theme.cssText,
                theme.cssClass,
                _self.container.ownerDocument
            );

            if (_self.$theme)
                dom.removeCssClass(_self.container, _self.$theme);

            _self.$theme = theme ? theme.cssClass : null;

            if (_self.$theme)
                dom.addCssClass(_self.container, _self.$theme);

            // force re-measure of the gutter width
            if (_self.$size) {
                _self.$size.width = 0;
github cloudjee / wavemaker / dev / studio / webapproot / app / lib / ace-build / lib / ace / theme / eclipse.js View on Github external
\
.ace-eclipse .ace_marker-layer .ace_selection {\
  background: rgb(181, 213, 255);\
}\
\
.ace-eclipse .ace_marker-layer .ace_bracket {\
  margin: -1px 0 0 -1px;\
  border: 1px solid rgb(192, 192, 192);\
}\
\
.ace-eclipse .ace_marker-layer .ace_active_line {\
  background: rgb(232, 242, 254);\
}";

    // import CSS once
    dom.importCssString(cssText);

    exports.cssClass = "ace-eclipse";
});
github atom / atom / vendor / ace / virtual_renderer.js View on Github external
var VirtualRenderer = function(container, theme) {
    this.container = container;

    // Imports CSS once per DOM document ('ace_editor' serves as an identifier).
    dom.importCssString(editorCss, "ace_editor", container.ownerDocument);
    dom.addCssClass(this.container, "ace_editor");

    this.setTheme(theme);

    this.$gutter = dom.createElement("div");
    this.$gutter.className = "ace_gutter";
    this.container.appendChild(this.$gutter);

    this.scroller = dom.createElement("div");
    this.scroller.className = "ace_scroller";
    this.container.appendChild(this.scroller);

    this.content = dom.createElement("div");
    this.content.className = "ace_content";
    this.scroller.appendChild(this.content);
github HelioNetworks / HelioPanel_archived / ace / lib / ace / theme / textmate.js View on Github external
\
.ace-tm .ace_marker-layer .ace_active_line {\
  background: rgb(232, 242, 254);\
}\
\
.ace-tm .ace_marker-layer .ace_selected_word {\
  background: rgb(250, 250, 255);\
  border: 1px solid rgb(200, 200, 250);\
}\
\
.ace-tm .ace_string.ace_regex {\
  color: rgb(255, 0, 0)\
}";

    // import CSS once
    dom.importCssString(cssText);

    exports.cssClass = "ace-tm";
});
github HelioNetworks / HelioPanel_archived / ace / lib / ace / theme / monokai.js View on Github external
}\
\
.ace-monokai .ace_variable {\
  \
}\
\
.ace-monokai .ace_variable.ace_language {\
  \
}\
\
.ace-monokai .ace_xml_pe {\
  \
}";

    // import CSS once
    dom.importCssString(cssText);

    exports.cssClass = "ace-monokai";
});
github HelioNetworks / HelioPanel_archived / ace / lib / ace / theme / idle_fingers.js View on Github external
\
.ace-idle-fingers .ace_variable.ace_language {\
  \
}\
\
.ace-idle-fingers .ace_xml_pe {\
  \
}\
\
.ace-idle-fingers .ace_collab.ace_user1 {\
  color:#323232;\
background-color:#FFF980;   \
}";

    // import CSS once
    dom.importCssString(cssText);

    exports.cssClass = "ace-idle-fingers";
});
github HelioNetworks / HelioPanel_archived / ace / lib / ace / theme / solarized_light.js View on Github external
}\
\
.ace-solarized-light .ace_variable.ace_language {\
  color:#268BD2;\
}\
\
.ace-solarized-light .ace_xml_pe {\
  \
}\
\
.ace-solarized-light .ace_collab.ace_user1 {\
     \
}";

    // import CSS once
    dom.importCssString(cssText);

    exports.cssClass = "ace-solarized-light";
});
github ajaxorg / ace / plugins / cockpit / ui / requestView.js View on Github external
define(function(require, exports, module) {

var dom = require("pilot/dom");
var event = require("pilot/event");
var requestViewHtml = require("text!cockpit/ui/requestView.html");
var Templater = require("pilot/domtemplate").Templater;

var requestViewCss = require("text!cockpit/ui/requestView.css");
dom.importCssString(requestViewCss);

/**
 * Pull the HTML into the DOM, but don't add it to the document
 */
var templates = document.createElement('div');
templates.innerHTML = requestViewHtml;
var row = templates.querySelector('.cptRow');

/**
 * Adds a row to the CLI output display
 */
function RequestView(request, cliView) {
    this.request = request;
    this.cliView = cliView;

    this.imagePath = '/plugins/ace/plugins/cockpit/lib/ui/images';
github lisezmoi / modul.io / client / ace-0.1.6 / src / cockpit-uncompressed.js View on Github external
define('cockpit/ui/request_view', function(require, exports, module) {

var dom = require("pilot/dom");
var event = require("pilot/event");
var requestViewHtml = require("text!cockpit/ui/request_view.html");
var Templater = require("pilot/domtemplate").Templater;

var requestViewCss = require("text!cockpit/ui/request_view.css");
dom.importCssString(requestViewCss);

/**
 * Pull the HTML into the DOM, but don't add it to the document
 */
var templates = document.createElement('div');
templates.innerHTML = requestViewHtml;
var row = templates.querySelector('.cptRow');

/**
 * Work out the path for images.
 * TODO: This should probably live in some utility area somewhere
 */
function imageUrl(path) {
    var dataUrl = require('text!cockpit/ui/' + path);
    if (dataUrl) {
        return dataUrl;