shenmegui 0.3.4 → 0.3.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f35798115e8f6d3bec99dc45df4d48b48d2a18e5
-  data.tar.gz: 5c0c4d7f0c220f66785e1ba351827a1cd0a137ae
+  metadata.gz: 88f0c9f659acf0d5d9b795e91e1b40ba0fe2882f
+  data.tar.gz: 7fa783967e2731dd130cc2c30e38cedd333f11d6
 SHA512:
-  metadata.gz: bc2f7b20adb10653c15dfe216a622b49552284d59be3bcc8d8962c9036593c5dcfaf56731e2fae56fc14864d3b12e893a87a2ba2c035dfc51f5d3c98ae5d5200
-  data.tar.gz: bddf3a53791f9434da210e46b27a851ba2bc49a6c67958da1658b8816d673473d13b3a0b4502413dcb61188833c27a7fa1c4e03e6670fe00ce551692d87994c4
+  metadata.gz: f3ee673d12785b938b9270809133a6c8c02f090df9af515872e73c191b50e2eaac8ea56502da43bacf96dab7bd3fed748710e20011f5de4de80816c079fd204f
+  data.tar.gz: 1672e0adca196ba62f9e5df3a6be475efe38add23f9444e6b4c0575df04182a604fb4f8646fe98d4d6c9658e8563090ada4ac2030e4e972477993174d5b227e7

data/lib/shenmegui/controls.rb

@@ -39,6 +39,14 @@ module ShenmeGUI
 
       end
 
+      def self.default(params)
+        @default_properties = params
+      end
+
+      def self.default_properties
+        @default_properties
+      end
+
       available_events = %w{click input dblclick mouseover mouseout blur focus mousedown mouseup change select}.collect(&:to_sym)
       available_events.each do |x|
         define_method("on#{x}") do |&block|
@@ -72,7 +80,7 @@ module ShenmeGUI
       end
 
       def initialize(params={})
-        @properties = {}
+        @properties = self.class.default_properties || {}
         update_properties(params)
         @id = ShenmeGUI.elements.size
         ShenmeGUI.elements << self
@@ -109,6 +117,7 @@ module ShenmeGUI
 
     class Form < Base
       property :title
+      default :width=>'400px'
     end
 
     class Button < Base
@@ -130,6 +139,7 @@ module ShenmeGUI
     class Textarea < Base
       property :text, :selection
       shortcut :text
+      default :width=>'250px', :height=>'60px'
 
       def <<(t)
         text << "\n#{t}"
@@ -160,6 +170,7 @@ module ShenmeGUI
     class Progress < Base
       property :percent
       shortcut :percent
+      default :width=>'100%'
 
       def validate(params)
         params[:percent] = 0 if params[:percent] < 0
@@ -182,6 +193,16 @@ module ShenmeGUI
       shortcut :text
     end
 
+    class Table < Base
+      property :data
+      shortcut :data
+      default :width=>'100%', :height=>'150px'
+
+      def << row
+        data << row
+      end
+    end
+
     controls = constants.reject{|x| x==:Base}
     controls.each do |x|
       ShenmeGUI.singleton_class.instance_eval do

data/lib/shenmegui/core.rb

@@ -96,7 +96,11 @@ module ShenmeGUI
       begin
         app_dir = File.expand_path($PROGRAM_NAME).match(/(.+)\/.+/)[1]
         index_path = "#{app_dir}/index.html"
-        `start file:///#{index_path}`
+        if Gem.win_platform?
+          `start file:///#{index_path}`
+        elsif Gem.platforms[1].os == 'linux'
+          `xdg-open file:///#{index_path}`
+        end
       rescue
       end
 

data/lib/shenmegui/file_dialog.rb

@@ -87,11 +87,13 @@ module ShenmeGUI
   #avoid error under linux
   rescue
     def self.get_open_file_name(params={})
