Adding transition demo

spritle · Mar 6, 2012 · 73255c0 · 73255c0
1 parent a0d94c9
commit 73255c0
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 1 deletion.
diff --git a/app/Product/product_controller.rb b/app/Product/product_controller.rb
@@ -61,4 +61,8 @@ def delete
     @product.destroy if @product
     redirect :action => :index  
   end
+
+  def transition
+
+  end
 end
diff --git a/app/Product/transition.erb b/app/Product/transition.erb
@@ -0,0 +1,14 @@
+
+<div title="Transitions" id="jqmtransitions" >
+  <ul>
+    <li><a href="#transition1"  data-transition="slide">Slide</a></li>
+    <li><a href="#transition2"  data-transition="up">Slide Up</a></li>
+    <li><a href="#transition3"  data-transition="down">Slide Down</a></li>
+    <li><a href="#transition4"  data-transition="pop">Pop</a></li>
+    <li><a href="#transition5"  data-transition="flip">Flip</a></li>
+    <li><a href="#transition6"  data-transition="fade">Fade</a></li>
+  </ul>
+  <br/><br/>
+</div>
+
+
diff --git a/app/index.erb b/app/index.erb
@@ -6,13 +6,35 @@
 
       <div title='Documentation' id="main" class="panel" selected="true"  data-footer='footerui'>
         <ul>
+			<li> <a href="/app/Product/transition">Transition Demo</a>			
             <li><a href="#jqmui">jqUi</a></li>
-            <li><a href='#jqUiSwipe'>Swipe Plugin</a></li>
+            <li><a href='#jqUiSwipe'>Swipe Plugin Demo</a></li>
             <li> <a href="/app/Product/new">New Product</a>
             <li> <a href="/app/Product/test_ui">Login</a>
             <li> <a href="/app/Product/popup_sample">Pop up sample</a>
         </ul>
       </div>
+
+
+<div title="Slide" id="transition1" class="panel splashscreen" data-footer='footerui' style="padding-left:0px">
+  <img src="/public/jqmobi/kitchensink/images/splash.png"/>
+</div>
+<div title="Slide Up" id="transition2" class="panel splashscreen" data-footer='footerui' style="padding-left:0px">
+  <img src="/public/jqmobi/kitchensink/images/splash.png"/>
+</div>
+<div title="Slide Down" id="transition3" class="panel splashscreen" data-footer='footerui' style="padding-left:0px">
+  <img src="/public/jqmobi/kitchensink/images/splash.png"/>
+</div>
+<div title="Pop" id="transition4" class="panel splashscreen" data-footer='footerui' style="padding-left:0px">
+  <img src="/public/jqmobi/kitchensink/images/splash.png"/>
+</div>
+<div title="Flip" id="transition5" class="panel splashscreen" data-footer='footerui' style="padding-left:0px">
+  <img src="/public/jqmobi/kitchensink/images/splash.png"/>
+</div>
+<div title="Fade" id="transition6" class="panel splashscreen" data-footer='footerui' style="padding-left:0px">
+  <img src="/public/jqmobi/kitchensink/images/splash.png"/>
+</div>
+
 
         <div title="jqUI" id="jqmui" class="panel" data-footer='footerui'>
                <ul>