Menu
▾
▴
[Openautomation-svn] SF.net SVN: openautomation:[975] CometVisu/trunk/visu
|
From: <pe...@us...> - 2012-08-17 14:59:47
|
Revision: 975
http://openautomation.svn.sourceforge.net/openautomation/?rev=975&view=rev
Author: peuter
Date: 2012-08-17 14:59:39 +0000 (Fri, 17 Aug 2012)
Log Message:
-----------
* changed usage of labels/names in navbars: The label text is positioned below the icon (if one exists) as small text (see Top-Navbar example in metal-config)
the pagejump name ist positioned on the right side of the Icon (see Left-Navbar example in metal-config), name can be skipped using space as name, e.g. <pagejump ... name=" ">
Modified Paths:
--------------
CometVisu/trunk/visu/designs/metal/basic.css
CometVisu/trunk/visu/designs/metal/design_setup.js
CometVisu/trunk/visu/visu_config_metal.xml
Modified: CometVisu/trunk/visu/designs/metal/basic.css
===================================================================
--- CometVisu/trunk/visu/designs/metal/basic.css 2012-08-16 18:03:13 UTC (rev 974)
+++ CometVisu/trunk/visu/designs/metal/basic.css 2012-08-17 14:59:39 UTC (rev 975)
@@ -1,662 +1,690 @@
-@font-face {
- font-family: "Dosis";
- font-style: normal;
- font-weight: 400;
- src: url("fonts/Dosis-Medium.ttf");
-}
-body
-{
- color: white;
- font-family: Dosis, Helvetica, Arial, sans-serif;
- font-size: 5.5mm;
- overflow: hidden;
- margin:0;
- color: #fff /*{a-body-color}*/;
- text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 1px /*{a-body-shadow-radius}*/ #111 /*{a-body-shadow-color}*/;
- background: #222 /*{a-body-background-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);
-}
-
-h1
-{
- font-size: 2em;
- padding-left: 15px;
-}
-
-h2
-{
- font-size: 1.25em;
- margin-left: 15px;
- margin-top: 5px;
- margin-bottom: 5px;
-}
-
-body hr
-{
- clear:both;
- color: #81664b;
- background-color: #81664b;
- height: 1px;
- border:none;
- padding:0px;
- margin:0.1em;
-}
-
-#pages hr {
- border: 0; height: 30px; margin: 0 .1em;
- background: transparent url(images/hr_bg.png) 50% repeat-x;
- clear: both;
-}
-
-
-body br
-{
- clear:both;
-}
-.page h1 {
- display: none;
- margin-top: 0;
- padding-top: 1em;
- background: #121212 url(images/head_bg.png) scroll repeat-x bottom;
-}
-
-.nav_path
-{
- color: #81664b;
- margin-left: 15px;
-}
-.nav_path a
-{
- color: white;
- text-decoration:none;
-}
-
-.footer,
-.footer *
-{
- color: #555;
- font-size: 0.9em;
- vertical-align: middle;
-}
-
-.colspandefault { /* in units of 1/12 screen width */
- width: 6px;
-}
-
-.widget_container {
- float: left;
- width: 100%;
-}
-.widget
-{
- margin: 0;
- padding: 0.3em;
- border-color: #666;
- border-style: solid;
- border-width: 1px 1px 0 0;
- min-height: 2em;
- text-shadow: 0 1px 1px #111;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#2d2d2d)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#444444, #2d2d2d); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#444444, #2d2d2d); /* FF3.6 */
- background-image: -ms-linear-gradient(#444444, #2d2d2d); /* IE10 */
- background-image: -o-linear-gradient(#444444, #2d2d2d); /* Opera 11.10+ */
- background-image: linear-gradient(#444444, #2d2d2d);
-}
-.navbar .pagejump { position: relative; }
-.pagejump:hover,.pagelink:hover,.pagejump.active {
- background-color: #444444;
- font-weight: bold;
- color: #fff;
- text-shadow: 0 1px 1px #111;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#383838)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#555555, #383838); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#555555, #383838); /* FF3.6 */
- background-image: -ms-linear-gradient(#555555, #383838); /* IE10 */
- background-image: -o-linear-gradient(#555555, #383838); /* Opera 11.10+ */
- background-image: linear-gradient(#555555, #383838);
-}
-.pagejump.active { background-image: url(images/active_page24.png); background-repeat: no-repeat; background-position: center right; }
-.text > div,
-.link > a {
- float:left;
- text-align:left;
- padding-left: 0.2em;
-}
-
-.widget .label,
-.widget.info .actor,
-.text > div,
-.link > a {
- line-height: 2em;
-}
-
-.widget .label
-{
- float:left;
- width:49%;
- text-align:left;
- padding-left: 0.2em;
-}
-.widget .label img { vertical-align: middle; }
-.widget .switchPressed img.icon, .widget .switchUnpressed img.icon { height: 1.1em !important; }
-/*.widget .actor img.icon { height: 1.1em !important; }*/
-.widget_container > .pagejump > .label {
- width: auto;
- display: inline;
- padding-left: 0;
- line-height: 1em;
-}
-.widget .actor
-{
- float:left;
- margin-left:0.2em;
- text-align:left;
-}
-.widget .actor div
-{
- float:left;
- /*white-space: pre-wrap;*/
-}
-
- iframe { border: none; }
-
-
-.navbar .widget .label {
- float: none;
- width: auto;
-}
-.navbar .widget .label > img {
- left: 0.2em;
-}
-.navbar .switchPressed, .navbar .switchUnpressed {
- width: 100% !important;
-}
-.navbar .switchPressed .value, .navbar .switchUnpressed .value {
- padding-left: 2.2em;
-}
-
-.green.switchPressed div, .green.switchUnpressed div {
- background: transparent url(images/dot_green.png) no-repeat center center;
- /*background: transparent url(images/dot_white.png) no-repeat center center;*/
- color: white !important;
- text-shadow: 0;
-}
-.red.switchPressed div, .red.switchUnpressed div{
- background: transparent url(images/dot_red.png) no-repeat center center;
- color: grey !important;
-}
-.grey.switchPressed div, .grey.switchUnpressed div{
- background: transparent url(images/dot_grey.png) no-repeat center center;
- color: grey !important;
-}
-
-.red
-{
- color:#f44;
- font-weight:bold;
-}
-
-.green
-{
- color:#4f4;
-}
-
-.blue
-{
- color:#44f;
-}
-
-.purple
-{
- color:#f4f;
-}
-
-.link a
-{
- line-height: 2em;
- color: #81664b;
- width: 49%;
- padding-left: 0.2em;
-}
-
-.page
-{
- float:left;
- overflow: auto;
- position: relative;
-}
-
-.switchPressed, .switchUnpressed {
- border-style: solid;
- -moz-border-radius: 12px;
- -webkit-border-radius: 12px;
- border-radius: 12px;
- padding: 1px;
- background:none;
-}
-
-.switchUnpressed
-{
- border-width: 1px 2px 2px 1px;
- border-color: #282828 #010101 #010101 #282828;
- margin-top: 0px;
- background-color: #3A3A3A;
- background-position: center +2px;
-}
-.switchUnpressed div, .switchPressed div
-{
- padding: 5px;
- min-width: 3em;
- float: left;
- background: transparent;
- text-align: center;
- cursor: pointer;
-}
-
-.pagejump > .switchUnpressed, .pagejump > .switchPressed {
- width: auto;
- background-color: transparent;
- border: none;
- background: none;
- margin-left:0;
- margin-right: 0;
- float: left;
-}
-.group
-.pagejump .switchUnpressed div, .group .pagejump .switchPressed div {
- width: auto;
- text-align: left;
- margin-left: 0.2em;
-}
-
-.group.widget {
- border: 1px solid #B3B3B3;
- border-radius: 1em;
- -moz-border-radius: 1em;
- -webkit-border-radius: 1em;
- -o-border-radius: 1em;
- overflow: hidden;
- margin: 0.2em 0.5em;
- padding: 0;
-}
-.navbar .group {
- margin: 0.2em 0 0.1em 0;
- border-radius: 0;
- -moz-border-radius: 0;
- -webkit-border-radius: 0;
-
- border-top-right-radius: 1em;
- -moz-border-top-right-radius: 1em;
- -webkit-border-top-right-radius: 1em;
-
- border-bottom-right-radius: 1em;
- -moz-border-bottom-right-radius: 1em;
- -webkit-border-bottom-right-radius: 1em;
-
- border-left: none;
-}
-.navbar .group.root {
- border-top-right-radius: 0;
- -moz-border-top-right-radius: 0;
- -webkit-border-top-right-radius: 0;
-
- border-bottom-left-radius: 1em;
- -moz-border-bottom-left-radius: 1em;
- -webkit-border-bottom-left-radius: 1em;
- margin-top: 0;
- border-top: none;
- border-left: 2px solid #B3B3B3;
-}
-.navbar > .widget_container:first-child .group .widget_container:last-child, .navbar > .widget_container:first-child .group div.widget_container:last-child .widget {
- border-width: 1px 0 0 0;
- border-bottom-right-radius: 1em;
- border-bottom-left-radius: 1em;
-}
-.navbar .group .widget_container:last-child,.navbar .group .widget_container:last-child .widget {
- border-bottom-right-radius: 1em;
-}
-.navbar .pagejump .actor {
- position: absolute;
- top:0;
- left:0;
- right:0;
- bottom:0;
- vertical-align: middle;
-}
-.navbar .pagejump .actor .value {
- line-height: 2em;
-}
-.group > div > h2 {
- font-size: 0.8em;
- padding: 0 1em;
- margin: 0;
- border: none;
- border-radius: 1em;
- -moz-border-radius: 1em;
- -webkit-border-radius: 1em;
-
- border-bottom-left-radius: 0;
- -moz-border-bottom-left-radius: 0;
- -webkit-border-bottom-left-radius: 0;
-
- border-bottom-right-radius: 0;
- -moz-border-bottom-right-radius: 0;
- -webkit-border-bottom-right-radius: 0;
-
- color: #FFF;
- font-weight: bold;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#999), to(#666)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#999, #666); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#999, #666); /* FF3.6 */
- background-image: -ms-linear-gradient(#999, #666); /* IE10 */
- background-image: -o-linear-gradient(#999, #666); /* Opera 11.10+ */
- background-image: linear-gradient(#999, #666);
-}
-.navbar .group > div > h2 {
- border-radius: 0;
- -moz-border-radius: 0;
- -webkit-border-radius: 0;
- border-top-right-radius: 1em;
- -moz-border-top-right-radius: 1em;
- -webkit-border-top-right-radius: 1em;
- text-shadow: none;
- background-color: #eeeeee;
- color: #3E3E3E;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#ddd)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#f0f0f0, #ddd); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#f0f0f0, #ddd); /* FF3.6 */
- background-image: -ms-linear-gradient(#f0f0f0, #ddd); /* IE10 */
- background-image: -o-linear-gradient(#f0f0f0, #ddd); /* Opera 11.10+ */
- background-image: linear-gradient(#f0f0f0, #ddd);
-}
-/*.pagejump {
- background: #333333;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #444444), to( #2D2D2D));
- background-image: -webkit-linear-gradient( #444444 , #2D2D2D;
- background-image: -moz-linear-gradient( #444444, #2D2D2D);
- background-image: -ms-linear-gradient( #444444, #2D2D2D);
- background-image: -o-linear-gradient( #444444, #2D2D2D);
- background-image: linear-gradient( #444444, #2D2D2D);
- margin: 0;
-}*/
-
-.switchPressed
-{
- border-width: 2px 1px 1px 2px;
- border-color: #010101 #282828 #282828 #010101;
- margin-top: 1px;
- background-position: center -2px;
-}
-
-.switchUnpressed div {
- margin-left: -1px;
-}
-
-.switchPressed div {
- margin-top: -1px;
-}
-
-.ui-slider { position: relative; text-align: left; }
-.ui-slider .ui-slider-handle { position: absolute; z-index: 2; min-width: 1.6em; height: 1.6em; cursor: default; }
-.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
-
-.ui-slider-horizontal { height: .8em; }
-.ui-slider-horizontal .ui-slider-handle { top: -.5em; margin-left: -.8em; }
-.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
-.ui-slider-horizontal .ui-slider-range-min { left: 0; }
-.ui-slider-horizontal .ui-slider-range-max { right: 0; }
-
-.ui-slider-vertical { width: .8em; height: 100px; }
-.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
-.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
-.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
-.ui-slider-vertical .ui-slider-range-max { top: 0; }
-.ui-widget-content { border: 1px solid #dddddd; background: #000 ; color: #000; }
-.ui-widget-content a { color: #333333; }
-.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #000 ; font-weight: bold; color: #1c94c4; }
-.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
-.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
-
-.dim .actor
-{
- width: 3em;
-}
-.widget .ui-slider
-{
- width: 45%;
- float: left;
- margin-left: 10px;
- margin-left: 1em;
- margin-top: 0.5em;
- border-color: #010101 #282828 #282828 #010101;
- background: url(images/gradient.png) #a7a7a7 repeat-y;
-}
-
-.widget .ui-slider-handle
-{
- border-style: solid;
- -moz-border-radius: 12px;
- -webkit-border-radius: 12px;
- border-radius: 12px;
- padding: 1px;
- /*background: url(images/button_bg.png) #171717 repeat-x;*/
- border-width: 1px 2px 2px 1px;
- border-color: #282828 #010101 #010101 #282828;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#2d2d2d)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#444444, #2d2d2d); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#444444, #2d2d2d); /* FF3.6 */
- background-image: -ms-linear-gradient(#444444, #2d2d2d); /* IE10 */
- background-image: -o-linear-gradient(#444444, #2d2d2d); /* Opera 11.10+ */
- background-image: linear-gradient(#444444, #2d2d2d);
-}
-.widget .ui-slider-handle {
- text-decoration: none;
- color: #FFF;
- text-align: center;
- /*padding: 0 0.5em;*/
-}
-/* Clearfix */
-.clearfix:after {
- content: ".";
- display: block;
- clear: both;
- visibility: hidden;
- line-height: 0;
- height: 0;
-}
-
-.clearfix {
- display: inline-block;
-}
-
-html[xmlns] .clearfix {
- display: block;
-}
-
-*:first-child+html .clearfix {
- min-height: 0;
-}
-
-* html .clearfix {
- height: 1%;
-}
-
-* html>body .clearfix {
- display: inline-block;
- width: 100%;
-}
-
-* html .clearfix {
- /* Hides from IE-mac \*/
- height: 1%;
- /* End hide from IE-mac */
-}
-
-.loading {
- display: block !important;
-}
-
-div#loading {
- display: none !important;
-}
-
-
-.popup,
-.popup_background {
- position: absolute;
- width: 90%;
- height: 90%;
- top: 5%;
- left: 5%;
-}
-
-.popup {
- z-index: 101;
- background: transparent;
-}
-
-
-.popup_background {
- z-index: 100;
- border-color: #020202;
- border-style: solid;
- border-width: 2px 0px 0px 2px;
- -moz-border-radius: 8px;
- -webkit-border-radius: 8px;
- border-radius: 8px;
- background: #101010;
- opacity: .98;
-}
-
-.popup div {
- margin: 4px;
-}
-
-.popup div.head {
- border-bottom: 1px solid;
-}
-
-.popup_background.error {
- background: #800000;
- border: #f00;
-}
-
-.clickable {
- cursor: pointer;
-}
-
-.diagram_inline {
- margin-left: 1em;
- width: 320px;
- height: 180px;
-}
-
-.diagram_preview {
- width: 240px;
- height: 2em;
-}
-
-#diagramTooltip {
- z-index: 1000;
- color: black;
- border: 1px solid #fdd;
- padding: 2px;
- background-color: #fee;
- opacity: 0.80;
-}
-
-/* styles for the preview */
-div#demo_1, div#demo_2 {
- width: 100%;
- height: 44px;
-}
-
-div#demo_1 {
- background-color: black;
-}
-
-div#demo_2 {
- height: 2px;
- background-color: white;
-}
-
-div#demo_3 {
- background-color: #1d1d1d;
-}
-.iframe .actor { width: 98%; }
-
-.innerrowspan { /* test: Absolute Positionierung scheint in machen Browser das overflow: hidden der Group zu umgehen */
- position: relative;
- width: 100%;
- height: 100%;
- padding: 0;
-}
-.innerrowspan > div {
- margin: 0.3em;
-}
-
-#navbarTop .navbar .widget_container, #navbarBottom .navbar .widget_container {
- width: auto !important;
-}
-
-#navbarTop, #navbarTop .navbar .widget, #navbarBottom .navbar .widget {
- background: #333333;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #666), to( #000));
- background-image: -webkit-linear-gradient( #666 , #000);
- background-image: -moz-linear-gradient( #666, #000);
- background-image: -ms-linear-gradient( #666, #000);
- background-image: -o-linear-gradient( #666, #000);
- background-image: linear-gradient( #666, #000);
-}
-#navbarTop .navbar .widget, #navbarBottom .navbar .widget {
- margin: 0;
- border-width:0;
- padding: 0.3em 0.5em;
-
-}
-#navbarTop .navbar .widget:hover,#navbarTop .navbar .pagejump.active,#navbarTop .navbar .pagejump.active_ancestor {
- background-color: #000;
- font-weight: normal;
- color: #fff;
- text-shadow: 0 1px 1px #111;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#111), to(#666)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(#111, #666); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(#111, #666); /* FF3.6 */
- background-image: -ms-linear-gradient(#111, #666); /* IE10 */
- background-image: -o-linear-gradient(#111, #666); /* Opera 11.10+ */
- background-image: linear-gradient(#111, #666);
-}
-
-#navbarTop { border-bottom: 2px solid #666; }
-#navbarTop .navbar .widget { position: relative; min-width: 2em; min-height: 3em; }
-#navbarTop .navbar .pagejump .label > img {
- display: block;
- margin: 0 auto;
- height: 44px !important;
-}
-#navbarTop .navbar .pagejump .label {
- text-align: center;
- font-size: 0.7em;
- width: 100%;
- margin: 0 auto;
- float: left;
-}
-#navbarTop .navbar .pagejump .actor .value {
- display: none;
-}
-#navbarTop .navbar .pagejump .actor { position: absolute; top:0;left:0;right:0;bottom:0 }
-#navbarTop hr, #navbarBottom hr {
- clear: none;
- float: left;
- width: 1px;
- height: 3.6em;
- margin: 0;
- padding: 0;
- color: inherit;
+@font-face {
+ font-family: "Dosis";
+ font-style: normal;
+ font-weight: 400;
+ src: url("fonts/Dosis-Medium.ttf");
+}
+body
+{
+ color: white;
+ font-family: Dosis, Helvetica, Arial, sans-serif;
+ font-size: 5.5mm;
+ overflow: hidden;
+ margin:0;
+ color: #fff /*{a-body-color}*/;
+ text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 1px /*{a-body-shadow-radius}*/ #111 /*{a-body-shadow-color}*/;
+ background: #222 /*{a-body-background-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);
+}
+
+h1
+{
+ font-size: 2em;
+ padding-left: 15px;
+}
+
+h2
+{
+ font-size: 1.25em;
+ margin-left: 15px;
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+body hr
+{
+ clear:both;
+ color: #81664b;
+ background-color: #81664b;
+ height: 1px;
+ border:none;
+ padding:0px;
+ margin:0.1em;
+}
+
+#pages hr {
+ border: 0; height: 30px; margin: 0 .1em;
+ background: transparent url(images/hr_bg.png) 50% repeat-x;
+ clear: both;
+}
+
+
+body br
+{
+ clear:both;
+}
+.page h1 {
+ display: none;
+ margin-top: 0;
+ padding-top: 1em;
+ background: #121212 url(images/head_bg.png) scroll repeat-x bottom;
+}
+
+.nav_path
+{
+ color: #81664b;
+ margin-left: 15px;
+}
+.nav_path a
+{
+ color: white;
+ text-decoration:none;
+}
+
+.footer,
+.footer *
+{
+ color: #555;
+ font-size: 0.9em;
+ vertical-align: middle;
+}
+
+.colspandefault { /* in units of 1/12 screen width */
+ width: 6px;
+}
+
+.widget_container {
+ float: left;
+ width: 100%;
+}
+.widget
+{
+ margin: 0;
+ padding: 0.3em;
+ border-color: #666;
+ border-style: solid;
+ border-width: 1px 1px 0 0;
+ min-height: 2em;
+ text-shadow: 0 1px 1px #111;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#2d2d2d)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#444444, #2d2d2d); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#444444, #2d2d2d); /* FF3.6 */
+ background-image: -ms-linear-gradient(#444444, #2d2d2d); /* IE10 */
+ background-image: -o-linear-gradient(#444444, #2d2d2d); /* Opera 11.10+ */
+ background-image: linear-gradient(#444444, #2d2d2d);
+}
+.navbar .pagejump { position: relative; }
+.pagejump:hover,.pagelink:hover,.pagejump.active {
+ background-color: #444444;
+ font-weight: bold;
+ color: #fff;
+ text-shadow: 0 1px 1px #111;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#383838)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#555555, #383838); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#555555, #383838); /* FF3.6 */
+ background-image: -ms-linear-gradient(#555555, #383838); /* IE10 */
+ background-image: -o-linear-gradient(#555555, #383838); /* Opera 11.10+ */
+ background-image: linear-gradient(#555555, #383838);
+}
+.pagejump.active { background-image: url(images/active_page24.png); background-repeat: no-repeat; background-position: center right; }
+.text > div,
+.link > a {
+ float:left;
+ text-align:left;
+ padding-left: 0.2em;
+}
+
+.widget .label,
+.widget.info .actor,
+.text > div,
+.link > a {
+ line-height: 2em;
+}
+
+.widget .label
+{
+ float:left;
+ width:49%;
+ text-align:left;
+ padding-left: 0.2em;
+}
+.widget .label img { vertical-align: middle; }
+.widget .switchPressed img.icon, .widget .switchUnpressed img.icon { height: 1.1em !important; }
+/*.widget .actor img.icon { height: 1.1em !important; }*/
+.widget_container > .pagejump > .label {
+ width: auto;
+ display: inline;
+ padding-left: 0;
+ line-height: 1em;
+}
+.widget .actor
+{
+ float:left;
+ margin-left:0.2em;
+ text-align:left;
+}
+.widget .actor div
+{
+ float:left;
+ /*white-space: pre-wrap;*/
+}
+
+ iframe { border: none; }
+
+
+.navbar .widget .label {
+ float: none;
+ width: auto;
+}
+.navbar .widget .label > img {
+ left: 0.2em;
+}
+.navbar .switchPressed, .navbar .switchUnpressed {
+ width: 100% !important;
+}
+.navbar .switchPressed .value, .navbar .switchUnpressed .value {
+ padding-left: 2.2em;
+}
+
+.green.switchPressed div, .green.switchUnpressed div {
+ background: transparent url(images/dot_green.png) no-repeat center center;
+ /*background: transparent url(images/dot_white.png) no-repeat center center;*/
+ color: white !important;
+ text-shadow: 0;
+}
+.red.switchPressed div, .red.switchUnpressed div{
+ background: transparent url(images/dot_red.png) no-repeat center center;
+ color: grey !important;
+}
+.grey.switchPressed div, .grey.switchUnpressed div{
+ background: transparent url(images/dot_grey.png) no-repeat center center;
+ color: grey !important;
+}
+
+.red
+{
+ color:#f44;
+ font-weight:bold;
+}
+
+.green
+{
+ color:#4f4;
+}
+
+.blue
+{
+ color:#44f;
+}
+
+.purple
+{
+ color:#f4f;
+}
+
+.link a
+{
+ line-height: 2em;
+ color: #81664b;
+ width: 49%;
+ padding-left: 0.2em;
+}
+
+#pages > .page
+{
+ float:left;
+ overflow: auto;
+ position: relative;
+}
+
+.switchPressed, .switchUnpressed {
+ border-style: solid;
+ -moz-border-radius: 12px;
+ -webkit-border-radius: 12px;
+ border-radius: 12px;
+ padding: 1px;
+ background:none;
+}
+
+.switchUnpressed
+{
+ border-width: 1px 2px 2px 1px;
+ border-color: #282828 #010101 #010101 #282828;
+ margin-top: 0px;
+ background-color: #3A3A3A;
+ background-position: center +2px;
+}
+.switchUnpressed div, .switchPressed div
+{
+ padding: 5px;
+ min-width: 3em;
+ float: left;
+ background: transparent;
+ text-align: center;
+ cursor: pointer;
+}
+
+.pagejump > .switchUnpressed, .pagejump > .switchPressed {
+ width: auto;
+ background-color: transparent;
+ border: none;
+ background: none;
+ margin-left:0;
+ margin-right: 0;
+ float: left;
+}
+.group
+.pagejump .switchUnpressed div, .group .pagejump .switchPressed div {
+ width: auto;
+ text-align: left;
+ margin-left: 0.3em;
+}
+
+.group.widget {
+ border: 1px solid #B3B3B3;
+ border-radius: 1em;
+ -moz-border-radius: 1em;
+ -webkit-border-radius: 1em;
+ -o-border-radius: 1em;
+ overflow: hidden;
+ margin: 0.2em 0.5em;
+ padding: 0;
+}
+.navbar .group {
+ margin: 0.2em 0 0.1em 0;
+ border-radius: 0;
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+
+ border-top-right-radius: 1em;
+ -moz-border-top-right-radius: 1em;
+ -webkit-border-top-right-radius: 1em;
+
+ border-bottom-right-radius: 1em;
+ -moz-border-bottom-right-radius: 1em;
+ -webkit-border-bottom-right-radius: 1em;
+
+ border-left: none;
+}
+.navbar .group.root {
+ border-top-right-radius: 0;
+ -moz-border-top-right-radius: 0;
+ -webkit-border-top-right-radius: 0;
+
+ border-bottom-left-radius: 1em;
+ -moz-border-bottom-left-radius: 1em;
+ -webkit-border-bottom-left-radius: 1em;
+ margin-top: 0;
+ border-top: none;
+ border-left: 2px solid #B3B3B3;
+}
+.navbar > .widget_container:first-child .group .widget_container:last-child, .navbar > .widget_container:first-child .group div.widget_container:last-child .widget {
+ border-width: 1px 0 0 0;
+ border-bottom-right-radius: 1em;
+ border-bottom-left-radius: 1em;
+}
+.navbar .group .widget_container:last-child,.navbar .group .widget_container:last-child .widget {
+ border-bottom-right-radius: 1em;
+}
+.navbar .pagejump .actor {
+ position: absolute;
+ top:0;
+ left:0;
+ right:0;
+ bottom:0;
+ vertical-align: middle;
+}
+.navbar .pagejump .actor .value {
+ line-height: 2em;
+}
+.group > div > h2 {
+ font-size: 0.8em;
+ padding: 0 1em;
+ margin: 0;
+ border: none;
+ border-radius: 1em;
+ -moz-border-radius: 1em;
+ -webkit-border-radius: 1em;
+
+ border-bottom-left-radius: 0;
+ -moz-border-bottom-left-radius: 0;
+ -webkit-border-bottom-left-radius: 0;
+
+ border-bottom-right-radius: 0;
+ -moz-border-bottom-right-radius: 0;
+ -webkit-border-bottom-right-radius: 0;
+
+ color: #FFF;
+ font-weight: bold;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#999), to(#666)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#999, #666); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#999, #666); /* FF3.6 */
+ background-image: -ms-linear-gradient(#999, #666); /* IE10 */
+ background-image: -o-linear-gradient(#999, #666); /* Opera 11.10+ */
+ background-image: linear-gradient(#999, #666);
+}
+.navbar .group > div > h2 {
+ border-radius: 0;
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-top-right-radius: 1em;
+ -moz-border-top-right-radius: 1em;
+ -webkit-border-top-right-radius: 1em;
+ text-shadow: none;
+ background-color: #eeeeee;
+ color: #3E3E3E;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#ddd)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#f0f0f0, #ddd); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#f0f0f0, #ddd); /* FF3.6 */
+ background-image: -ms-linear-gradient(#f0f0f0, #ddd); /* IE10 */
+ background-image: -o-linear-gradient(#f0f0f0, #ddd); /* Opera 11.10+ */
+ background-image: linear-gradient(#f0f0f0, #ddd);
+}
+/*.pagejump {
+ background: #333333;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #444444), to( #2D2D2D));
+ background-image: -webkit-linear-gradient( #444444 , #2D2D2D;
+ background-image: -moz-linear-gradient( #444444, #2D2D2D);
+ background-image: -ms-linear-gradient( #444444, #2D2D2D);
+ background-image: -o-linear-gradient( #444444, #2D2D2D);
+ background-image: linear-gradient( #444444, #2D2D2D);
+ margin: 0;
+}*/
+
+.switchPressed
+{
+ border-width: 2px 1px 1px 2px;
+ border-color: #010101 #282828 #282828 #010101;
+ margin-top: 1px;
+ background-position: center -2px;
+}
+
+.switchUnpressed div {
+ margin-left: -1px;
+}
+
+.switchPressed div {
+ margin-top: -1px;
+}
+
+.ui-slider { position: relative; text-align: left; }
+.ui-slider .ui-slider-handle { position: absolute; z-index: 2; min-width: 1.6em; height: 1.6em; cursor: default; }
+.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
+
+.ui-slider-horizontal { height: .8em; }
+.ui-slider-horizontal .ui-slider-handle { top: -.5em; margin-left: -.8em; }
+.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
+.ui-slider-horizontal .ui-slider-range-min { left: 0; }
+.ui-slider-horizontal .ui-slider-range-max { right: 0; }
+
+.ui-slider-vertical { width: .8em; height: 100px; }
+.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
+.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
+.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
+.ui-slider-vertical .ui-slider-range-max { top: 0; }
+.ui-widget-content { border: 1px solid #dddddd; background: #000 ; color: #000; }
+.ui-widget-content a { color: #333333; }
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #000 ; font-weight: bold; color: #1c94c4; }
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
+.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
+
+.dim .actor
+{
+ width: 3em;
+}
+.widget .ui-slider
+{
+ width: 45%;
+ float: left;
+ margin-left: 10px;
+ margin-left: 1em;
+ margin-top: 0.5em;
+ border-color: #010101 #282828 #282828 #010101;
+ background: url(images/gradient.png) #a7a7a7 repeat-y;
+}
+
+.widget .ui-slider-handle
+{
+ border-style: solid;
+ -moz-border-radius: 12px;
+ -webkit-border-radius: 12px;
+ border-radius: 12px;
+ padding: 1px;
+ /*background: url(images/button_bg.png) #171717 repeat-x;*/
+ border-width: 1px 2px 2px 1px;
+ border-color: #282828 #010101 #010101 #282828;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#2d2d2d)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#444444, #2d2d2d); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#444444, #2d2d2d); /* FF3.6 */
+ background-image: -ms-linear-gradient(#444444, #2d2d2d); /* IE10 */
+ background-image: -o-linear-gradient(#444444, #2d2d2d); /* Opera 11.10+ */
+ background-image: linear-gradient(#444444, #2d2d2d);
+}
+.widget .ui-slider-handle {
+ text-decoration: none;
+ color: #FFF;
+ text-align: center;
+ /*padding: 0 0.5em;*/
+}
+/* Clearfix */
+.clearfix:after {
+ content: ".";
+ display: block;
+ clear: both;
+ visibility: hidden;
+ line-height: 0;
+ height: 0;
+}
+
+.clearfix {
+ display: inline-block;
+}
+
+html[xmlns] .clearfix {
+ display: block;
+}
+
+*:first-child+html .clearfix {
+ min-height: 0;
+}
+
+* html .clearfix {
+ height: 1%;
+}
+
+* html>body .clearfix {
+ display: inline-block;
+ width: 100%;
+}
+
+* html .clearfix {
+ /* Hides from IE-mac \*/
+ height: 1%;
+ /* End hide from IE-mac */
+}
+
+.loading {
+ display: block !important;
+}
+
+div#loading {
+ display: none !important;
+}
+
+
+.popup,
+.popup_background {
+ position: absolute;
+ width: 90%;
+ height: 90%;
+ top: 5%;
+ left: 5%;
+}
+
+.popup {
+ z-index: 101;
+ background: transparent;
+}
+
+
+.popup_background {
+ z-index: 100;
+ border-color: #020202;
+ border-style: solid;
+ border-width: 2px 0px 0px 2px;
+ -moz-border-radius: 8px;
+ -webkit-border-radius: 8px;
+ border-radius: 8px;
+ background: #101010;
+ opacity: .98;
+}
+
+.popup div {
+ margin: 4px;
+}
+
+.popup div.head {
+ border-bottom: 1px solid;
+}
+
+.popup_background.error {
+ background: #800000;
+ border: #f00;
+}
+
+.clickable {
+ cursor: pointer;
+}
+
+.diagram_inline {
+ margin-left: 1em;
+ width: 320px;
+ height: 180px;
+}
+
+.diagram_preview {
+ width: 240px;
+ height: 2em;
+}
+
+#diagramTooltip {
+ z-index: 1000;
+ color: black;
+ border: 1px solid #fdd;
+ padding: 2px;
+ background-color: #fee;
+ opacity: 0.80;
+}
+
+/* styles for the preview */
+div#demo_1, div#demo_2 {
+ width: 100%;
+ height: 44px;
+}
+
+div#demo_1 {
+ background-color: black;
+}
+
+div#demo_2 {
+ height: 2px;
+ background-color: white;
+}
+
+div#demo_3 {
+ background-color: #1d1d1d;
+}
+.iframe .actor { width: 98%; }
+
+.innerrowspan { /* test: Absolute Positionierung scheint in machen Browser das overflow: hidden der Group zu umgehen */
+ position: relative;
+ width: 100%;
+ height: 100%;
+ padding: 0;
+}
+.innerrowspan > div {
+ margin: 0.3em;
+}
+
+#navbarTop .navbar .widget_container, #navbarBottom .navbar .widget_container {
+ width: auto !important;
+}
+
+#navbarTop, #navbarTop .navbar .widget{
+ background: #333333;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #666), to( #000));
+ background-image: -webkit-linear-gradient( #666 , #000);
+ background-image: -moz-linear-gradient( #666, #000);
+ background-image: -ms-linear-gradient( #666, #000);
+ background-image: -o-linear-gradient( #666, #000);
+ background-image: linear-gradient( #666, #000);
+}
+#navbarBottom, #navbarBottom .navbar .widget {
+ background: #333333;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #000), to( #666));
+ background-image: -webkit-linear-gradient( #000 , #666);
+ background-image: -moz-linear-gradient( #000, #666);
+ background-image: -ms-linear-gradient( #000, #666);
+ background-image: -o-linear-gradient( #000, #666);
+ background-image: linear-gradient( #000, #666);
+}
+#navbarTop .navbar .widget, #navbarBottom .navbar .widget {
+ margin: 0;
+ border-width:0;
+ padding: 0.3em 0.5em;
+
+}
+#navbarTop .navbar .widget:hover,#navbarTop .navbar .pagejump.active,#navbarTop .navbar .pagejump.active_ancestor {
+ background-color: #000;
+ font-weight: normal;
+ color: #fff;
+ text-shadow: 0 1px 1px #111;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#111), to(#666)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#111, #666); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#111, #666); /* FF3.6 */
+ background-image: -ms-linear-gradient(#111, #666); /* IE10 */
+ background-image: -o-linear-gradient(#111, #666); /* Opera 11.10+ */
+ background-image: linear-gradient(#111, #666);
+}
+#navbarBottom .navbar .widget:hover,#navbarBottom .navbar .pagejump.active,#navbarBottom .navbar .pagejump.active_ancestor {
+background-color: #000;
+ font-weight: normal;
+ color: #fff;
+ text-shadow: 0 1px 1px #111;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#111)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#666, #111); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#666, #111); /* FF3.6 */
+ background-image: -ms-linear-gradient(#666, #111); /* IE10 */
+ background-image: -o-linear-gradient(#666, #111); /* Opera 11.10+ */
+ background-image: linear-gradient(#666, #111);
+}
+#navbarBottom .navbar {
+ padding: 0 auto;
+ width: 100%;
+}
+#navbarTop { border-bottom: 2px solid #666; }
+#navbarBottom { border-top: 2px solid #666; }
+#navbarTop .navbar .widget, #navbarBottom .navbar .widget { position: relative; min-width: 2em; min-height: 3em; }
+.navbar .pagejump .label > img, .navbar .pagejump .label > img {
+ height: 44px !important;
+}
+.navbar .pagejump .label > img, .navbar .pagejump .label > img {
+ display: block;
+ margin: 0 auto;
+}
+.navbar .pagejump .label, .navbar .pagejump .label {
+ text-align: center;
+ font-size: 0.7em;
+ float: left;
+ margin: 0 auto;
+}
+#navbarTop .navbar .pagejump .actor .value , #navbarBottom.navbar .pagejump .actor .value {
+ display: none;
+}
+#navbarTop .navbar .pagejump .actor, #navbarBottom.navbar .pagejump .actor {
+ width: 100%;
+}
+#navbarTop hr, #navbarBottom hr {
+ clear: none;
+ float: left;
+ width: 1px;
+ height: 3.6em;
+ margin: 0;
+ padding: 0;
+ color: inherit;
}
\ No newline at end of file
Modified: CometVisu/trunk/visu/designs/metal/design_setup.js
===================================================================
--- CometVisu/trunk/visu/designs/metal/design_setup.js 2012-08-16 18:03:13 UTC (rev 974)
+++ CometVisu/trunk/visu/designs/metal/design_setup.js 2012-08-17 14:59:39 UTC (rev 975)
@@ -87,9 +87,12 @@
handleResize(true);
}
$('#navbarLeft .navbar .widget .label,#navbarRight .navbar .widget .label').each(function(i) {
- if ($(this).text().trim()!="") {
- $(this).parent().css("height","3em");
- $(this).siblings('.actor').css("padding-top","1.3em");
+ var label = $(this);
+ if (label.text().trim()!="") {
+ var actor = label.siblings('.actor');
+ if (label.children('img').size()==0 && actor.children('.value').text().trim()!="") {
+ actor.css('padding-top','0.5em');
+ }
}
});
started=false;
Modified: CometVisu/trunk/visu/visu_config_metal.xml
===================================================================
--- CometVisu/trunk/visu/visu_config_metal.xml 2012-08-16 18:03:13 UTC (rev 974)
+++ CometVisu/trunk/visu/visu_config_metal.xml 2012-08-17 14:59:39 UTC (rev 975)
@@ -1,400 +1,386 @@
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
-<pages xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
- design="metal" xsi:noNamespaceSchemaLocation="visu_config.xsd">
- <meta>
- <plugins>
- <plugin name="gweather" />
- </plugins>
- <mappings>
- <mapping name="OpenClose">
- <entry value="0">
- <icon name="fts_fenster_offen" />
- </entry>
- <entry value="1">
- <icon name="fts_fenster" />
- </entry>
- <entry value="2">
- <icon name="fts_fenster_gekippt" />
- </entry>
- </mapping>
- <mapping name="DoorOpenClose">
- <entry value="0">
- <icon name="fts_tuer_offen" />
- </entry>
- <entry value="1">
- <icon name="fts_tuer" />
- </entry>
- </mapping>
- <mapping name="UpDown">
- <entry value="0">
- <icon name="steuer_auf" />
- </entry>
- <entry value="Auf">
- <icon name="steuer_auf" />
- </entry>
- <entry value="1">
- <icon name="steuer_ab" />
- </entry>
- <entry value="Zu">
- <icon name="steuer_ab" />
- </entry>
- </mapping>
- <mapping name="DaWeg">
- <entry value="0">Weg</entry>
- <entry value="1">Da</entry>
- </mapping>
- <mapping name="OnOff">
- <entry value="0">O</entry>
- <entry value="1">I</entry>
- </mapping>
- <mapping name="AudioMute">
- <entry value="0">
- <icon name="audio_mute" />
- </entry>
- <entry value="1">
- <icon name="audio_audio" />
- </entry>
- </mapping>
- <mapping name="Sign">
- <entry range_min="-1e99" range_max="0">Negativ</entry>
- <entry value="0">Null</entry>
- <entry range_min="0" range_max="1e99">Positiv</entry>
- </mapping>
- </mappings>
- <stylings>
- <styling name="GreyGreen">
- <entry value="Aus">grey</entry>
- <entry value="Weg">grey</entry>
- <entry value="Fehlt">grey</entry>
- <entry value="Offen">grey</entry>
- <entry value="An">green</entry>
- <entry value="Da">green</entry>
- <entry value="Zu">green</entry>
- <entry value="Vorhanden">green</entry>
- <entry value="0">grey</entry>
- <entry value="1">green</entry>
- </styling>
- <styling name="RedGreen">
- <entry value="0">red</entry>
- <entry value="1">green</entry>
- </styling>
- <styling name="GreenRed">
- <entry value="Aus">green</entry>
- <entry value="An">red</entry>
- <entry value="1">red</entry>
- <entry value="0">green</entry>
- </styling>
- <styling name="BluePurpleRed">
- <entry range_min="-100" range_max="0">blue</entry>
- <entry value="0">purple</entry>
- <entry range_min="0" range_max="100">red</entry>
- </styling>
- <styling name="BluePurpleRedTemp">
- <entry range_min="0" range_max="18">blue</entry>
- <entry range_min="18" range_max="21">purple</entry>
- <entry range_min="21" range_max="100">red</entry>
- </styling>
- </stylings>
- <statusbar>
- <status type="html"><![CDATA[ <img src="icon/comet_64_ff8000.png"
- alt="CometVisu" /> by <a href="http://www.cometvisu.org/">CometVisu.org</a>
- - <a href=".?forceReload=true">Reload</a> - <a href="?config=demo">Widget
- Demo</a> ]]></status>
- <status type="html" condition="!edit" hrefextend="config"><![CDATA[
- - <a href="edit_config.html">Edit</a> ]]></status>
- <status type="html" condition="edit" hrefextend="all"><![CDATA[ - <a href=".">normal Mode</a> ]]></status>
- <status type="html" hrefextend="config"><![CDATA[ - <a href="check_config.php">Check
- Config</a> ]]></status>
- </statusbar>
- </meta>
- <page name="Übersicht" showtopnavigation="false" showfooter="false"
- shownavbar="true false">
- <navbar position="top">
- <pagejump target="Übersicht">
- <label>
- <icon name="steuer_home" />Start
- </label>
- </pagejump>
- <pagejump target="KNX">
- <label>
- <icon name="steuer_alles_ein_aus" />KNX
- </label>
- </pagejump>
- <pagejump target="Video">
- <label>
- <icon name="it_fernsehen" />Video
- </label>
- </pagejump>
- <pagejump target="Audio">
- <label>
- <icon name="audio_audio" />Audio
- </label>
- </pagejump>
- <pagejump target="Web">
- <label>
- <icon name="it_internet" />Web
- </label>
- </pagejump>
- <line/>
- <pagejump target="Wetter">
- <label><icon name="wetter_sonne"/>Wetter</label>
- </pagejump>
- </navbar>
- <group name="Allgemein">
- <layout colspan="12" />
- <info>
- <label>Modus</label>
- <address transform="DPT:16.001" variant="">12/1/3</address>
- </info>
- <info>
- <label>Präsenz</label>
- <address transform="DPT:16.001" variant="">12/1/0</address>
- </info>
- <switch mapping="OnOff" styling="GreyGreen">
- <layout colspan="3" />
- <label>Follow me</label>
- <address transform="DPT:1.001" variant="">12/1/6</address>
- </switch>
- <switch mapping="OnOff" styling="GreyGreen">
- <layout colspan="3" />
- <label>Abwesend</label>
- <address transform="DPT:1.001" variant="">12/1/2</address>
- </switch>
- <switch mapping="OnOff" styling="GreyGreen">
- <layout colspan="3" />
- <label>Wecker</label>
- <address transform="DPT:1.001" variant="">12/1/8</address>
- </switch>
- </group>
- <page name="Wetter" visible="false">
- <layout colspan="12" />
- <gweather city="Warstein" lang="de" current="true" forecast="true">
- <layout colspan="12" />
- </gweather>
- </page>
- <page name="KNX" shownavbar="true" visible="false">
- <navbar position="left" dynamic="true" width="200px">
- <group name="Räume">
- <pagejump target="Wohnzimmer" name="Wohnen">
- <label>
- <icon name="it_fernsehen" />
- </label>
- </pagejump>
- <pagejump target="Schlafzimmer" name="Schlafen">
- <label>
- <icon name="szene_schlafen" />
- </label>
- </pagejump>
- </group>
- <group name="Sonstiges">
- <pagejump target="Temperaturen" name="Temperatur">
- <label>
- <icon name="temp_temperatur" />
- </label>
- </pagejump>
- </group>
- </navbar>
- <page name="Wohnzimmer">
- <layout colspan="3" />
- <group name="Licht">
- <layout colspan="12" />
- <switch mapping="OnOff" styling="RedGreen">
- <layout colspan="3" />
- <label>Strahler</label>
- <address transform="DPT:1.001" variant="">13/0/0</address>
- </switch>
- <switch mapping="OnOff" styling="GreyGreen">
- <layout colspan="3" />
- <label>Spot</label>
- <address transform="DPT:1.001" variant="">13/0/1</address>
- </switch>
- <switch mapping="OnOff" styling="GreyGreen">
- <layout colspan="3" />
- <label>Schrank</label>
- <address transform="DPT:1.001" variant="">13/0/2</address>
- </switch>
- <switch mapping="OnOff" styling="GreyGreen">
- <layout colspan="3" />
- <label>Stehlampe</label>
- <address transform="DPT:1.001" variant="">13/0/24</address>
- </switch>
- </group>
- <group name="Jalousien">
- <layout colspan="12" />
- <multitrigger button1label="↑" button1value="0"
- button2label="↓" button2value="1" styling="GreyGreen"
- mapping="UpDown">
- <label><icon name="fts_rollo" /> Fenster</label>
- <address transform="DPT:1.001" variant="">13/0/3</address>
- </multitrigger>
- <multitrigger button1label="↑" button1value="0"
- button2label="↓" button2value="1" styling="GreyGreen"
- mapping="UpDown">
- <label><icon name="fts_rollo" /> Tür</label>
- <address transform="DPT:1.001" variant="">13/0/4</address>
- </multitrigger>
- </group>
- <group name="Steckdosen">
- <layout colspan="12" />
- <switch mapping="OnOff" styling="GreyGreen">
- <layout colspan="3" />
- <label>SD 1</label>
- <address transform="DPT:1.001" variant="">10/0/0</address>
- </switch>
- <switch mapping="OnOff" styling="GreyGreen">
- <layout colspan="3" />
- <label>SD 2</label>
- <address transform="DPT:1.001" variant="">13/0/5</address>
- </switch>
- <switch mapping="OnOff" styling="GreyGreen">
- <layout colspan="3" />
- <label>SD 3</label>
- <address transform="DPT:1.001" variant="">13/0/6</address>
- </switch>
- <switch mapping="OnOff" styling="GreyGreen">
- <layout colspan="3" />
- <label>SD 4</label>
- <address transform="DPT:1.001" variant="">13/0/13</address>
- </switch>
- </group>
- <group name="Heizung">
- <slide min="0" max="100">
- <label><icon name="sani_heizung" />Heizung</label>
- <address transform="DPT:5.001" variant="">13/0/38</address>
- </slide>
- <info format="%.1f °C">
- <label><icon name="temp_temperatur" />Ist</label>
- <address transform="DPT:9.001" variant="">13/0/14</address>
- </info>
- <infotrigger uplabel="+" upvalue="0.5" downlabel="-"
- downvalue="-0.5" styling="BluePurpleRedTemp" align="center"
- infoposition="1" format="%.1f °C" change="absolute" min="15" max="25">
- <label><icon name="temp_regelung" />Soll</label>
- <address transform="DPT:9.001" variant="">13/0/39</address>
- </infotrigger>
- </group>
- <group name="Sonstiges">
- <info mapping="OpenClose">
- <layout colspan="3" />
- <label>Fenster</label>
- <address transform="DPT:1.001" variant="">13/0/34</address>
- </info>
- <info mapping="DoorOpenClose">
- <layout colspan="3" />
- <label>Tür</label>
- <address transform="DPT:1.001" variant="">13/0/35</address>
- </info>
- <info mapping="OnOff" styling="GreyGreen">
- <label>Bewegung</label>
- <address transform="DPT:1.001" variant="">13/0/36</address>
- </info>
- </group>
- </page>
- <page name="Schlafzimmer">
- <layout colspan="3" />
- <group name="Licht">
- <layout colspan="12" />
- <switch mapping="OnOff" styling="GreyGreen">
- <label>Licht</label>
- <address transform="DPT:1.001" variant="">13/1/0</address>
- </switch>
- <info format="%.2f Lux">
- <label><icon name="licht_licht" />Helligkeit</label>
- <address transform="DPT:9.001" variant="">13/1/25</address>
- </info>
- </group>
- <group name="Jalousien + Fenster">
- <layout colspan="12" />
- <multitrigger button1label="↑" button1value="0"
- button2label="↓" button2value="1">
- <label><icon name="fts_rollo" />Jalousien</label>
- <address transform="DPT:1.001" variant="">13/1/1</address>
- </multitrigger>
- <info mapping="OpenClose">
- <label>Fenster</label>
- <address transform="DPT:1.001" variant="">13/1/17</address>
- </info>
- </group>
- <group align="center" name="Heizung">
- <slide min="0" max="100">
- <label><icon name="sani_heizung" />Heizung</label>
- <address transform="DPT:5.001" variant="">13/1/27</address>
- </slide>
- <info format="%.1f °C">
- <label><icon name="temp_temperatur" />Ist</label>
- <address transform="DPT:9.001" variant="">13/1/12</address>
- </info>
- <infotrigger uplabel="+" upvalue="0.5" downlabel="-"
- downvalue="-0.5" styling="BluePurpleRedTemp" align="center"
- infoposition="1" format="%.1f °C" change="absolute" min="15" max="25">
- <label><icon name="temp_regelung" />Soll</label>
- <address transform="DPT:9.001" variant="">13/1/28</address>
- </infotrigger>
- </group>
- <group align="center" name="Verbraucher">
- <switch mapping="AudioMute" styling="GreyGreen">
- <label>Lautsprecher</label>
- <address transform="DPT:1.001" variant="">13/5/1</address>
- </switch>
- <switch mapping="OnOff" styling="GreyGreen">
- <label>TV</label>
- <address transform="DPT:1.001" variant="">13/1/4</address>
- </switch>
- <switch mapping="OnOff" styling="GreyGreen">
- <label>DVD</label>
- <address transform="DPT:1.001" variant="">13/1/7</address>
- </switch>
- <switch mapping="OnOff" styling="GreyGreen">
- <label>IR</label>
- <address transform="DPT:1.001" variant="">13/1/6</address>
- </switch>
- </group>
- </page>
- <page name="Temperaturen">
- <layout colspan="3" />
- <info format="%.1f °C">
- <label><icon name="temp_aussen" />Aussen</label>
- <address transform="DPT:9.001" variant="">13/6/1</address>
- </info>
- <info format="%.1f °C">
- <label><icon name="temp_frost" />Kühlbox</label>
- <address transform="DPT:9.001" variant="">13/5/4</address>
- </info>
- <info format="%.1f °C">
- <label><icon name="temp_innen" />Innen</label>
- <address transform="DPT:9.001" variant="">14/1/6</address>
- </info>
- </page>
- </page>
- <page name="Video" visible="false"><text>Video Page</text></page>
- <page name="Audio" shownavbar="true" visible="false">
- <navbar position="left" dynamic="true" width="200px">
- <group name="Sonstiges">
- <pagejump target="Audio">
- <label>
- <icon name="audio_sound" />
- </label>
- </pagejump>
- </group>
- </navbar>
- <group name="Allgemein">
- <layout colspan="12" />
- <switch mapping="OnOff" styling="GreyGreen">
- <label>Webradio</label>
- <address transform="DPT:1.001" variant="">12/1/7</address>
- </switch>
- <switch mapping="AudioMute" styling="GreyGreen">
- <layout colspan="3" />
- <label>LS Schlafzimmer</label>
- <address transform="DPT:1.001" variant="">13/5/1</address>
- </switch>
- <switch mapping="AudioMute" styling="GreyGreen">
- <layout colspan="3" />
- <label>LS Wohnzimmer</label>
- <address transform="DPT:1.001" variant="">14/1/3</address>
- </switch>
- </group>
- </page>
- <page name="Web" visible="false"><text>Web Page</text></page>
- </page>
-</pages>
+<pages xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" design="metal"
+ xsi:noNamespaceSchemaLocation="visu_config.xsd">
+ <meta>
+ <plugins>
+ <plugin name="gweather" />
+ </plugins>
+ <mappings>
+ <mapping name="OpenClose">
+ <entry value="0">
+ <icon name="fts_fenster_offen" />
+ </entry>
+ <entry value="1">
+ <icon name="fts_fenster" />
+ </entry>
+ <entry value="2">
+ <icon name="fts_fenster_gekippt" />
+ </entry>
+ </mapping>
+ <mapping name="DoorOpenClose">
+ <entry value="0">
+ <icon name="fts_tuer_offen" />
+ </entry>
+ <entry value="1">
+ <icon name="fts_tuer" />
+ </entry>
+ </mapping>
+ <mapping name="UpDown">
+ <entry value="0">
+ <icon name="steuer_auf" />
+ </entry>
+ <entry value="Auf">
+ <icon name="steuer_auf" />
+ </entry>
+ <entry value="1">
+ <icon name="steuer_ab" />
+ </entry>
+ <entry value="Zu">
+ <icon name="steuer_ab" />
+ </entry>
+ </mapping>
+ <mapping name="DaWeg">
+ <entry value="0">Weg</entry>
+ <entry value="1">Da</entry>
+ </mapping>
+ <mapping name="OnOff">
+ <entry value="0">O</entry>
+ <entry value="1">I</entry>
+ </mapping>
+ <mapping name="AudioMute">
+ <entry value="0">
+ <icon name="audio_mute" />
+ </entry>
+ <entry value="1">
+ <icon name="audio_audio" />
+ </entry>
+ </mapping>
+ <mapping name="Sign">
+ <entry range_min="-1e99" range_max="0">Negativ</entry>
+ <entry value="0">Null</entry>
+ <entry range_min="0" range_max="1e99">Positiv</entry>
+ </mapping>
+ </mappings>
+ <stylings>
+ <styling name="GreyGreen">
+ <entry value="Aus">grey</entry>
+ <entry value="Weg">grey</entry>
+ <entry value="Fehlt">grey</entry>
+ <entry value="Offen">grey</entry>
+ <entry value="An">green</entry>
+ <entry value="Da">green</entry>
+ <entry value="Zu">green</entry>
+ <entry value="Vorhanden">green</entry>
+ <entry value="0">grey</entry>
+ <entry value="1">green</entry>
+ </styling>
+ <styling name="RedGreen">
+ <entry value="0">red</entry>
+ <entry value="1">green</entry>
+ </styling>
+ <styling name="GreenRed">
+ <entry value="Aus">green</entry>
+ <entry value="An">red</entry>
+ <entry value="1">red</entry>
+ <entry value="0">green</entry>
+ </styling>
+ <styling name="BluePurpleRed">
+ <entry range_min="-100" range_max="0">blue</entry>
+ <entry value="0">purple</entry>
+ <entry range_min="0" range_max="100">red</entry>
+ </styling>
+ <styling name="BluePurpleRedTemp">
+ <entry range_min="0" range_max="18">blue</entry>
+ <entry range_min="18" range_max="21">purple</entry>
+ <entry range_min="21" range_max="100">red</entry>
+ </styling>
+ </stylings>
+ <statusbar>
+ <status type="html"><![CDATA[ <img src="icon/comet_64_ff8000.png" alt="CometVisu" /> by <a href="http://www.cometvisu.org/">CometVisu.org</a>
+<a href=".?forceReload=true">Reload</a> - <a href="?config=demo">Widget
+Demo</a> ]]></status>
+ <status type="html" condition="!edit" hrefextend="config"><![CDATA[
+ <a href="edit_config.html">Edit</a> ]]></status>
+ <status type="html" condition="edit" hrefextend="all"><![CDATA[ - <a href=".">normal Mode</a> ]]></status>
+ <status type="html" hrefextend="config"><![CDATA[ - <a href="check_config.php">Check
+Config</a> ]]></status>
+ </statusbar>
+ </meta>
+ <page name="Übersicht" showtopnavigation="false" showfooter="false"
+ shownavbar="true false">
+ <navbar position="top">
+ <pagejump target="Übersicht" name=" ">
+ <label><icon name="steuer_home" />Start</label>
+ </pagejump>
+ <line />
+ <pagejump target="KNX" name=" ">
+ <label><icon name="steuer_alles_ein_aus" />KNX</label>
+ </pagejump>
+ <pagejump target="Video" name=" ">
+ <label><icon name="it_fernsehen" />Video</label>
+ </pagejump>
+ <pagejump target="Audio" name=" ">
+ <label><icon name="audio_audio" />Audio</label>
+ </pagejump>
+ <pagejump target="Web" name=" ">
+ <label><icon name="it_internet" />Web</label>
+ </pagejump>
+ <line />
+ <pagejump target="Wetter" name=" ">
+ <label><icon name="wetter_sonne" />Wetter</label>
+ </pagejump>
+ </navbar>
+ <group name="Allgemein">
+ <layout colspan="12" />
+ <info>
+ <label>Modus</label>
+ <address transform="DPT:16.001" variant="">12/1/3</address>
+ </info>
+ <info>
+ <label>Präsenz</label>
+ <address transform="DPT:16.001" variant="">12/1/0</address>
+ </info>
+ <switch mapping="OnOff" styling="GreyGreen">
+ <layout colspan="3" />
+ <label>Follow me</label>
+ <address transform="DPT:1.001" variant="">12/1/6</address>
+ </switch>
+ <switch mapping="OnOff" styling="GreyGreen">
+ <layout colspan="3" />
+ <label>Abwesend</label>
+ <address transform="DPT:1.001" variant="">12/1/2</address>
+ </switch>
+ <switch mapping="OnOff" styling="GreyGreen">
+ <layout colspan="3" />
+ <label>Wecker</label>
+ <address transform="DPT:1.001" variant="">12/1/8</address>
+ </switch>
+ </group>
+ <page name="Wetter" visible="false">
+ <layout colspan="12" />
+ <gweather city="Warstein" lang="de" current="true" forecast="true">
+ <layout colspan="12" />
+ </gweather>
+ </page>
+ <page name="KNX" shownavbar="true" visible="false">
+ <navbar position="left" dynamic="true" width="200px">
+ <group name="Räume">
+ <pagejump target="Wohnzimmer" name="Wohnen">
+ <label><icon name="it_fernsehen" /></label>
+ </pagejump>
+ <pagejump target="Schlafzimmer" name="Schlafen">
+ <label><icon name="szene_schlafen" /></label>
+ </pagejump>
+ </group>
+ <group name="Sonstiges">
+ <pagejump target="Temperaturen" name="Temperatur">
+ <label><icon name="temp_temperatur" /></label>
+ </pagejump>
+ </group>
+ </navbar>
+ <page name="Wohnzimmer">
+ <layout colspan="3" />
+ <group name="Licht">
+ <layout colspan="12" />
+ <switch mapping="OnOff" styling="RedGreen">
+ <layout colspan="3" />
+ <label>Strahler</label>
+ <address transform="DPT:1.001" variant="">13/0/0</address>
+ </switch>
+ <switch mapping="OnOff" styling="GreyGreen">
+ <layout colspan="3" />
+ <label>Spot</label>
+ <address transform="DPT:1.001" variant="">13/0/1</address>
+ </switch>
+ <switch mapping="OnOff" styling="GreyGreen">
+ <layout colspan="3" />
+ <label>Schrank</label>
+ <address transform="DPT:1.001" variant="">13/0/2</address>
+ </switch>
+ <switch mapping="OnOff" styling="GreyGreen">
+ <layout colspan="3" />
+ <label>Stehlampe</label>
+ <address transform="DPT:1.001" variant="">13/0/24</address>
+ </switch>
+ </group>
+ <group name="Jalousien">
+ <layout colspan="12" />
+ <multitrigger button1label="↑" button1value="0"
+ button2label="↓" button2value="1" styling="GreyGreen" mapping="UpDown">
+ <label><icon name="fts_rollo" /> Fenster</label>
+ <address transform="DPT:1.001" variant="">13/0/3</address>
+ </multitrigger>
+ <multitrigger button1label="↑" button1value="0"
+ ...
[truncated message content] |
