[Tynstep-svn] r147 - in trunk/step-web-app/src/main: java/com/tyndalehouse/step/web/client/framework java/com/tyndalehouse/step/web/client/toolkit/widgets java/com/tyndalehouse/step/web/client/view java/com/tyndalehouse/step/web/public/css resources/com/tyndalehouse/step/web/client resources/com/tyndalehouse/step/web/client/css resources/com/tyndalehouse/step/web/client/toolkit

ChrisBurrell at crosswire.org ChrisBurrell at crosswire.org
Mon Jul 12 08:31:07 MST 2010


Author: ChrisBurrell
Date: 2010-07-12 08:31:07 -0700 (Mon, 12 Jul 2010)
New Revision: 147

Added:
   trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/framework/StepCssResources.java
   trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/toolkit/widgets/OptionsButtonWidget.java
   trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/toolkit/widgets/ScriptureDisplayOptions.java
   trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/public/css/step.css
   trunk/step-web-app/src/main/resources/com/tyndalehouse/step/web/client/css/
   trunk/step-web-app/src/main/resources/com/tyndalehouse/step/web/client/css/step.css
   trunk/step-web-app/src/main/resources/com/tyndalehouse/step/web/client/toolkit/
   trunk/step-web-app/src/main/resources/com/tyndalehouse/step/web/client/toolkit/options-over.png
   trunk/step-web-app/src/main/resources/com/tyndalehouse/step/web/client/toolkit/options.png
Removed:
   trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/public/css/step.css
Modified:
   trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/framework/StepResources.java
   trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/toolkit/widgets/BibleVersionsDropDownWidget.java
   trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/view/ScriptureView.java
   trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/view/StepView.java
Log:
commits to add operation button

Added: trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/framework/StepCssResources.java
===================================================================
--- trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/framework/StepCssResources.java	                        (rev 0)
+++ trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/framework/StepCssResources.java	2010-07-12 15:31:07 UTC (rev 147)
@@ -0,0 +1,11 @@
+package com.tyndalehouse.step.web.client.framework;
+
+import com.google.gwt.resources.client.CssResource;
+
+public interface StepCssResources extends CssResource {
+    /** displaying a component */
+    String visible();
+
+    /** hiding a component */
+    String invisible();
+}

Modified: trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/framework/StepResources.java
===================================================================
--- trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/framework/StepResources.java	2010-07-10 16:21:53 UTC (rev 146)
+++ trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/framework/StepResources.java	2010-07-12 15:31:07 UTC (rev 147)
@@ -1,9 +1,11 @@
 package com.tyndalehouse.step.web.client.framework;
 
+import com.google.gwt.core.client.GWT;
 import com.google.gwt.resources.client.ClientBundle;
 import com.google.gwt.resources.client.ImageResource;
 
 public interface StepResources extends ClientBundle {
+    public static final StepResources RESOURCES = GWT.create(StepResources.class);
 
     @Source("com/tyndalehouse/step/web/client/sidebar/people.png")
     ImageResource peopleModule();
@@ -23,4 +25,13 @@
     @Source("com/tyndalehouse/step/web/client/sidebar/history.png")
     ImageResource historyModule();
 
+    @Source("com/tyndalehouse/step/web/client/toolkit/options.png")
+    ImageResource options();
+
+    @Source("com/tyndalehouse/step/web/client/toolkit/options-over.png")
+    ImageResource optionsOver();
+
+    @Source("com/tyndalehouse/step/web/client/css/step.css")
+    StepCssResources css();
+
 }

Modified: trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/toolkit/widgets/BibleVersionsDropDownWidget.java
===================================================================
--- trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/toolkit/widgets/BibleVersionsDropDownWidget.java	2010-07-10 16:21:53 UTC (rev 146)
+++ trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/toolkit/widgets/BibleVersionsDropDownWidget.java	2010-07-12 15:31:07 UTC (rev 147)
@@ -12,6 +12,7 @@
 import com.google.gwt.event.logical.shared.SelectionHandler;
 import com.google.gwt.user.client.ui.Composite;
 import com.google.gwt.user.client.ui.FlowPanel;
+import com.google.gwt.user.client.ui.ScrollPanel;
 import com.google.gwt.user.client.ui.TextBox;
 import com.google.gwt.user.client.ui.Tree;
 import com.google.gwt.user.client.ui.TreeItem;
