Commit 6a991a50 authored by Thomas Lechauve's avatar Thomas Lechauve

Carousel created on homepage

parent d3120893
...@@ -17,14 +17,18 @@ ...@@ -17,14 +17,18 @@
float: right; float: right;
width: 67%; width: 67%;
} }
[data-role=footer] {
width: 30%;
}
} }
.content-primary .ui-listview { .content-primary .ui-listview {
margin-top: 0px; margin-top: 0px;
margin-bottom: 0px; margin-bottom: 0px;
} }
#slider{
height: 200px;
repeat: no-repeat;
margin-left: -15px;
margin-top: -19px;
margin-right: -119px;
}
</style> </style>
<!-- <!--
-COMPONENTS -COMPONENTS
...@@ -114,9 +118,52 @@ ...@@ -114,9 +118,52 @@
{{> content}} {{> content}}
</script> </script>
<script id="homepagePanel" type="text/html"> <script id="homepagePanel" type="text/html">
<h2>Carousel</h2> {{> carousel }}
<a href="#/login" data-role="button">Try it now !</a> <a href="#/login" data-role="button">Try it now !</a>
</script> </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 -LIBRARY
--> -->
...@@ -282,6 +329,7 @@ ...@@ -282,6 +329,7 @@
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <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/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/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/sinon-1.3.2.js"></script>
<script type="text/javascript" src="static/js/jquery.slapos.js"></script> <script type="text/javascript" src="static/js/jquery.slapos.js"></script>
...@@ -291,5 +339,6 @@ ...@@ -291,5 +339,6 @@
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
</head> </head>
<body> <body>
<div data-role="page" data-theme="c"></div>
</body> </body>
</html> </html>
...@@ -66,11 +66,11 @@ ...@@ -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'});
$(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 // Bind Loading content
$('#loading').ajaxStart(function () { //$('#loading').ajaxStart(function () {
$(this).spin(spinOptions); //$(this).spin(spinOptions);
}).ajaxStop(function () { //}).ajaxStop(function () {
$(this).spin(false); //$(this).spin(false);
}); //});
for (var level = 0; level < routes.length; level += 1) { for (var level = 0; level < routes.length; level += 1) {
for (var i = 0; i < routes[level].length; i += 1) { for (var i = 0; i < routes[level].length; i += 1) {
var r = routes[level][i]; var r = routes[level][i];
...@@ -132,7 +132,7 @@ ...@@ -132,7 +132,7 @@
showRoot: function (params) { showRoot: function (params) {
var route = $.router.routes.current, var route = $.router.routes.current,
nextLevel = route.level + 1; 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('/homepage', nextLevel, methods.showHomepage, $(":jqmData(role=page)"));
$.router.routes.add('/library', nextLevel, methods.showLibrary, $(":jqmData(role=page)")); $.router.routes.add('/library', nextLevel, methods.showLibrary, $(":jqmData(role=page)"));
$.router.routes.add('/documentation', nextLevel, methods.showDocumentation, $(":jqmData(role=page)")); $.router.routes.add('/documentation', nextLevel, methods.showDocumentation, $(":jqmData(role=page)"));
...@@ -158,9 +158,14 @@ ...@@ -158,9 +158,14 @@
{'name': 'Software library', 'link': '#/library'}, {'name': 'Software library', 'link': '#/library'},
{'name': 'Documentation', 'link': '#/documentation'} {'name': 'Documentation', 'link': '#/documentation'}
] ]
}, };
nextLevel = $.router.routes.current.level + 1;
$(this).vifib('render', 'homepage', options); $(this).vifib('render', 'homepage', options);
if ( Modernizr.csstransforms ) {
window.mySwipe = new Swipe(document.getElementById('slider'), {
speed: 800,
auto: 5000
});
}
}); });
}, },
//LOGIN //LOGIN
...@@ -612,7 +617,6 @@ ...@@ -612,7 +617,6 @@
raw = raw || true; raw = raw || true;
return this.each(function () { return this.each(function () {
$(this).html(ich[template](data, raw)); $(this).html(ich[template](data, raw));
$(this).page();
$(this).trigger('pagecreate'); $(this).trigger('pagecreate');
}); });
}, },
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment