@@ -27,14 +27,14 @@ UI.tabs.tabWidget = function(options){
2727 var subject = options . subject
2828 var dom = options . dom
2929 var box = dom . createElement ( 'div' )
30- var orientation = options . orientation || 0
30+ var orientation = parseInt ( options . orientation || "0" )
3131 var flipped = orientation & 2
3232 var vertical = orientation & 1
3333 var wholetable = box . appendChild ( dom . createElement ( 'table' ) )
3434
3535 var tabContainer , tabElement , mainDiv
3636 var bodyDiv = dom . createElement ( 'div' )
37- bodyDiv . setAttribute ( 'style' , 'margin:0; min-width: 50em; min-height: 50em; width:100%; height: 100%;' )
37+ bodyDiv . setAttribute ( 'style' , 'resize: both; margin:0; border: 0.5em; border-style: solid; border-color: #eed; padding: 1em; min- width: 30em; min- height: 20em; width: 100%;' )
3838 if ( vertical ) {
3939 var onlyTR = wholetable . appendChild ( dom . createElement ( 'tr' ) )
4040 var mainTD = dom . createElement ( 'td' )
@@ -75,12 +75,28 @@ UI.tabs.tabWidget = function(options){
7575 }
7676 }
7777
78+ var corners = [ "2em" , "2em" , "0" , "0" ] // top left, TR, BR, BL
79+ corners = corners . concat ( corners ) . slice ( orientation , orientation + 4 )
80+ corners = 'border-radius: ' + corners . join ( ' ' ) + ';'
81+ var tabStyle = corners + 'margin: 0.3em; padding: 0.7em;'
82+ var unselectedStyle = tabStyle + ' background-color: #eed; border: 0.05em 0 0.5em 0.05em; border-color: grey;' // @@ rotate border
83+ var selectedStyle = tabStyle + ' background-color: #ddc;'
84+
85+ var resetTabStyle = function ( ) {
86+ for ( var i = 0 ; i < tabContainer . children . length ; i ++ ) {
87+ tabContainer . children [ i ] . firstChild . setAttribute ( 'style' , unselectedStyle )
88+ }
89+ }
90+
91+
7892 var makeNewSlot = function ( item ) {
7993 var ele = dom . createElement ( tabElement )
8094 ele . subject = item
8195 var div = ele . appendChild ( dom . createElement ( 'div' ) )
82- div . setAttribute ( 'style' , 'margin: 0.7em; padding: 0.5em; xborder: 0.05em solid grey; border-radius: 0.3em; background-color: #eed;' )
96+ div . setAttribute ( 'style' , unselectedStyle )
8397 div . addEventListener ( 'click' , function ( e ) {
98+ resetTabStyle ( )
99+ div . setAttribute ( 'style' , selectedStyle )
84100 bodyDiv . innerHTML = 'loading item ...' + item
85101 options . showMain ( bodyDiv , ele . subject )
86102 } )
0 commit comments