-      ""
+      ShenmeGUI.alert 'opening local file isn\'t implimented in this OS yet'
+      ''
     end
 
     def self.get_save_file_name(params={})
-      ""
+      ShenmeGUI.alert 'opening local file isn\'t implimented in this OS yet'
+      ''
     end
   end
 

data/static/script.js

@@ -205,6 +205,23 @@ var syncHandlers = {
 
 	label: (function(target, data){
 		target.innerText = data.text;
+	}),
+
+	table: (function(target, data){
+		for(var i=0;i<target.children.length;) target.removeChild(target.children[i]);
+		var tableData = data.data;
+		var columnSize = tableData[0].length;
+		var table = document.createElement('table');
+		for(var i=0; i<tableData.length; i++){
+			var tr = document.createElement('tr');
+			for(var j=0; j<columnSize; j++){
+				var td = document.createElement('td');
+				td.innerText = tableData[i][j];
+				tr.appendChild(td);
+			}
+			table.appendChild(tr);
+		}
+		target.appendChild(table);
 	})
 
 };

data/static/style.css

@@ -2,42 +2,40 @@ body {
   background-color: #008080;
   -webkit-font-smoothing: none;
   -moz-osx-font-smoothing: none;
-  font-size: 11px;
-  font-family: Tahoma, Verdana, Simhei;
-  color: #070707;
-  padding: 36px 50px 0; }
+  font-size: 12px;
+  font-family: Tahoma, Verdana, Simhei, sans-serif;
+  color: #000;
+  padding: 36px 50px 0;
+  box-sizing: border-box; }
 