@@ -33,17 +34,17 @@
     private final Tree bibleVersions = new Tree();
 
     public BibleVersionsDropDownWidget() {
+        final ScrollPanel versionScroll = new ScrollPanel();
+        versionScroll.setHeight("85%");
+        versionScroll.add(bibleVersions);
         bibleVersionPanel.add(filterBox);
-        bibleVersionPanel.add(bibleVersions);
+        bibleVersionPanel.add(versionScroll);
 
         addHandlersForFilterBox();
         addHandlersForTree();
         addStyles();
         setSuggestionsVisible(false);
 
-        // bibleVersions.setWidth("98%");
-        // filterBox.setWidth("98%");
-        // bibleVersionPanel.setWidth("100%");
         filterBox.setText("Please enter a bible version name");
         initWidget(bibleVersionPanel);
     }

Added: trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/toolkit/widgets/OptionsButtonWidget.java
===================================================================
--- trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/toolkit/widgets/OptionsButtonWidget.java	                        (rev 0)
+++ trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/toolkit/widgets/OptionsButtonWidget.java	2010-07-12 15:31:07 UTC (rev 147)
@@ -0,0 +1,102 @@
+package com.tyndalehouse.step.web.client.toolkit.widgets;
+
+import static com.tyndalehouse.step.web.client.framework.StepResources.RESOURCES;
+
+import com.google.gwt.event.dom.client.ClickEvent;
+import com.google.gwt.event.dom.client.ClickHandler;
+import com.google.gwt.event.dom.client.MouseOutEvent;
+import com.google.gwt.event.dom.client.MouseOutHandler;
+import com.google.gwt.event.dom.client.MouseOverEvent;
+import com.google.gwt.event.dom.client.MouseOverHandler;
+import com.google.gwt.user.client.ui.AbsolutePanel;
+import com.google.gwt.user.client.ui.CheckBox;
+import com.google.gwt.user.client.ui.Composite;
+import com.google.gwt.user.client.ui.Image;
+import com.google.gwt.user.client.ui.PopupPanel;
+import com.google.gwt.user.client.ui.VerticalPanel;
+import com.google.gwt.user.client.ui.PopupPanel.PositionCallback;
+
+public class OptionsButtonWidget extends Composite {
+    final private AbsolutePanel holder = new AbsolutePanel();
+    final private PopupPanel menu = new PopupPanel(false);
+    private final Image image;
+
+    /**
+     * creates an options button
+     */
+    public OptionsButtonWidget() {
+        image = new Image(RESOURCES.options());
+        holder.add(image);
+        // holder.add(menu);
+        holder.addStyleName("optionsButton");
+        initImageHandlers();
+        initWidget(holder);
+    }
+
+    private void initImageHandlers() {
+        image.addClickHandler(new ClickHandler() {
+            public void onClick(final ClickEvent clickEvent) {
+                switchVisibility();
+            }
+
+        });
+
+        image.addMouseOutHandler(new MouseOutHandler() {
+            public void onMouseOut(final MouseOutEvent arg0) {
+                image.setResource(RESOURCES.options());
+            }
+        });
+
+        image.addMouseOverHandler(new MouseOverHandler() {
+            public void onMouseOver(final MouseOverEvent arg0) {
+                image.setResource(RESOURCES.optionsOver());
+            }
+        });
+    }
+
+    private void switchVisibility() {
+        if (menu.isShowing()) {
+            menu.hide();
+        } else {
+            menu.setPopupPositionAndShow(new PositionCallback() {
+                public void setPosition(final int arg0, final int arg1) {
+                    menu.setPopupPosition(image.getAbsoluteLeft() + image.getOffsetWidth() / 2 - menu.getOffsetWidth(),
+                            image.getAbsoluteTop() + image.getOffsetHeight() / 2);
+                }
+            });
+        }
+    }
+
+    private void setupMenu() {
+        // TODO: look to see if we can something with GWT Inject/Gin to inject
+        // menus in...
+        final VerticalPanel vp = new VerticalPanel();
+        menu.add(vp);
+        final ScriptureDisplayOptions[] scriptureDisplayOptions = ScriptureDisplayOptions.getScriptureDisplayOptions();
+
+        for (final ScriptureDisplayOptions option : scriptureDisplayOptions) {
+            final CheckBox menuItem = new CheckBox(option.getDisplayValue());
+            vp.add(menuItem);
+            menuItem.addClickHandler(new ClickHandler() {
+                public void onClick(final ClickEvent arg0) {
+                    // menu.hide();
+                    // TODO fire event to presenter
+                }
+            });
+        }
+
+        // menu.setPopupPosition(menu.getOffsetWidth(), image.getAbsoluteTop());
+        // menu.showRelativeTo(image);
+        // menu.addAutoHidePartner(image.getElement());
+        menu.hide();
+        menu.addStyleName("optionsButtonMenu");
+        // menu.addStyleName(RESOURCES.css().invisible());
+        // menu.addStyleName("optionsMenuScripture");
+    }
+
+    @Override
+    protected void onLoad() {
+        super.onLoad();
+        setupMenu();
+    }
+}

