/** * Injects CSS styles on current page for this dashlet */ private void injectWallboardStyles() { ui.getPage().getStyles().add(".alert-details.cleared { background: #AAAAAA; border-left: 14px solid #858585; }"); ui.getPage().getStyles().add(".alert-details.normal { background: #AAAAAA; border-left: 14px solid #336600; }"); ui.getPage().getStyles().add(".alert-details.indeterminate { background: #AAAAAA; border-left: 14px solid #999; }"); ui.getPage().getStyles().add(".alert-details.warning { background: #AAAAAA; border-left: 14px solid #FFCC00; }"); ui.getPage().getStyles().add(".alert-details.minor { background: #AAAAAA; border-left: 14px solid #FF9900; }"); ui.getPage().getStyles().add(".alert-details.major { background: #AAAAAA; border-left: 14px solid #FF3300; }"); ui.getPage().getStyles().add(".alert-details.critical { background: #AAAAAA; border-left: 14px solid #CC0000; }"); ui.getPage().getStyles().add(".alert-details-font {color: #000000; font-size: 17px; line-height: normal; }"); ui.getPage().getStyles().add(".alert-details-noalarms-font { font-size: 17px; line-height: normal; }"); ui.getPage().getStyles().add(".alert-details { padding: 5px 5px; margin: 1px; }"); }
/** * Injects CSS styles in the current page */ private void injectWallboardStyles() { ui.getPage().getStyles().add(".summary.cleared { background: #000000; border-left: 15px solid #858585; }"); ui.getPage().getStyles().add(".summary.normal { background: #000000; border-left: 15px solid #336600; }"); ui.getPage().getStyles().add(".summary.indeterminate { background: #000000; border-left: 15px solid #999; }"); ui.getPage().getStyles().add(".summary.warning { background: #000000; border-left: 15px solid #FFCC00; }"); ui.getPage().getStyles().add(".summary.minor { background: #000000; border-left: 15px solid #FF9900; }"); ui.getPage().getStyles().add(".summary.major { background: #000000; border-left: 15px solid #FF3300; }"); ui.getPage().getStyles().add(".summary.critical { background: #000000; border-left: 15px solid #CC0000; }"); ui.getPage().getStyles().add(".summary.global { background: #000000; border-left: 15px solid #000000; }"); ui.getPage().getStyles().add(".summary { padding: 5px 5px; margin: 1px; }"); ui.getPage().getStyles().add(".summary-font { font-size: 24px; line-height: normal; text-align: right; color: #3ba300; }"); ui.getPage().getStyles().add(".summary-font-legend { font-size: 16px; line-height: normal; text-align: right; color: #3ba300; }"); }
/** * Injects CSS styles on current page for this dashlet */ private void injectWallboardStyles() { ui.getPage().getStyles().add(".alerts.cleared { background: #000000; border-left: 15px solid #858585; }"); ui.getPage().getStyles().add(".alerts.normal { background: #000000; border-left: 15px solid #336600; }"); ui.getPage().getStyles().add(".alerts.indeterminate { background: #000000; border-left: 15px solid #999; }"); ui.getPage().getStyles().add(".alerts.warning { background: #000000; border-left: 15px solid #FFCC00; }"); ui.getPage().getStyles().add(".alerts.minor { background: #000000; border-left: 15px solid #FF9900; }"); ui.getPage().getStyles().add(".alerts.major { background: #000000; border-left: 15px solid #FF3300; }"); ui.getPage().getStyles().add(".alerts.critical { background: #000000; border-left: 15px solid #CC0000; }"); ui.getPage().getStyles().add(".alerts-font {color: #3ba300; font-size: 18px; line-height: normal; }"); ui.getPage().getStyles().add(".alerts-noalarms-font { font-size: 18px; line-height: normal; }"); ui.getPage().getStyles().add(".alerts { padding: 5px 5px; margin: 1px; }"); ui.getPage().getStyles().add(".v-slot-alerts-font { overflow: hidden; }"); }
/** * Injects CSS styles on current page for this dashlet */ private void injectDashboardStyles() { ui.getPage().getStyles().add(".alerts.cleared { background: #000000; border-left: 8px solid #858585; }"); ui.getPage().getStyles().add(".alerts.normal { background: #000000; border-left: 8px solid #336600; }"); ui.getPage().getStyles().add(".alerts.indeterminate { background: #000000; border-left: 8px solid #999; }"); ui.getPage().getStyles().add(".alerts.warning { background: #000000; border-left: 8px solid #FFCC00; }"); ui.getPage().getStyles().add(".alerts.minor { background: #000000; border-left: 8px solid #FF9900; }"); ui.getPage().getStyles().add(".alerts.major { background: #000000; border-left: 8px solid #FF3300; }"); ui.getPage().getStyles().add(".alerts.critical { background: #000000; border-left: 8px solid #CC0000; }"); ui.getPage().getStyles().add(".alerts-font {color: #3ba300; font-size: 11px; line-height: normal; }"); ui.getPage().getStyles().add(".alerts-noalarms-font { font-size: 11px; line-height: normal; }"); ui.getPage().getStyles().add(".alerts { padding: 5px 5px; margin: 1px; }"); ui.getPage().getStyles().add(".v-slot-alerts-font { overflow: hidden; }"); }
/** * Injects CSS styles in the current page */ private void injectDashboardStyles() { ui.getPage().getStyles().add(".summary.cleared { background: #000000; border-left: 8px solid #858585; }"); ui.getPage().getStyles().add(".summary.normal { background: #000000; border-left: 8px solid #336600; }"); ui.getPage().getStyles().add(".summary.indeterminate { background: #000000; border-left: 8px solid #999; }"); ui.getPage().getStyles().add(".summary.warning { background: #000000; border-left: 8px solid #FFCC00; }"); ui.getPage().getStyles().add(".summary.minor { background: #000000; border-left: 8px solid #FF9900; }"); ui.getPage().getStyles().add(".summary.major { background: #000000; border-left: 8px solid #FF3300; }"); ui.getPage().getStyles().add(".summary.critical { background: #000000; border-left: 8px solid #CC0000; }"); ui.getPage().getStyles().add(".summary.global { background: #000000; border-left: 8px solid #000000; }"); ui.getPage().getStyles().add(".summary { padding: 5px 5px; margin: 1px; }"); ui.getPage().getStyles().add(".summary-font { font-size: 17px; line-height: normal; text-align: right; color: #3ba300; }"); ui.getPage().getStyles().add(".summary-font-legend { font-size: 9px; line-height: normal; text-align: right; color: #3ba300; }"); }
/** * Inject CSS into the UI. * This function will not add multiple style-elements if the * exact CSS string was already added. * @param cssContent * @param wrapperClass Name of the wrapper class (a CSS class that is applied to a parent element) */ public void injectUniqueCSS(String cssContent, String wrapperClass) { if(alreadyAddedCSS == null) { alreadyAddedCSS = new TreeSet<String>(); } if(wrapperClass != null) { cssContent = wrapCSS(cssContent, wrapperClass); } String hashForCssContent = Hashing.md5().hashString(cssContent, Charsets.UTF_8).toString(); if(!alreadyAddedCSS.contains(hashForCssContent)) { // CSSInject cssInject = new CSSInject(UI.getCurrent()); // cssInject.setStyles(cssContent); Page.getCurrent().getStyles().add(cssContent); alreadyAddedCSS.add(hashForCssContent); } }
/** * Injects CSS styles in the current page */ private void injectDashboardStyles() { Page.getCurrent().getStyles().add(".summary.cleared { background: #000000; border-left: 8px solid #858585; }"); Page.getCurrent().getStyles().add(".summary.normal { background: #000000; border-left: 8px solid #336600; }"); Page.getCurrent().getStyles().add(".summary.indeterminate { background: #000000; border-left: 8px solid #999; }"); Page.getCurrent().getStyles().add(".summary.warning { background: #000000; border-left: 8px solid #FFCC00; }"); Page.getCurrent().getStyles().add(".summary.minor { background: #000000; border-left: 8px solid #FF9900; }"); Page.getCurrent().getStyles().add(".summary.major { background: #000000; border-left: 8px solid #FF3300; }"); Page.getCurrent().getStyles().add(".summary.critical { background: #000000; border-left: 8px solid #CC0000; }"); Page.getCurrent().getStyles().add(".summary.global { background: #000000; border-left: 8px solid #000000; }"); Page.getCurrent().getStyles().add(".summary { padding: 5px 5px; margin: 1px; }"); Page.getCurrent().getStyles().add(".summary-font { font-size: 17px; line-height: normal; text-align: right; color: #3ba300; }"); Page.getCurrent().getStyles().add(".summary-font-legend { font-size: 9px; line-height: normal; text-align: right; color: #3ba300; }"); }
/** * Injects CSS styles in the current page */ private void injectWallboardStyles() { Page.getCurrent().getStyles().add(".summary.cleared { background: #000000; border-left: 15px solid #858585; }"); Page.getCurrent().getStyles().add(".summary.normal { background: #000000; border-left: 15px solid #336600; }"); Page.getCurrent().getStyles().add(".summary.indeterminate { background: #000000; border-left: 15px solid #999; }"); Page.getCurrent().getStyles().add(".summary.warning { background: #000000; border-left: 15px solid #FFCC00; }"); Page.getCurrent().getStyles().add(".summary.minor { background: #000000; border-left: 15px solid #FF9900; }"); Page.getCurrent().getStyles().add(".summary.major { background: #000000; border-left: 15px solid #FF3300; }"); Page.getCurrent().getStyles().add(".summary.critical { background: #000000; border-left: 15px solid #CC0000; }"); Page.getCurrent().getStyles().add(".summary.global { background: #000000; border-left: 15px solid #000000; }"); Page.getCurrent().getStyles().add(".summary { padding: 5px 5px; margin: 1px; }"); Page.getCurrent().getStyles().add(".summary-font { font-size: 24px; line-height: normal; text-align: right; color: #3ba300; }"); Page.getCurrent().getStyles().add(".summary-font-legend { font-size: 16px; line-height: normal; text-align: right; color: #3ba300; }"); }
@Override public void attach(AttachEvent attachEvent) { getUI().getPage().getStyles().add(".preview { width:225px; }"); } });
@Override public void attach(AttachEvent attachEvent) { getUI().getPage().getStyles().add(".criteriaBackground { background:#dddddd; }"); } });
@Override public void attach(AttachEvent attachEvent) { getUI().getPage().getStyles().add(".preview { width:175px; }"); } });
@Override public void setTheme(String themeName) { String stylename = String.format("app-%s", themeName); final String themeUrl = String.format("../%s/styles.css", themeName); final Component vaadinComponent = asVaadinComponent(); vaadinComponent.addStyleName(stylename); final ThemeResource res = new ThemeResource(themeUrl); if (vaadinComponent.isAttached()) { Page.getCurrent().getStyles().add(res); } else { vaadinComponent.addAttachListener((AttachListener) event -> Page.getCurrent().getStyles().add(res)); } }
@Override public void attach() { super.attach(); Page.getCurrent().getStyles().add( ".clearable-textfield .v-widget {\n" + " border-radius: 4px 4px 4px 4px;\n" + "}\n" + ".clearable-textfield .v-slot:last-child>.v-widget {\n" + " border-top-left-radius: 0;\n" + " border-bottom-left-radius: 0; margin-left:-1px\n" + "}\n" + "\n" + ".clearable-textfield .v-slot:first-child>.v-widget {\n" + " border-top-right-radius: 0;\n" + " border-bottom-right-radius: 0;\n" + "}\n"); }
@Override public void attach() { super.attach(); // TODO optimize this so that it is added only once Page.getCurrent().getStyles().add( ".clearable-textfield .v-widget {\n" + " border-radius: 4px 4px 4px 4px;\n" + "}\n" + ".clearable-textfield .v-slot:last-child>.v-widget {\n" + " border-top-left-radius: 0;\n" + " border-bottom-left-radius: 0; margin-left:-1px\n" + "}\n" + "\n" + ".clearable-textfield .v-slot:first-child>.v-widget {\n" + " border-top-right-radius: 0;\n" + " border-bottom-right-radius: 0;\n" + "}\n"); }
private void initElectronApi() { JavaScript js = getPage().getJavaScript(); js.addFunction("appMenuItemTriggered", arguments -> { if (arguments.length() == 1 && arguments.get(0) instanceof JsonString) { String menuId = arguments.get(0).asString(); if ("About".equals(menuId)) { onMenuAbout(); } else if ("Exit".equals(menuId)) { onWindowExit(); } } }); js.addFunction("appWindowExit", arguments -> onWindowExit()); Page.Styles styles = getPage().getStyles(); try { InputStream resource = MainUI.class.getResourceAsStream( "/org/strangeway/electronvaadin/resources/electron.css"); styles.add(IOUtils.toString(resource, StandardCharsets.UTF_8)); } catch (IOException ignored) { } }
ui.getPage().getStyles().add(".box { margin: 5px; background-color: #444; border: 1px solid #999; border-top: 0; overflow: auto; width: 100%; }"); ui.getPage().getStyles().add(".text { color:#ffffff; line-height: 11px; font-size: 9px; font-family: 'Lucida Grande', Verdana, sans-serif; font-weight: bold; }"); ui.getPage().getStyles().add(".margin { margin:5px; }");
ui.getPage().getStyles().add(".box { margin: 5px; background-color: #444; border: 1px solid #999; border-top: 0; overflow: auto; width: 100% }"); ui.getPage().getStyles().add(".text { color:#ffffff; line-height: 11px; font-size: 9px; font-family: 'Lucida Grande', Verdana, sans-serif; font-weight: bold; }"); ui.getPage().getStyles().add(".margin { margin:5px; }");
Page.getCurrent().getStyles().add(".box { margin: 5px; background-color: #444; border: 1px solid #999; border-top: 0; overflow: auto; width: 100% }"); Page.getCurrent().getStyles().add(".text { color:#ffffff; line-height: 11px; font-size: 9px; font-family: 'Lucida Grande', Verdana, sans-serif; font-weight: bold; }"); Page.getCurrent().getStyles().add(".margin { margin:5px; }");
Styles styles = getUI().getPage().getStyles();
Styles styles = Page.getCurrent().getStyles();