Carousel created on homepage

6a991a50 · Thomas Lechauve · d3120893 · 6a991a50 · 6a991a50
Commit 6a991a50 authored Jun 15, 2012 by Thomas Lechauve
Show whitespace changes
Inline Side-by-side

Showing with 66 additions and 13 deletions

vifib/index.html vifib/index.html +53 -4

vifib/static/js/core.js vifib/static/js/core.js +13 -9

No files found.
--- a/vifib/index.html
+++ b/vifib/index.html
@@ -17,14 +17,18 @@
                float: right;
                width: 67%;
            }
-            [data-role=footer] {
-                width: 30%;
-            }
        }
        .content-primary .ui-listview {
            margin-top: 0px;
            margin-bottom: 0px;
        }
+        #slider{
+            height: 200px;
+            repeat: no-repeat;
+            margin-left: -15px;
+            margin-top: -19px;
+            margin-right: -119px;
+        }
    </style>
 <!--
   -COMPONENTS
@@ -114,9 +118,52 @@
        {{> content}}
    </script>
    <script id="homepagePanel" type="text/html">
-        <h2>Carousel</h2>
+        {{> carousel }}
        <a href="#/login" data-role="button">Try it now !</a>
    </script>
+    <script id="carousel" type="text/html">
+        <div id="slider">
+            <ul>
+                <li style="display: block">
+                    <h2>Paas Without limit</h2>
+                    <p>c c++ java javascript perl php python kumofs mysql mariadb memcached apache nodejs flask tomcat zope</p>
+                </li>
+                <li style="display: none">
+                    <h2>Iaas broker</h2>
+                    <p>xen kvm hyperv vmware openstack opennebula amazon eucalyptus niftyname gandi rackspace</p>
+                </li>
+                <li style="display: none">
+                    <h2>Resilient Cloud Computing</h2>
+                    <fieldset class="ui-grid-a">
+                        <div class="ui-block-a">
+                            <ul>
+                                <li>decentralized</li>
+                                <li>open-source</li>
+                            </ul>
+                        </div>
+                        <div class="ui-block-b">
+                            <ul>
+                                <li>10x cost efficient</li>
+                                <li>tremendously simpler</li>
+                            </ul>
+                        </div>
+                    </fieldset>
+                </li>
+                <li style="display: none">
+                    <h2>Mobile Edge Computing</h2>
+                    <p>bsd linux macos windows android tizen</p>
+                </li>
+                <li style="display: none">
+                    <h2>Billing</h2>
+                    <p>accoutning billing charging crm portal market</p>
+                </li>
+                <li style="display: none">
+                    <h2>Saas for free</h2>
+                    <p>wordpress drupal erp5 prestashop joomla xwiki mediawiki oscommerce sugarcrm phpbb facturalux zabbix</p>
+                </li>
+        </ul>
+        </div>
+    </script>
 <!--
   -LIBRARY
 -->
@@ -282,6 +329,7 @@

    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="static/js/ICanHaz.min.js"></script>
+    <script type="text/javascript" src="static/js/swipe.min.js"></script>
    <script type="text/javascript" src="static/js/modernizr-2.5.3.js"></script>
    <script type="text/javascript" src="static/js/sinon-1.3.2.js"></script>
    <script type="text/javascript" src="static/js/jquery.slapos.js"></script>
@@ -291,5 +339,6 @@
    <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
 </head>
 <body>
+        <div data-role="page" data-theme="c"></div>
 </body>
 </html>
--- a/vifib/static/js/core.js
+++ b/vifib/static/js/core.js
@@ -66,11 +66,11 @@
                    //$(this).slapos({'host': 'http://10.8.2.34:12006/erp5/portal_vifib_rest_api_v1'});
                    $(this).slapos({'host': 'http://10.8.2.34:12006/erp5/portal_vifib_rest_api_v1'});
                    // Bind Loading content
-                    $('#loading').ajaxStart(function () {
-                        $(this).spin(spinOptions);
-                    }).ajaxStop(function () {
-                        $(this).spin(false);
-                    });
+                    //$('#loading').ajaxStart(function () {
+                        //$(this).spin(spinOptions);
+                    //}).ajaxStop(function () {
+                        //$(this).spin(false);
+                    //});
                    for (var level = 0; level < routes.length; level += 1) {
                        for (var i = 0; i < routes[level].length; i += 1) {
                            var r = routes[level][i];
@@ -132,7 +132,7 @@
            showRoot: function (params) {
                var route = $.router.routes.current,
                    nextLevel = route.level + 1;
-                $(this).vifib('render', 'root');
+                //$(this).vifib('render', 'root');
                $.router.routes.add('/homepage', nextLevel, methods.showHomepage, $(":jqmData(role=page)"));
                $.router.routes.add('/library', nextLevel, methods.showLibrary, $(":jqmData(role=page)"));
                $.router.routes.add('/documentation', nextLevel, methods.showDocumentation, $(":jqmData(role=page)"));
@@ -158,9 +158,14 @@
                                {'name': 'Software library', 'link': '#/library'},
                                {'name': 'Documentation', 'link': '#/documentation'}
                            ]
-                        },
-                        nextLevel = $.router.routes.current.level + 1;
+                        };
                    $(this).vifib('render', 'homepage', options);
+                    if ( Modernizr.csstransforms ) {
+                        window.mySwipe = new Swipe(document.getElementById('slider'), {
+                            speed: 800,
+                            auto: 5000
+                        });
+                    }
                });
            },
            //LOGIN
@@ -612,7 +617,6 @@
                raw = raw || true;
                return this.each(function () {
                    $(this).html(ich[template](data, raw));
-                    $(this).page();
                    $(this).trigger('pagecreate');
                });
            },