Added: trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/toolkit/widgets/ScriptureDisplayOptions.java
===================================================================
--- trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/toolkit/widgets/ScriptureDisplayOptions.java	                        (rev 0)
+++ trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/toolkit/widgets/ScriptureDisplayOptions.java	2010-07-12 15:31:07 UTC (rev 147)
@@ -0,0 +1,40 @@
+package com.tyndalehouse.step.web.client.toolkit.widgets;
+
+import java.util.Arrays;
+import java.util.Comparator;
+
+public enum ScriptureDisplayOptions implements Comparable<ScriptureDisplayOptions> {
+    NO_INTERLINEAR("No interlinear"), CLASSIC_INTERLINEAR("Classic interlinear"), REVERSE_INTERLINEAR(
+            "Reverse interlinear"), VERSE_NUMBERS("Verse numbers"), NOTES("Notes"), CROSS_REFERENCES("Cross References");
+
+    private static final ScriptureDisplayOptions[] cachedOrderedOptions = initOptions();
+    private final String displayValue;
+
+    private static Comparator<ScriptureDisplayOptions> sdoComparator = new Comparator<ScriptureDisplayOptions>() {
+        public int compare(final ScriptureDisplayOptions sdo1, final ScriptureDisplayOptions sdo2) {
+            return sdo1.getDisplayValue().compareTo(sdo2.getDisplayValue());
+        }
+    };
+
+    ScriptureDisplayOptions(final String displayValue) {
+        this.displayValue = displayValue;
+
+    }
+
+    private static ScriptureDisplayOptions[] initOptions() {
+        final ScriptureDisplayOptions[] values = ScriptureDisplayOptions.values();
+        Arrays.sort(values, sdoComparator);
+        return values;
+    }
+
+    /**
+     * @return the displayValue
+     */
+    public String getDisplayValue() {
+        return displayValue;
+    }
+
+    public static ScriptureDisplayOptions[] getScriptureDisplayOptions() {
+        return cachedOrderedOptions;
+    }
+}

Modified: trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/view/ScriptureView.java
===================================================================
--- trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/view/ScriptureView.java	2010-07-10 16:21:53 UTC (rev 146)
+++ trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/view/ScriptureView.java	2010-07-12 15:31:07 UTC (rev 147)
@@ -14,6 +14,7 @@
 import com.tyndalehouse.step.web.client.presenter.ScripturePresenter;
 import com.tyndalehouse.step.web.client.toolkit.HasSource;
 import com.tyndalehouse.step.web.client.toolkit.widgets.BibleVersionsDropDownWidget;
+import com.tyndalehouse.step.web.client.toolkit.widgets.OptionsButtonWidget;
 import com.tyndalehouse.step.web.client.toolkit.widgets.PassageWidget;
 import com.tyndalehouse.step.web.shared.scripture.Passage;
 
@@ -49,6 +50,7 @@
         decorator.add(scriptureHolder);
         scripturePanel.add(bibleVersionsDropDown, 0, 0);
         scripturePanel.add(decorator, 0, SCRIPTURE_HOLDER_TOP);
+        scripturePanel.add(new OptionsButtonWidget());
         // layoutPanel.add(decorator);
         initWidget(scripturePanel);
     }