-.window {
-  background: #bfbfbf;
+.form {
   border: 1px solid;
-  border-top-color: #dfdfdf;
-  border-left-color: #dfdfdf;
+  border-top-color: #ffffff;
+  border-left-color: #ffffff;
   border-right-color: #808080;
   border-bottom-color: #808080;
-  box-shadow: 1px 1px 0 0 #000;
-  width: 400px;
+  box-shadow: -1px -1px 0 0 #bfbfbf, 1px 1px 0 0 #404040;
+  background: #bfbfbf;
   cursor: default;
   float: left;
   margin-right: 30px;
   margin-bottom: 20px; }
-  .window .content {
-    padding: 7px 10px; }
-  .window .title {
+  .form .content {
+    padding: 11px 9px; }
+  .form .title {
     margin: 2px 2px 0;
-    padding: 1px 2px;
+    padding: 2px;
     color: #fff;
     background: -webkit-linear-gradient(left, #000080, #1084d0);
     background: linear-gradient(to right, #000080, #1084d0);
-    font-weight: bold;
-    font-size: 11px;
-    line-height: 16px; }
-    .window .title .icon {
+    font-weight: bold; }
+    .form .title .icon {
       width: 16px;
       height: 16px;
       float: left;
       margin-right: 2px; }
 
-.button, .checkbox, .image, .progress, .radio, .select, .textarea, .textline, .label {
+.button, .checkbox, .image, .progress, .radio, .select, .textarea, .textline, .label, .table {
   margin-bottom: 0.5em;
   margin-right: 0.2em;
   max-width: 100%; }
@@ -50,22 +48,18 @@ body {
   display: inline-block !important;
   max-width: 100%; }
 
-.progress {
-  width: 100%; }
-
 button {
-  height: 25px;
-  font-size: 11px;
-  font-family: Tahoma, Verdana;
-  color: #070707;
-  background: #bfbfbf;
   border: 1px solid;
-  border-top-color: #dfdfdf;
-  border-left-color: #dfdfdf;
+  border-top-color: #ffffff;
+  border-left-color: #ffffff;
   border-right-color: #808080;
   border-bottom-color: #808080;
-  box-shadow: 1px 1px 0 0 #000;
-  text-align: center;
+  box-shadow: 1px 1px 0 0 #404040;
+  height: 25px;
+  font-size: inherit;
+  font-family: inherit;
+  color: inherit;
+  background: inherit;
   outline: none;
   padding: 4px;
   cursor: default; }
@@ -73,26 +67,24 @@ button {
     box-shadow: 1px 1px 0 0 #000 inset;
     border-top-color: #808080;
     border-left-color: #808080;
-    border-right-color: #dfdfdf;
-    border-bottom-color: #dfdfdf; }
+    border-right-color: #ffffff;
+    border-bottom-color: #ffffff; }
 
-input[type="text"], textarea, select, .image, .progress {
-  box-sizing: border-box;
-  font-size: 11px;
-  font-family: Tahoma, Verdana;
-  color: #070707;
-  box-shadow: -1px -1px 0 0 #808080, 1px 1px 0 0 #fff;
+input[type="text"], textarea, select, .image, .progress, .table {
   border: 1px solid;
-  border-top-color: #000;
-  border-left-color: #000;
-  border-right-color: #dfdfdf;
-  border-bottom-color: #dfdfdf;
+  border-top-color: #404040;
+  border-left-color: #404040;
+  border-right-color: #bfbfbf;
+  border-bottom-color: #bfbfbf;
+  box-shadow: -1px -1px 0 0 #808080, 1px 1px 0 0 #fff;
+  box-sizing: border-box;
+  font-size: inherit;
+  font-family: inherit;
+  color: inherit;
   outline: none; }
 
 textarea {
-  resize: none;
-  width: 250px;
-  height: 60px; }
+  resize: none; }
 
 select {
   background: url("data:image/gif;base64,R0lGODlhEAAQAPcAAP//////zP//mf//Zv//M///AP/M///MzP/Mmf/MZv/MM//MAP+Z//+ZzP+Zmf+ZZv+ZM/+ZAP9m//9mzP9mmf9mZv9mM/9mAP8z//8zzP8zmf8zZv8zM/8zAP8A//8AzP8Amf8AZv8AM/8AAMz//8z/zMz/mcz/Zsz/M8z/AMzM/8zMzMzMmczMZszMM8zMAMyZ/8yZzMyZmcyZZsyZM8yZAMxm/8xmzMxmmcxmZsxmM8xmAMwz/8wzzMwzmcwzZswzM8wzAMwA/8wAzMwAmcwAZswAM8wAAJn//5n/zJn/mZn/Zpn/M5n/AJnM/5nMzJnMmZnMZpnMM5nMAJmZ/5mZzJmZmZmZZpmZM5mZAJlm/5lmzJlmmZlmZplmM5lmAJkz/5kzzJkzmZkzZpkzM5kzAJkA/5kAzJkAmZkAZpkAM5kAAGb//2b/zGb/mWb/Zmb/M2b/AGbM/2bMzGbMmWbMZmbMM2bMAGaZ/2aZzGaZmWaZZmaZM2aZAGZm/2ZmzGZmmWZmZmZmM2ZmAGYz/2YzzGYzmWYzZmYzM2YzAGYA/2YAzGYAmWYAZmYAM2YAADP//zP/zDP/mTP/ZjP/MzP/ADPM/zPMzDPMmTPMZjPMMzPMADOZ/zOZzDOZmTOZZjOZMzOZADNm/zNmzDNmmTNmZjNmMzNmADMz/zMzzDMzmTMzZjMzMzMzADMA/zMAzDMAmTMAZjMAMzMAAAD//wD/zAD/mQD/ZgD/MwD/AADM/wDMzADMmQDMZgDMMwDMAACZ/wCZzACZmQCZZgCZMwCZAABm/wBmzABmmQBmZgBmMwBmAAAz/wAzzAAzmQAzZgAzMwAzAAAA/wAAzAAAmQAAZgAAMwAAANTQyICAgEBAQP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAANsALAAAAAAQABAAAAhPALEJHEiwoDZsABIqXKgw20EABSNic4hQYkGKEC0OxKhx40OB10KKvOaxIsiRBDkOFHnxI0GSLU12VDnTZU2ZGilm28mzZ09tQIMKHQo0IAA7") right no-repeat #fff;
@@ -127,14 +119,27 @@ input[type="checkbox"]:checked + label:before {
 input[type="radio"]:checked + label:before {
   background: url("data:image/gif;base64,R0lGODlhDQANAPcAAP//////zP//mf//Zv//M///AP/M///MzP/Mmf/MZv/MM//MAP+Z//+ZzP+Zmf+ZZv+ZM/+ZAP9m//9mzP9mmf9mZv9mM/9mAP8z//8zzP8zmf8zZv8zM/8zAP8A//8AzP8Amf8AZv8AM/8AAMz//8z/zMz/mcz/Zsz/M8z/AMzM/8zMzMzMmczMZszMM8zMAMyZ/8yZzMyZmcyZZsyZM8yZAMxm/8xmzMxmmcxmZsxmM8xmAMwz/8wzzMwzmcwzZswzM8wzAMwA/8wAzMwAmcwAZswAM8wAAJn//5n/zJn/mZn/Zpn/M5n/AJnM/5nMzJnMmZnMZpnMM5nMAJmZ/5mZzJmZmZmZZpmZM5mZAJlm/5lmzJlmmZlmZplmM5lmAJkz/5kzzJkzmZkzZpkzM5kzAJkA/5kAzJkAmZkAZpkAM5kAAGb//2b/zGb/mWb/Zmb/M2b/AGbM/2bMzGbMmWbMZmbMM2bMAGaZ/2aZzGaZmWaZZmaZM2aZAGZm/2ZmzGZmmWZmZmZmM2ZmAGYz/2YzzGYzmWYzZmYzM2YzAGYA/2YAzGYAmWYAZmYAM2YAADP//zP/zDP/mTP/ZjP/MzP/ADPM/zPMzDPMmTPMZjPMMzPMADOZ/zOZzDOZmTOZZjOZMzOZADNm/zNmzDNmmTNmZjNmMzNmADMz/zMzzDMzmTMzZjMzMzMzADMA/zMAzDMAmTMAZjMAMzMAAAD//wD/zAD/mQD/ZgD/MwD/AADM/wDMzADMmQDMZgDMMwDMAACZ/wCZzACZmQCZZgCZMwCZAABm/wBmzABmmQBmZgBmMwBmAAAz/wAzzAAzmQAzZgAzMwAzAAAA/wAAzAAAmQAAZgAAMwAAANTQyICAgEBAQP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAANsALAAAAAANAA0AAAhNALcJ3JatYLaBCAtqW6itYMKFACICgDgwmzaJErEBEGhR4rVrGTd2BPDxY0SNBC+SLHlSpMqVITm+jMkRm8aMKAeetHkToU6JPoMKDQgAOw==") no-repeat; }
 
-.bar {
-  background: url("data:image/gif;base64,R0lGODlhDgAVAPcAAP//////zP//mf//Zv//M///AP/M///MzP/Mmf/MZv/MM//MAP+Z//+ZzP+Zmf+ZZv+ZM/+ZAP9m//9mzP9mmf9mZv9mM/9mAP8z//8zzP8zmf8zZv8zM/8zAP8A//8AzP8Amf8AZv8AM/8AAMz//8z/zMz/mcz/Zsz/M8z/AMzM/8zMzMzMmczMZszMM8zMAMyZ/8yZzMyZmcyZZsyZM8yZAMxm/8xmzMxmmcxmZsxmM8xmAMwz/8wzzMwzmcwzZswzM8wzAMwA/8wAzMwAmcwAZswAM8wAAJn//5n/zJn/mZn/Zpn/M5n/AJnM/5nMzJnMmZnMZpnMM5nMAJmZ/5mZzJmZmZmZZpmZM5mZAJlm/5lmzJlmmZlmZplmM5lmAJkz/5kzzJkzmZkzZpkzM5kzAJkA/5kAzJkAmZkAZpkAM5kAAGb//2b/zGb/mWb/Zmb/M2b/AGbM/2bMzGbMmWbMZmbMM2bMAGaZ/2aZzGaZmWaZZmaZM2aZAGZm/2ZmzGZmmWZmZmZmM2ZmAGYz/2YzzGYzmWYzZmYzM2YzAGYA/2YAzGYAmWYAZmYAM2YAADP//zP/zDP/mTP/ZjP/MzP/ADPM/zPMzDPMmTPMZjPMMzPMADOZ/zOZzDOZmTOZZjOZMzOZADNm/zNmzDNmmTNmZjNmMzNmADMz/zMzzDMzmTMzZjMzMzMzADMA/zMAzDMAmTMAZjMAMzMAAAD//wD/zAD/mQD/ZgD/MwD/AADM/wDMzADMmQDMZgDMMwDMAACZ/wCZzACZmQCZZgCZMwCZAABm/wBmzABmmQBmZgBmMwBmAAAz/wAzzAAzmQAzZgAzMwAzAAAA/wAAzAAAmQAAZgAAMwAAAAokatTQyP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAANoALAAAAAAOABUAAAhBALMJHEiwILaDCBMeFKiwITaGDhNCjLgwG0WEEylmjLjRYceGHxWGlGjx4sOSF0diRKmRJUeXHmGClCmyoM2BAQEAOw==") repeat-x;
-  height: 18px; }
-
 .option {
   margin-right: 1em; }
 
 .label {
   font-weight: bolder; }
 
+.progress .bar {
+  background: url("data:image/gif;base64,R0lGODlhDgAVAPcAAP//////zP//mf//Zv//M///AP/M///MzP/Mmf/MZv/MM//MAP+Z//+ZzP+Zmf+ZZv+ZM/+ZAP9m//9mzP9mmf9mZv9mM/9mAP8z//8zzP8zmf8zZv8zM/8zAP8A//8AzP8Amf8AZv8AM/8AAMz//8z/zMz/mcz/Zsz/M8z/AMzM/8zMzMzMmczMZszMM8zMAMyZ/8yZzMyZmcyZZsyZM8yZAMxm/8xmzMxmmcxmZsxmM8xmAMwz/8wzzMwzmcwzZswzM8wzAMwA/8wAzMwAmcwAZswAM8wAAJn//5n/zJn/mZn/Zpn/M5n/AJnM/5nMzJnMmZnMZpnMM5nMAJmZ/5mZzJmZmZmZZpmZM5mZAJlm/5lmzJlmmZlmZplmM5lmAJkz/5kzzJkzmZkzZpkzM5kzAJkA/5kAzJkAmZkAZpkAM5kAAGb//2b/zGb/mWb/Zmb/M2b/AGbM/2bMzGbMmWbMZmbMM2bMAGaZ/2aZzGaZmWaZZmaZM2aZAGZm/2ZmzGZmmWZmZmZmM2ZmAGYz/2YzzGYzmWYzZmYzM2YzAGYA/2YAzGYAmWYAZmYAM2YAADP//zP/zDP/mTP/ZjP/MzP/ADPM/zPMzDPMmTPMZjPMMzPMADOZ/zOZzDOZmTOZZjOZMzOZADNm/zNmzDNmmTNmZjNmMzNmADMz/zMzzDMzmTMzZjMzMzMzADMA/zMAzDMAmTMAZjMAMzMAAAD//wD/zAD/mQD/ZgD/MwD/AADM/wDMzADMmQDMZgDMMwDMAACZ/wCZzACZmQCZZgCZMwCZAABm/wBmzABmmQBmZgBmMwBmAAAz/wAzzAAzmQAzZgAzMwAzAAAA/wAAzAAAmQAAZgAAMwAAAAokatTQyP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAANoALAAAAAAOABUAAAhBALMJHEiwILaDCBMeFKiwITaGDhNCjLgwG0WEEylmjLjRYceGHxWGlGjx4sOSF0diRKmRJUeXHmGClCmyoM2BAQEAOw==") repeat-x;
+  height: 18px; }
+
+.table {
+  background-color: #808080;
+  overflow: auto; }
+
+table {
+  border-collapse: collapse;
+  background-color: #fff; }
+
+td {
+  vertical-align: baseline;
+  padding: 3px 15px 3px 3px;
+  border: 1px solid #d4d0c8; }
+
 /*# sourceMappingURL=style.css.map */

data/templates/form.erb

@@ -1,4 +1,4 @@
-	<div id="item-<%= id %>" data-type="form" class="window">
+	<div id="item-<%= id %>" data-type="form" class="form">
 		<div class='title'>
 		<img class='icon' src='data:image/gif;base64,R0lGODlhEAAQAPcAAP//////zP//mf//Zv//M///AP/M///MzP/Mmf/MZv/MM//MAP+Z//+ZzP+Zmf+ZZv+ZM/+ZAP9m//9mzP9mmf9mZv9mM/9mAP8z//8zzP8zmf8zZv8zM/8zAP8A//8AzP8Amf8AZv8AM/8AAMz//8z/zMz/mcz/Zsz/M8z/AMzM/8zMzMzMmczMZszMM8zMAMyZ/8yZzMyZmcyZZsyZM8yZAMxm/8xmzMxmmcxmZsxmM8xmAMwz/8wzzMwzmcwzZswzM8wzAMwA/8wAzMwAmcwAZswAM8wAAJn//5n/zJn/mZn/Zpn/M5n/AJnM/5nMzJnMmZnMZpnMM5nMAJmZ/5mZzJmZmZmZZpmZM5mZAJlm/5lmzJlmmZlmZplmM5lmAJkz/5kzzJkzmZkzZpkzM5kzAJkA/5kAzJkAmZkAZpkAM5kAAGb//2b/zGb/mWb/Zmb/M2b/AGbM/2bMzGbMmWbMZmbMM2bMAGaZ/2aZzGaZmWaZZmaZM2aZAGZm/2ZmzGZmmWZmZmZmM2ZmAGYz/2YzzGYzmWYzZmYzM2YzAGYA/2YAzGYAmWYAZmYAM2YAADP//zP/zDP/mTP/ZjP/MzP/ADPM/zPMzDPMmTPMZjPMMzPMADOZ/zOZzDOZmTOZZjOZMzOZADNm/zNmzDNmmTNmZjNmMzNmADMz/zMzzDMzmTMzZjMzMzMzADMA/zMAzDMAmTMAZjMAMzMAAAD//wD/zAD/mQD/ZgD/MwD/AADM/wDMzADMmQDMZgDMMwDMAACZ/wCZzACZmQCZZgCZMwCZAABm/wBmzABmmQBmZgBmMwBmAAAz/wAzzAAzmQAzZgAzMwAzAAAA/wAAzAAAmQAAZgAAMwAAAMDAwICAgP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAANoALAAAAAAQABAAAAhOALUJHEiwoMGDBa8pRJiQFi2FCxFCdOgQosFrALBBvFbxIoCPHzVGJIgRpMlrHk2CRJlQ5cpsCRViU3ktm82LEGfWhMlQm8WeQIMKNRgQADs='/>
 		<span><%= title %><span>

data/templates/table.erb

@@ -0,0 +1 @@
+<div id="item-<%= id %>" class="table" data-type="table"></div>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: shenmegui
 version: !ruby/object:Gem::Version
-  version: 0.3.4
+  version: 0.3.5
 platform: ruby
 authors:
 - CicholGricenchos
@@ -48,6 +48,7 @@ files:
 - templates/radio.erb
 - templates/select.erb
 - templates/stack.erb
+- templates/table.erb
 - templates/textarea.erb
 - templates/textline.erb
 homepage: https://github.com/CicholGricenchos/shenmegui