@soyjavi 14 лет назад
Родитель
Сommit
d0d855ee39

+ 3 - 0
examples/kitchen-sink/app/events.js

@@ -2,6 +2,9 @@ App.Events = (function(lng, undefined) {
 
     lng.ready(function() {
         App.Services.mockProfiles();
+
+
+        lng.View.Aside.show('#kitchen-sink', '#kitchen-sink-scroll');
     });
 
     lng.dom('#event_touchstart').touch(function(event) { alert("touchstart!"); });

+ 1 - 1
examples/kitchen-sink/index.html

@@ -31,7 +31,7 @@
     <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.widgets.form.css">
     <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.widgets.colour.css">
     <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.widgets.icon.css">
-    <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.theme.pro.css">
+    <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.theme.default.css">
     <!-- App Stylesheet -->
     <link rel="stylesheet" href="assets/stylesheets/app.css">
 

+ 8 - 1
examples/test-pro/app/events.js

@@ -14,7 +14,14 @@ App.Events = (function(lng, undefined) {
             el: '#art-3',
             template: 'home-tmp',
             data: homes
-        })
+        });
+
+        setTimeout(function() {lng.View.Element.progress('.progress', 10, true, 'Downloading 1/5...');}, 500);
+        setTimeout(function() {lng.View.Element.progress('.progress', 30, true, 'Downloading 2/5...');}, 1100);
+        setTimeout(function() {lng.View.Element.progress('.progress', 40, true, 'Downloading 3/5...');}, 1600);
+        setTimeout(function() {lng.View.Element.progress('.progress', 55, true, 'Downloading 4/5...');}, 1900);
+        setTimeout(function() {lng.View.Element.progress('.progress', 70, true, 'Downloading 5/5...');}, 2200);
+        setTimeout(function() {lng.View.Element.progress('.progress', 100, true, 'Finished.');}, 3000);
     });
 
     //Toggle Aside

+ 3 - 3
examples/test-pro/index.html

@@ -26,7 +26,7 @@
     <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.widgets.form.css">
     <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.widgets.colour.css">
     <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.widgets.icon.css">
-    <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.theme.pro.css">
+    <link rel="stylesheet" href="../../src/stylesheets/css/Lungo.theme.default.css">
     <style>
         .scroll-demo {
             background: #ccc;
@@ -86,7 +86,7 @@
 
 <body class="app">
 
-    <section id="sec-1" class="flow">
+    <section id="sec-1" class="flows">
         <header data-title="Test Asides">
             <a href="#asi-1" data-target="aside" class="button blue onleft">asi-1</a>
             <a href="#asi-2" data-target="aside" class="button green onright">sec-2</a>
@@ -103,8 +103,8 @@
 
         <article id="art-1" class="list indented">
             <ul class="form">
-
                 <li> <input type="range"></li>
+                <li data-progress="0%"></li>
             </ul>
             <ul class="form">
                 <li class="anchor" data-icon="edit">Example of select</li>