[web-gui] make it nicer

Signed-off-by: Michael Olbrich <m.olbrich@pengutronix.de>

4 files changed, 18 insertions, 1 deletions

diff --git a/web-gui/calculator/source/class/calculator/Application.js b/web-gui/calculator/source/class/calculator/Application.js
index c6e8c85..3041bea 100644
--- a/web-gui/calculator/source/class/calculator/Application.js
+++ b/web-gui/calculator/source/class/calculator/Application.js
@@ -66,10 +66,15 @@ qx.Class.define("calculator.Application",
 
       // Document is the application root
       var doc = this.getRoot();
+      doc.setBackgroundColor("#ffffff");
+
+      var back = new qx.ui.basic.Image("calculator/back.png");
+      back.setScale(true);
+      doc.add(back, {left:0, top: 0});
 
       var win = new qx.ui.window.Window("Calculator");
       this.__win = win;
-      doc.add(win, {left: 100, top: 50});
+      doc.add(win, {left: 50, top: 50});
 
       var winLayout = new qx.ui.layout.Grid();
       winLayout.setSpacing(10);
@@ -78,7 +83,9 @@ qx.Class.define("calculator.Application",
       win.open();
 
       this.__edit = new qx.ui.form.TextField();
+      this.__edit.setAppearance("calc-edit");
       win.add(this.__edit, {row: 0, column: 0, colSpan: 5 });
+      this.__edit.setReadOnly(true);
 
       var app = this;
       var makeButton = function(text, r, c)
diff --git a/web-gui/calculator/source/class/calculator/theme/Appearance.js b/web-gui/calculator/source/class/calculator/theme/Appearance.js
index 3571fe9..1f5758c 100644
--- a/web-gui/calculator/source/class/calculator/theme/Appearance.js
+++ b/web-gui/calculator/source/class/calculator/theme/Appearance.js
@@ -22,6 +22,16 @@ qx.Theme.define("calculator.theme.Appearance",
           font: "large"
         };
       }
+    },
+    "calc-edit": {
+      include: "textfield",
+      alias: "textfield",
+      style: function(states) {
+        return {
+          font: "large",
+          textAlign: "right"
+        };
+      }
     }
   }
 });
diff --git a/web-gui/calculator/source/resource/calculator/back.png b/web-gui/calculator/source/resource/calculator/back.png
new file mode 100644
index 0000000..fd06541
--- /dev/null
+++ b/web-gui/calculator/source/resource/calculator/back.png
diff --git a/web-gui/calculator/source/resource/calculator/test.png b/web-gui/calculator/source/resource/calculator/test.png
deleted file mode 100644
index ef360cd..0000000
--- a/web-gui/calculator/source/resource/calculator/test.png
+++ /dev/null