Modified: trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/view/StepView.java
===================================================================
--- trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/view/StepView.java	2010-07-10 16:21:53 UTC (rev 146)
+++ trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/client/view/StepView.java	2010-07-12 15:31:07 UTC (rev 147)
@@ -13,6 +13,7 @@
 import com.google.gwt.user.client.ui.Panel;
 import com.google.gwt.user.client.ui.SimplePanel;
 import com.google.gwt.user.client.ui.Widget;
+import com.tyndalehouse.step.web.client.framework.StepResources;
 import com.tyndalehouse.step.web.client.framework.StepViewInterface;
 import com.tyndalehouse.step.web.client.presenter.StepPresenter;
 
@@ -54,6 +55,7 @@
      * way
      */
     public StepView() {
+        StepResources.RESOURCES.css().ensureInjected();
         addPanelsToLayout();
         setInitialLayout();
         initWidget(stepPanelLayout);

Deleted: trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/public/css/step.css
===================================================================
--- trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/public/css/step.css	2010-07-10 16:21:53 UTC (rev 146)
+++ trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/public/css/step.css	2010-07-12 15:31:07 UTC (rev 147)
@@ -1,223 +0,0 @@
-.visible {
-	display: block;
-}
-
-.invisible {
-	display: none;
-}
-
-.prompt {
-	color: grey;	
-}
-
-div.bibleVersionsDropDown {
-	text-align: center;
-	width: 100%;
-}
-
-.bibleVersionsDropDown * {
-	text-align: left;
-	
-}
-
-.bibleVersionsDropDown input {
-	text-align: left;
-	width: 99%;
-	padding: 0px; 
-	margin: 0px; 
-}
-
-.gwt-Tree {
-	background-color: #BCD56D;
-	border: black solid 1px;
-	border: black solid 1px; 
-	padding: 0px 0px 0px 1px; 
-	margin:-1px 0px 0px 1px; 
-	z-index: 1000; 
-}
-
-
-
-.stepPanelBackground {
-	background-color: #BCD56D;
-	border: black solid 1px;
-}
-
-.lightPanelBackground {
-	background-color: #CCFFCC;
-}
-
-
-.scripture-interlinear {
-	display: inline;
-	float: left;
-	padding: 0 0.5em 0.5em 0;
-}
-
-.passageTitle {
-	font-family: Tahoma;
-	font-size: 14px;
-	font-weight: bold;	
-}
-
-.passageWord {
-	font-family: Tahoma;
-	font-size: 12px;
-	font-weight: italics;			
-}
-
-.passageLineBreak {
-	
-}
-
-/****************************************************************************
-* Scripture display component
-*****************************************************************************/
-.scripture-emphasise {
-	font-weight: bold;	
-}
-
-
-/****************************************************************************
- * TIMELINE WIDGET
- ****************************************************************************/
-.step-timeline {
-	clear:both;
-	/* border: 1px solid green; */
-	font-size: 10px;
-	font-family: Tahoma;
-	 
-	cursor: hand;
-}
-
-
-.step-timeline-container {
-	width: 100%;
-	position: relative;
-	/* height: 100%; */
-}
-
-.step-timeband-container {
-	width: 100%;
-	background-color: AliceBlue;
-	overflow: hidden;
-	position: relative;
-	/* border: 1px solid red; */
-	
-}
-
-.step-timeband {
-	width: 64000px;
-	clear:both;
-	border: 1px solid darkgrey;
-	border-top: 2px solid lightgrey;
-	background-color: transparent;
-	position: absolute;
-	display: list-item;
-	list-style-type: none;
-	z-index: 100;
-	
-	/* height: 100%; */
-
-}
-.step-timeband-label {
-	position: absolute;
-	left: 0px;
-	bottom: 0px;
-}
-
-
-.step-time-event {
-	/* background-color: gold; */
-	position: relative;
-	/* border-style: dashed; */
-	display: absolute;
-	padding: 0px;
-	margin: 0px;
-}
-
-/** for all children of the the time band **/
-.step-time-event div {
-	margin-top: 1px;
-	margin-right: 0px;
-	margin-left: 0px;
-	margin-bottom: 1px;
-	list-style-type: none;
-	position: absolute;
-}
-
-.step-timeline-pointInTime {
-	display:inline;
-	background-image: url("../step/step/images/blue-circle.png");
-	width: 10px;
-	border: none;
-	background-repeat: no-repeat;
-	background-position: left;
-}
-
-.step-time-point-in-time-label {
-	background-image: url("../step/step/images/blue-circle.png");
-	display:inline;
-	background-repeat: no-repeat;
-	background-position: left;
-	padding-left: 15px;
-}
-
-
-.step-timeline-duration {
-	background-color: 99CCFF;
-	border-style: none;
-	border-width: 1px;
-	/* overflow: visible; */
-	height: 4px;
-}
-
-.step-time-duration-label {
-	display: inline;
-	margin-top: 5px;
-	padding-top:4px;	
-}
-
-.step-scale-band div {
-	border-left: none;
-	border-top: none;
-	border-bottom: none;
-	border-right: 1px dotted gray;
-	margin-right: -1px;
-	/* float: left; */
-	height: 100%;
-	display: inline;
-	position: absolute;
-	text-align: left;
-}
-
-.step-grab {
-	cursor: hand;
-	cursor: grabbing;
-	cursor: -moz-grabbing;
-}
-
-.step-letgo {
-	cursor: hand; /* ? */	
-}
-
-
-.step-tape-track {
-	display: block;
-	height: 20px; /* TODO: to shove in properties file if they are possible? */
-	width: 100%;
-	position: relative;
-	/* border-bottom: 1px solid red; DEBUG */
-	z-index: 110;
-}
-
-.step-timeline-control {
-	z-index: 120;
-}
-
-.step-timeline-time-event-descriptor {
-	position: absolute;
-	border: 1px dashed blue;
-	background-color: white;
-	z-index: 130;
-}
\ No newline at end of file

Added: trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/public/css/step.css
===================================================================
--- trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/public/css/step.css	                        (rev 0)
+++ trunk/step-web-app/src/main/java/com/tyndalehouse/step/web/public/css/step.css	2010-07-12 15:31:07 UTC (rev 147)
@@ -0,0 +1,257 @@
+.visible {
+	display: block;
+}
+
+.invisible {
+	display: none;
+}
+
+.prompt {
+	color: grey;	
+}
+
+div.bibleVersionsDropDown {
+	text-align: center;
+	width: 100%;
+}
+
+.bibleVersionsDropDown * {
+	text-align: left;
+	
+}
+
+.bibleVersionsDropDown input {
+	text-align: left;
+	width: 99%;
+	padding: 0px; 
+	margin: 0px; 
+}
+
+.optionsButton {
+	display: inline;
+	margin-top: 25px;/* 20px + 5: when worked out how to do style properly, have this reference a static value */
+	margin-right: 5px;
+	/* padding-top: 25px; 
+	padding-right: 5px; */
+	float: right;		
+	/* text-align: right; */
+}
+
+.optionsButton img {
+	display: inline;
+	z-index: 20;	
+}
+
+
+
+.optionsButtonMenu { 
+	z-index: 1000;	
+}
+
+
+.optionsMenuScripture {
+	top: 25px;
+	left: auto;
+	right: 5px;
+	position: absolute; 
+	right: 30px; 
+	top: 45px; 
+	border: solid thin black;
+	z-index: 10;
+}
+
+
+.gwt-Tree {
+	background-color: #BCD56D;
+	border: black solid 1px;
+	border: black solid 1px; 
+	padding: 0px 0px 0px 1px; 
+	margin:-1px 0px 0px 1px; 
+	z-index: 1000; 
+}
+
+
+
+.stepPanelBackground {
+	background-color: #BCD56D;
+	border: black solid 1px;
+}
+
+.lightPanelBackground {
+	background-color: #CCFFCC;
+}
+
+
+.scripture-interlinear {
+	display: inline;
+	float: left;
+	padding: 0 0.5em 0.5em 0;
+}
+
+.passageTitle {
+	font-family: Tahoma;
+	font-size: 14px;
+	font-weight: bold;	
+}
+
+.passageWord {
+	font-family: Tahoma;
+	font-size: 12px;
+	font-weight: italics;			
+}
+
+.passageLineBreak {
+	
+}
+
+/****************************************************************************
+* Scripture display component
+*****************************************************************************/
+.scripture-emphasise {
+	font-weight: bold;	
+}
+
+
+/****************************************************************************
+ * TIMELINE WIDGET
+ ****************************************************************************/
+.step-timeline {
+	clear:both;
+	/* border: 1px solid green; */
+	font-size: 10px;
+	font-family: Tahoma;
+	 
+	cursor: hand;
+}
+
+
+.step-timeline-container {
+	width: 100%;
+	position: relative;
+	/* height: 100%; */
+}
+
+.step-timeband-container {
+	width: 100%;
+	background-color: AliceBlue;
+	overflow: hidden;
+	position: relative;
+	/* border: 1px solid red; */
+	
+}
+
+.step-timeband {
+	width: 64000px;
+	clear:both;
+	border: 1px solid darkgrey;
+	border-top: 2px solid lightgrey;
+	background-color: transparent;
+	position: absolute;
+	display: list-item;
+	list-style-type: none;
+	z-index: 100;
+	
+	/* height: 100%; */
+
+}
+.step-timeband-label {
+	position: absolute;
+	left: 0px;
+	bottom: 0px;
+}
+
+
+.step-time-event {
+	/* background-color: gold; */
+	position: relative;
+	/* border-style: dashed; */
+	display: absolute;
+	padding: 0px;
+	margin: 0px;
+}
+
+/** for all children of the the time band **/
+.step-time-event div {
+	margin-top: 1px;
+	margin-right: 0px;
+	margin-left: 0px;
+	margin-bottom: 1px;
+	list-style-type: none;
+	position: absolute;
+}
+
+.step-timeline-pointInTime {
+	display:inline;
+	background-image: url("../step/step/images/blue-circle.png");
+	width: 10px;
+	border: none;
+	background-repeat: no-repeat;
+	background-position: left;
+}
+
+.step-time-point-in-time-label {
+	background-image: url("../step/step/images/blue-circle.png");
+	display:inline;
+	background-repeat: no-repeat;
+	background-position: left;
+	padding-left: 15px;
+}
+
+
+.step-timeline-duration {
+	background-color: 99CCFF;
+	border-style: none;
+	border-width: 1px;
+	/* overflow: visible; */
+	height: 4px;
+}
+
+.step-time-duration-label {
+	display: inline;
+	margin-top: 5px;
+	padding-top:4px;	
+}
+
+.step-scale-band div {
+	border-left: none;
+	border-top: none;
+	border-bottom: none;
+	border-right: 1px dotted gray;
+	margin-right: -1px;
+	/* float: left; */
+	height: 100%;
+	display: inline;
+	position: absolute;
+	text-align: left;
+}
+
+.step-grab {
+	cursor: hand;
+	cursor: grabbing;
+	cursor: -moz-grabbing;
+}
+
+.step-letgo {
+	cursor: hand; /* ? */	
+}
+
+
+.step-tape-track {
+	display: block;
+	height: 20px; /* TODO: to shove in properties file if they are possible? */
+	width: 100%;
+	position: relative;
+	/* border-bottom: 1px solid red; DEBUG */
+	z-index: 110;
+}
+
+.step-timeline-control {
+	z-index: 120;
+}
+
+.step-timeline-time-event-descriptor {
+	position: absolute;
+	border: 1px dashed blue;
+	background-color: white;
+	z-index: 130;
+}
\ No newline at end of file

Added: trunk/step-web-app/src/main/resources/com/tyndalehouse/step/web/client/css/step.css
===================================================================
--- trunk/step-web-app/src/main/resources/com/tyndalehouse/step/web/client/css/step.css	                        (rev 0)
+++ trunk/step-web-app/src/main/resources/com/tyndalehouse/step/web/client/css/step.css	2010-07-12 15:31:07 UTC (rev 147)
@@ -0,0 +1,7 @@
+.visible {
+	display: block;
+}
+
+.invisible {
+	display: none;
+}

Added: trunk/step-web-app/src/main/resources/com/tyndalehouse/step/web/client/toolkit/options-over.png
===================================================================
(Binary files differ)


Property changes on: trunk/step-web-app/src/main/resources/com/tyndalehouse/step/web/client/toolkit/options-over.png
___________________________________________________________________
Added: svn:mime-type
   + application/octet-stream

Added: trunk/step-web-app/src/main/resources/com/tyndalehouse/step/web/client/toolkit/options.png
===================================================================
(Binary files differ)


Property changes on: trunk/step-web-app/src/main/resources/com/tyndalehouse/step/web/client/toolkit/options.png
___________________________________________________________________
Added: svn:mime-type
   + application/octet-stream




More information about the Tynstep-svn mailing list