Various fixes for iphone ui

lib/galaxy/web/controllers/mobile.py

@@ -26,6 +26,15 @@ class Mobile( BaseController ):
         dataset = trans.app.model.HistoryDatasetAssociation.get( id )
         assert dataset.history.user == trans.user
         return trans.fill_template( "mobile/dataset/detail.mako", dataset=dataset )
+
+    @web.expose
+    def dataset_peek( self, trans, id ):
+        if trans.user is None: trans.response.send_redirect( url_for( action='index' ) )
+        dataset = trans.app.model.HistoryDatasetAssociation.get( id )
+        assert dataset.history.user == trans.user
+        yield "<html><body>"
+        yield dataset.display_peek()
+        yield "</body></html>"
         
     def __login( self, trans, email="", password="" ):
         email_error = password_error = None

static/june_2007_style/blue/iphone.css

@@ -238,6 +238,8 @@ body > .dialog {
     color: #999999;
 }
 
+
+
 input:not(input[type|=radio]):not(input[type|=checkbox]) {
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
@@ -276,6 +278,8 @@ body > .panel {
     border-bottom: 1px solid #999999;
     -webkit-border-radius: 0;
     text-align: right;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 fieldset > .row:last-child {
@@ -305,6 +309,16 @@ fieldset > .row:last-child {
     font-weight: bold;
 }
 
+.row > a {
+    font-weight: bold;
+    text-align: left;
+    display: block;
+    padding: 8px 32px 8px 14px;
+    text-decoration: none;
+    color: inherit;
+    background: url(../iui/listArrow.png) no-repeat right center;
+}
+
 .row > .error {
     height: 25px;
     text-align: left;

static/june_2007_style/iphone.css.tmpl

@@ -239,6 +239,8 @@ body > .dialog {
     color: #999999;
 }
 
+
+
 input:not(input[type|=radio]):not(input[type|=checkbox]) {
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
@@ -277,6 +279,8 @@ body > .panel {
     border-bottom: 1px solid #999999;
     -webkit-border-radius: 0;
     text-align: right;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 fieldset > .row:last-child {
@@ -306,6 +310,16 @@ fieldset > .row:last-child {
     font-weight: bold;
 }
 
+.row > a {
+    font-weight: bold;
+    text-align: left;
+    display: block;
+    padding: 8px 32px 8px 14px;
+    text-decoration: none;
+    color: inherit;
+    background: url(../iui/listArrow.png) no-repeat right center;
+}
+
 .row > .error {
     height: 25px;
     text-align: left;

static/june_2007_style/make_style.py

@@ -26,6 +26,7 @@ templates = [ ( "base.css.tmpl", "base.css" ),
               ( "library.css.tmpl", "library.css"),
               ( "history.css.tmpl", "history.css" ),
               ( "tool_menu.css.tmpl", "tool_menu.css" ),
+              ( "iphone.css.tmpl", "iphone.css" ),
               ( "reset.css.tmpl", "reset.css" ) ]
               
 images = [ 

templates/mobile/dataset/detail.mako

@@ -31,17 +31,11 @@
         <label>Format</label> <span>${dataset.ext}</span>
       </div>
       <div class="row">
-	<label>Info</label>
-	<div style="padding: 12px 10px 0 110px; overflow: auto;">
-	${dataset.display_info()}
-	</div>
+	<label>Info</label> <span>${dataset.display_info()}</span>
       </div>
       %if dataset.state == "ok":
       <div class="row">
-	<label>Peek</label>
-	<div style="padding: 12px 10px 0 110px; overflow: auto;">
-	${dataset.display_peek()}
-	</div>
+	        <a href="${h.url_for( action='dataset_peek', id=dataset.id )}">Peek</a>
       </div>
       %endif
       </fieldset>