framework7rails 3.0.0 → 4.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +1 -1
- data/lib/framework7rails/version.rb +2 -2
- data/update_from_vendor.rb +1 -1
- data/vendor/assets/javascripts/framework7.js +5806 -2303
- data/vendor/assets/javascripts/framework7.js.map +1 -1
- data/vendor/assets/stylesheets/framework7.css +2164 -464
- data/vendor/assets/stylesheets/framework7.themes.css +189 -25
- metadata +2 -205
- data/Framework7-0.9.6/.gitignore +0 -5
- data/Framework7-0.9.6/.jshintrc +0 -33
- data/Framework7-0.9.6/.travis.yml +0 -5
- data/Framework7-0.9.6/CHANGELOG.md +0 -342
- data/Framework7-0.9.6/Gruntfile.js +0 -560
- data/Framework7-0.9.6/LICENSE +0 -20
- data/Framework7-0.9.6/README.md +0 -113
- data/Framework7-0.9.6/apps/todo7/css/todo7.css +0 -208
- data/Framework7-0.9.6/apps/todo7/img/Icon-152.png +0 -0
- data/Framework7-0.9.6/apps/todo7/img/bg.jpg +0 -0
- data/Framework7-0.9.6/apps/todo7/img/icon-114.png +0 -0
- data/Framework7-0.9.6/apps/todo7/img/icon-120.png +0 -0
- data/Framework7-0.9.6/apps/todo7/img/icon-144.png +0 -0
- data/Framework7-0.9.6/apps/todo7/img/icon-57.png +0 -0
- data/Framework7-0.9.6/apps/todo7/img/icon-72.png +0 -0
- data/Framework7-0.9.6/apps/todo7/img/icon-76.png +0 -0
- data/Framework7-0.9.6/apps/todo7/index.html +0 -112
- data/Framework7-0.9.6/apps/todo7/jade/index.jade +0 -99
- data/Framework7-0.9.6/apps/todo7/js/todo7.js +0 -102
- data/Framework7-0.9.6/apps/todo7/less/todo7.less +0 -221
- data/Framework7-0.9.6/apps/todo7/manifest.php +0 -27
- data/Framework7-0.9.6/apps/weather7/css/weather7.css +0 -291
- data/Framework7-0.9.6/apps/weather7/img/bg.jpg +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-114.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-120.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-144.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-152.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-57.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-72.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-76.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/logo.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/yahoo-logo.png +0 -0
- data/Framework7-0.9.6/apps/weather7/index.html +0 -127
- data/Framework7-0.9.6/apps/weather7/jade/index.jade +0 -113
- data/Framework7-0.9.6/apps/weather7/js/weather7.js +0 -213
- data/Framework7-0.9.6/apps/weather7/less/weather7.less +0 -294
- data/Framework7-0.9.6/apps/weather7/manifest.php +0 -29
- data/Framework7-0.9.6/bower.json +0 -30
- data/Framework7-0.9.6/dist/about.html +0 -28
- data/Framework7-0.9.6/dist/css/framework7.css +0 -4922
- data/Framework7-0.9.6/dist/css/framework7.min.css +0 -15
- data/Framework7-0.9.6/dist/css/framework7.rtl.css +0 -427
- data/Framework7-0.9.6/dist/css/framework7.rtl.min.css +0 -1
- data/Framework7-0.9.6/dist/css/framework7.themes.css +0 -279
- data/Framework7-0.9.6/dist/css/framework7.themes.min.css +0 -1
- data/Framework7-0.9.6/dist/css/my-app.css +0 -0
- data/Framework7-0.9.6/dist/form.html +0 -229
- data/Framework7-0.9.6/dist/img/i-f7.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-calendar.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-comment.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-email.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-gender.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-name.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-password.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-settings.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-tel.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-toggle.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-url.png +0 -0
- data/Framework7-0.9.6/dist/index.html +0 -102
- data/Framework7-0.9.6/dist/js/framework7.js +0 -7479
- data/Framework7-0.9.6/dist/js/framework7.min.js +0 -18
- data/Framework7-0.9.6/dist/js/my-app.js +0 -48
- data/Framework7-0.9.6/dist/services.html +0 -28
- data/Framework7-0.9.6/examples/split-view-panel/about.html +0 -20
- data/Framework7-0.9.6/examples/split-view-panel/css/my-app.css +0 -56
- data/Framework7-0.9.6/examples/split-view-panel/index.html +0 -135
- data/Framework7-0.9.6/examples/split-view-panel/jade/about.jade +0 -18
- data/Framework7-0.9.6/examples/split-view-panel/jade/index.jade +0 -107
- data/Framework7-0.9.6/examples/split-view-panel/jade/left-page-1.jade +0 -15
- data/Framework7-0.9.6/examples/split-view-panel/jade/left-page-2.jade +0 -15
- data/Framework7-0.9.6/examples/split-view-panel/jade/services.jade +0 -18
- data/Framework7-0.9.6/examples/split-view-panel/js/my-app.js +0 -15
- data/Framework7-0.9.6/examples/split-view-panel/left-page-1.html +0 -19
- data/Framework7-0.9.6/examples/split-view-panel/left-page-2.html +0 -19
- data/Framework7-0.9.6/examples/split-view-panel/less/my-app.less +0 -62
- data/Framework7-0.9.6/examples/split-view-panel/services.html +0 -20
- data/Framework7-0.9.6/examples/split-view/about.html +0 -19
- data/Framework7-0.9.6/examples/split-view/css/my-app.css +0 -23
- data/Framework7-0.9.6/examples/split-view/index.html +0 -135
- data/Framework7-0.9.6/examples/split-view/jade/about.jade +0 -15
- data/Framework7-0.9.6/examples/split-view/jade/index.jade +0 -107
- data/Framework7-0.9.6/examples/split-view/jade/left-page-1.jade +0 -15
- data/Framework7-0.9.6/examples/split-view/jade/left-page-2.jade +0 -15
- data/Framework7-0.9.6/examples/split-view/jade/services.jade +0 -15
- data/Framework7-0.9.6/examples/split-view/js/my-app.js +0 -15
- data/Framework7-0.9.6/examples/split-view/left-page-1.html +0 -19
- data/Framework7-0.9.6/examples/split-view/left-page-2.html +0 -19
- data/Framework7-0.9.6/examples/split-view/less/my-app.less +0 -23
- data/Framework7-0.9.6/examples/split-view/services.html +0 -19
- data/Framework7-0.9.6/examples/tab-bar/about.html +0 -19
- data/Framework7-0.9.6/examples/tab-bar/css/my-app.css +0 -34
- data/Framework7-0.9.6/examples/tab-bar/index.html +0 -238
- data/Framework7-0.9.6/examples/tab-bar/jade/about.jade +0 -15
- data/Framework7-0.9.6/examples/tab-bar/jade/index.jade +0 -189
- data/Framework7-0.9.6/examples/tab-bar/jade/services.jade +0 -15
- data/Framework7-0.9.6/examples/tab-bar/js/my-app.js +0 -15
- data/Framework7-0.9.6/examples/tab-bar/less/my-app.less +0 -35
- data/Framework7-0.9.6/examples/tab-bar/services.html +0 -19
- data/Framework7-0.9.6/kitchen-sink/about.html +0 -22
- data/Framework7-0.9.6/kitchen-sink/accordion.html +0 -171
- data/Framework7-0.9.6/kitchen-sink/color-themes.html +0 -42
- data/Framework7-0.9.6/kitchen-sink/contacts.html +0 -190
- data/Framework7-0.9.6/kitchen-sink/core-features.html +0 -70
- data/Framework7-0.9.6/kitchen-sink/css/kitchen-sink.css +0 -233
- data/Framework7-0.9.6/kitchen-sink/deep-2.html +0 -22
- data/Framework7-0.9.6/kitchen-sink/deep-navbar-2.html +0 -19
- data/Framework7-0.9.6/kitchen-sink/deep-navbar-3.html +0 -19
- data/Framework7-0.9.6/kitchen-sink/deep-navbar.html +0 -18
- data/Framework7-0.9.6/kitchen-sink/forms-buttons.html +0 -64
- data/Framework7-0.9.6/kitchen-sink/forms-checkboxes.html +0 -200
- data/Framework7-0.9.6/kitchen-sink/forms-elements.html +0 -359
- data/Framework7-0.9.6/kitchen-sink/forms-selects.html +0 -72
- data/Framework7-0.9.6/kitchen-sink/forms-storage.html +0 -181
- data/Framework7-0.9.6/kitchen-sink/forms.html +0 -56
- data/Framework7-0.9.6/kitchen-sink/grid.html +0 -140
- data/Framework7-0.9.6/kitchen-sink/hide-navbar-toolbar.html +0 -42
- data/Framework7-0.9.6/kitchen-sink/img/beach.jpg +0 -0
- data/Framework7-0.9.6/kitchen-sink/img/lock.jpg +0 -0
- data/Framework7-0.9.6/kitchen-sink/img/monkey.jpg +0 -0
- data/Framework7-0.9.6/kitchen-sink/img/mountains.jpg +0 -0
- data/Framework7-0.9.6/kitchen-sink/index.html +0 -466
- data/Framework7-0.9.6/kitchen-sink/infinite-scroll-load.php +0 -19
- data/Framework7-0.9.6/kitchen-sink/infinite-scroll.html +0 -119
- data/Framework7-0.9.6/kitchen-sink/jade/about.jade +0 -19
- data/Framework7-0.9.6/kitchen-sink/jade/accordion.jade +0 -133
- data/Framework7-0.9.6/kitchen-sink/jade/color-themes.jade +0 -37
- data/Framework7-0.9.6/kitchen-sink/jade/contacts.jade +0 -115
- data/Framework7-0.9.6/kitchen-sink/jade/core-features.jade +0 -74
- data/Framework7-0.9.6/kitchen-sink/jade/deep-navbar-2.jade +0 -15
- data/Framework7-0.9.6/kitchen-sink/jade/deep-navbar-3.jade +0 -15
- data/Framework7-0.9.6/kitchen-sink/jade/deep-navbar.jade +0 -15
- data/Framework7-0.9.6/kitchen-sink/jade/forms-buttons.jade +0 -71
- data/Framework7-0.9.6/kitchen-sink/jade/forms-checkboxes.jade +0 -152
- data/Framework7-0.9.6/kitchen-sink/jade/forms-elements.jade +0 -239
- data/Framework7-0.9.6/kitchen-sink/jade/forms-selects.jade +0 -60
- data/Framework7-0.9.6/kitchen-sink/jade/forms-storage.jade +0 -134
- data/Framework7-0.9.6/kitchen-sink/jade/forms.jade +0 -52
- data/Framework7-0.9.6/kitchen-sink/jade/grid.jade +0 -110
- data/Framework7-0.9.6/kitchen-sink/jade/hide-navbar-toolbar.jade +0 -38
- data/Framework7-0.9.6/kitchen-sink/jade/index.jade +0 -427
- data/Framework7-0.9.6/kitchen-sink/jade/infinite-scroll.jade +0 -20
- data/Framework7-0.9.6/kitchen-sink/jade/list-view.jade +0 -266
- data/Framework7-0.9.6/kitchen-sink/jade/login-screen-embedded.jade +0 -22
- data/Framework7-0.9.6/kitchen-sink/jade/login-screen.jade +0 -20
- data/Framework7-0.9.6/kitchen-sink/jade/media-lists.jade +0 -170
- data/Framework7-0.9.6/kitchen-sink/jade/messages.jade +0 -71
- data/Framework7-0.9.6/kitchen-sink/jade/modals.jade +0 -36
- data/Framework7-0.9.6/kitchen-sink/jade/navbars-toolbars.jade +0 -43
- data/Framework7-0.9.6/kitchen-sink/jade/no-navbar-toolbar.jade +0 -7
- data/Framework7-0.9.6/kitchen-sink/jade/no-navbar.jade +0 -7
- data/Framework7-0.9.6/kitchen-sink/jade/no-toolbar.jade +0 -17
- data/Framework7-0.9.6/kitchen-sink/jade/notifications.jade +0 -23
- data/Framework7-0.9.6/kitchen-sink/jade/panels.jade +0 -21
- data/Framework7-0.9.6/kitchen-sink/jade/photo-browser.jade +0 -36
- data/Framework7-0.9.6/kitchen-sink/jade/popover.jade +0 -21
- data/Framework7-0.9.6/kitchen-sink/jade/preloader.jade +0 -31
- data/Framework7-0.9.6/kitchen-sink/jade/pull-to-refresh.jade +0 -44
- data/Framework7-0.9.6/kitchen-sink/jade/searchbar.jade +0 -146
- data/Framework7-0.9.6/kitchen-sink/jade/slider-custom.jade +0 -23
- data/Framework7-0.9.6/kitchen-sink/jade/slider-horizontal.jade +0 -18
- data/Framework7-0.9.6/kitchen-sink/jade/slider-multiple.jade +0 -48
- data/Framework7-0.9.6/kitchen-sink/jade/slider-nested.jade +0 -26
- data/Framework7-0.9.6/kitchen-sink/jade/slider-space-between.jade +0 -18
- data/Framework7-0.9.6/kitchen-sink/jade/slider-vertical.jade +0 -18
- data/Framework7-0.9.6/kitchen-sink/jade/slider.jade +0 -57
- data/Framework7-0.9.6/kitchen-sink/jade/sortable-list.jade +0 -107
- data/Framework7-0.9.6/kitchen-sink/jade/swipe-delete.jade +0 -195
- data/Framework7-0.9.6/kitchen-sink/jade/tabbar-labels.jade +0 -54
- data/Framework7-0.9.6/kitchen-sink/jade/tabbar.jade +0 -50
- data/Framework7-0.9.6/kitchen-sink/jade/tabs.jade +0 -34
- data/Framework7-0.9.6/kitchen-sink/jade/transitions.jade +0 -27
- data/Framework7-0.9.6/kitchen-sink/js/kitchen-sink.js +0 -442
- data/Framework7-0.9.6/kitchen-sink/less/kitchen-sink.less +0 -245
- data/Framework7-0.9.6/kitchen-sink/list-view.html +0 -318
- data/Framework7-0.9.6/kitchen-sink/login-screen-embedded.html +0 -36
- data/Framework7-0.9.6/kitchen-sink/login-screen.html +0 -21
- data/Framework7-0.9.6/kitchen-sink/media-lists.html +0 -173
- data/Framework7-0.9.6/kitchen-sink/messages.html +0 -84
- data/Framework7-0.9.6/kitchen-sink/modals.html +0 -33
- data/Framework7-0.9.6/kitchen-sink/navbars-toolbars.html +0 -46
- data/Framework7-0.9.6/kitchen-sink/no-navbar-toolbar.html +0 -11
- data/Framework7-0.9.6/kitchen-sink/no-navbar.html +0 -11
- data/Framework7-0.9.6/kitchen-sink/no-toolbar.html +0 -18
- data/Framework7-0.9.6/kitchen-sink/notifications.html +0 -21
- data/Framework7-0.9.6/kitchen-sink/panel-right2.html +0 -16
- data/Framework7-0.9.6/kitchen-sink/panel-right3.html +0 -16
- data/Framework7-0.9.6/kitchen-sink/panels.html +0 -23
- data/Framework7-0.9.6/kitchen-sink/photo-browser.html +0 -36
- data/Framework7-0.9.6/kitchen-sink/popover.html +0 -21
- data/Framework7-0.9.6/kitchen-sink/preloader.html +0 -28
- data/Framework7-0.9.6/kitchen-sink/pull-to-refresh.html +0 -52
- data/Framework7-0.9.6/kitchen-sink/searchbar.html +0 -233
- data/Framework7-0.9.6/kitchen-sink/slider-custom.html +0 -28
- data/Framework7-0.9.6/kitchen-sink/slider-horizontal.html +0 -29
- data/Framework7-0.9.6/kitchen-sink/slider-multiple.html +0 -89
- data/Framework7-0.9.6/kitchen-sink/slider-nested.html +0 -32
- data/Framework7-0.9.6/kitchen-sink/slider-space-between.html +0 -29
- data/Framework7-0.9.6/kitchen-sink/slider-vertical.html +0 -29
- data/Framework7-0.9.6/kitchen-sink/slider.html +0 -54
- data/Framework7-0.9.6/kitchen-sink/sortable-list.html +0 -137
- data/Framework7-0.9.6/kitchen-sink/swipe-delete.html +0 -216
- data/Framework7-0.9.6/kitchen-sink/tabbar-labels.html +0 -51
- data/Framework7-0.9.6/kitchen-sink/tabbar.html +0 -0
@@ -1,23 +0,0 @@
|
|
1
|
-
.navbar
|
2
|
-
.navbar-inner
|
3
|
-
.left.sliding
|
4
|
-
a(href="index.html").back.link
|
5
|
-
i.icon.icon-back
|
6
|
-
span Back
|
7
|
-
.center.sliding Custom Controls
|
8
|
-
.right
|
9
|
-
a(href="#").open-panel.link.icon-only
|
10
|
-
i.icon.icon-bars
|
11
|
-
.pages.navbar-through
|
12
|
-
.page(data-page="slider-custom").no-toolbar
|
13
|
-
.page-content
|
14
|
-
.ks-slider-custom
|
15
|
-
.slider-container.slider-init(data-pagination=".slider-pagination", data-spaceBetween="0", data-nextButton=".slider-next-button", data-prevButton=".slider-prev-button", data-indexButton=".slider-pagination-bullet", data-paginationHide="false")
|
16
|
-
.slider-pagination
|
17
|
-
.slider-wrapper
|
18
|
-
- for (var i = 1; i < 8; i++)
|
19
|
-
.slider-slide(style="background-image:url(http://hhhhold.com/1024x1024/d/jpg?#{i})")
|
20
|
-
a(href="#").slider-prev-button
|
21
|
-
i.icon.icon-prev
|
22
|
-
a(href="#").slider-next-button
|
23
|
-
i.icon.icon-next
|
@@ -1,18 +0,0 @@
|
|
1
|
-
.navbar
|
2
|
-
.navbar-inner
|
3
|
-
.left.sliding
|
4
|
-
a(href="index.html").back.link
|
5
|
-
i.icon.icon-back
|
6
|
-
span Back
|
7
|
-
.center.sliding Slider Horizontal
|
8
|
-
.right
|
9
|
-
a(href="#").open-panel.link.icon-only
|
10
|
-
i.icon.icon-bars
|
11
|
-
.pages.navbar-through
|
12
|
-
.page(data-page="slider-horizontal")
|
13
|
-
.page-content
|
14
|
-
.slider-container.slider-init.ks-demo-slider(data-pagination=".slider-pagination")
|
15
|
-
.slider-pagination
|
16
|
-
.slider-wrapper
|
17
|
-
- for (var i = 1; i < 11; i++)
|
18
|
-
.slider-slide Slide #{i}
|
@@ -1,48 +0,0 @@
|
|
1
|
-
.navbar
|
2
|
-
.navbar-inner
|
3
|
-
.left.sliding
|
4
|
-
a(href="index.html").back.link
|
5
|
-
i.icon.icon-back
|
6
|
-
span Back
|
7
|
-
.center.sliding Multiple Sliders
|
8
|
-
.right
|
9
|
-
a(href="#").open-panel.link.icon-only
|
10
|
-
i.icon.icon-bars
|
11
|
-
.pages.navbar-through
|
12
|
-
.page(data-page="slider-multiple")
|
13
|
-
.page-content
|
14
|
-
|
15
|
-
.content-block-title 1 Slide Per View, 50px Between
|
16
|
-
.slider-container.slider-init.ks-carousel-slider(data-pagination=".slider-pagination-c1", data-spaceBetween="50")
|
17
|
-
.slider-pagination.slider-pagination-c1
|
18
|
-
.slider-wrapper
|
19
|
-
- for (var i = 1; i < 11; i++)
|
20
|
-
.slider-slide Slide #{i}
|
21
|
-
|
22
|
-
.content-block-title 2 Slides Per View, 20px Between
|
23
|
-
.slider-container.slider-init.ks-carousel-slider(data-pagination=".slider-pagination-c2", data-spaceBetween="20", data-slidesPerView="2")
|
24
|
-
.slider-pagination.slider-pagination-c2
|
25
|
-
.slider-wrapper
|
26
|
-
- for (var i = 1; i < 11; i++)
|
27
|
-
.slider-slide Slide #{i}
|
28
|
-
|
29
|
-
.content-block-title 3 Slides Per View, 10px Between
|
30
|
-
.slider-container.slider-init.ks-carousel-slider(data-pagination=".slider-pagination-c3", data-spaceBetween="10", data-slidesPerView="3")
|
31
|
-
.slider-pagination.slider-pagination-c3
|
32
|
-
.slider-wrapper
|
33
|
-
- for (var i = 1; i < 11; i++)
|
34
|
-
.slider-slide Slide #{i}
|
35
|
-
|
36
|
-
.content-block-title Vertical, 10px Between
|
37
|
-
.slider-container.slider-init.ks-carousel-slider(data-pagination=".slider-pagination-c4", data-spaceBetween="10", data-direction="vertical")
|
38
|
-
.slider-pagination.slider-pagination-c4
|
39
|
-
.slider-wrapper
|
40
|
-
- for (var i = 1; i < 6; i++)
|
41
|
-
.slider-slide Slide #{i}
|
42
|
-
|
43
|
-
.content-block-title Slow speed
|
44
|
-
.slider-container.slider-init.ks-carousel-slider(data-speed="900", data-pagination=".slider-pagination-c5", data-spaceBetween="50")
|
45
|
-
.slider-pagination.slider-pagination-c5
|
46
|
-
.slider-wrapper
|
47
|
-
- for (var i = 1; i < 11; i++)
|
48
|
-
.slider-slide Slide #{i}
|
@@ -1,26 +0,0 @@
|
|
1
|
-
.navbar
|
2
|
-
.navbar-inner
|
3
|
-
.left.sliding
|
4
|
-
a(href="index.html").back.link
|
5
|
-
i.icon.icon-back
|
6
|
-
span Back
|
7
|
-
.center.sliding Nested Sliders
|
8
|
-
.right
|
9
|
-
a(href="#").open-panel.link.icon-only
|
10
|
-
i.icon.icon-bars
|
11
|
-
.pages.navbar-through
|
12
|
-
.page(data-page="slider-nested")
|
13
|
-
.page-content
|
14
|
-
.slider-container.slider-init.ks-demo-slider(data-pagination=".slider-pagination-h", data-paginationHide="false")
|
15
|
-
.slider-pagination.slider-pagination-h
|
16
|
-
.slider-wrapper
|
17
|
-
.slider-slide Horizontal Slide 1
|
18
|
-
.slider-slide
|
19
|
-
.slider-container.slider-init.ks-demo-slider(data-pagination=".slider-pagination-v", data-direction="vertical", data-paginationHide="false")
|
20
|
-
.slider-pagination.slider-pagination-v
|
21
|
-
.slider-wrapper
|
22
|
-
.slider-slide Vertical Slide 1
|
23
|
-
.slider-slide Vertical Slide 2
|
24
|
-
.slider-slide Vertical Slide 3
|
25
|
-
.slider-slide Horizontal Slide 3
|
26
|
-
.slider-slide Horizontal Slide 4
|
@@ -1,18 +0,0 @@
|
|
1
|
-
.navbar
|
2
|
-
.navbar-inner
|
3
|
-
.left.sliding
|
4
|
-
a(href="index.html").back.link
|
5
|
-
i.icon.icon-back
|
6
|
-
span Back
|
7
|
-
.center.sliding Space Between Slides
|
8
|
-
.right
|
9
|
-
a(href="#").open-panel.link.icon-only
|
10
|
-
i.icon.icon-bars
|
11
|
-
.pages.navbar-through
|
12
|
-
.page(data-page="slider-horizontal")
|
13
|
-
.page-content
|
14
|
-
.slider-container.slider-init.ks-demo-slider(data-pagination=".slider-pagination", data-spaceBetween="50")
|
15
|
-
.slider-pagination
|
16
|
-
.slider-wrapper
|
17
|
-
- for (var i = 1; i < 11; i++)
|
18
|
-
.slider-slide.ks-slide-white Slide #{i}
|
@@ -1,18 +0,0 @@
|
|
1
|
-
.navbar
|
2
|
-
.navbar-inner
|
3
|
-
.left.sliding
|
4
|
-
a(href="index.html").back.link
|
5
|
-
i.icon.icon-back
|
6
|
-
span Back
|
7
|
-
.center.sliding Slider Vertical
|
8
|
-
.right
|
9
|
-
a(href="#").open-panel.link.icon-only
|
10
|
-
i.icon.icon-bars
|
11
|
-
.pages.navbar-through
|
12
|
-
.page(data-page="slider-vertical")
|
13
|
-
.page-content
|
14
|
-
.slider-container.slider-init.ks-demo-slider(data-direction="vertical", data-pagination=".slider-pagination")
|
15
|
-
.slider-pagination
|
16
|
-
.slider-wrapper
|
17
|
-
- for (var i = 1; i < 11; i++)
|
18
|
-
.slider-slide Slide #{i}
|
@@ -1,57 +0,0 @@
|
|
1
|
-
.navbar
|
2
|
-
.navbar-inner
|
3
|
-
.left.sliding
|
4
|
-
a(href="index.html").back.link
|
5
|
-
i.icon.icon-back
|
6
|
-
span Back
|
7
|
-
.center.sliding Slider
|
8
|
-
.right
|
9
|
-
a(href="#").open-panel.link.icon-only
|
10
|
-
i.icon.icon-bars
|
11
|
-
.pages.navbar-through
|
12
|
-
.page(data-page="slider")
|
13
|
-
.page-content
|
14
|
-
.content-block
|
15
|
-
p Framework7 comes with powerful swipe Slider component similar to <a href="http://idangero.us/sliders/swiper" target="_blank" class="external">Swiper</a> with flexible configuration and lot of features:
|
16
|
-
ul
|
17
|
-
li Resistant bounds
|
18
|
-
li Scroll prevention in opposite direction
|
19
|
-
li Built-in pagination control
|
20
|
-
li Carousel mode - allows you to set numbers of slides you want to display at the same time per view
|
21
|
-
li Nesting - you can nest Slider in Slider
|
22
|
-
li Auto initialization - no need for JavaScript
|
23
|
-
|
24
|
-
.content-block-title Slider Examples
|
25
|
-
.list-block
|
26
|
-
ul
|
27
|
-
li
|
28
|
-
a(href="slider-horizontal.html").item-link.item-content
|
29
|
-
.item-inner
|
30
|
-
.item-title Slider Horizontal
|
31
|
-
li
|
32
|
-
a(href="slider-vertical.html").item-link.item-content
|
33
|
-
.item-inner
|
34
|
-
.item-title Slider Vertical
|
35
|
-
li
|
36
|
-
a(href="slider-space-between.html").item-link.item-content
|
37
|
-
.item-inner
|
38
|
-
.item-title Space Between Slides
|
39
|
-
li
|
40
|
-
a(href="slider-multiple.html").item-link.item-content
|
41
|
-
.item-inner
|
42
|
-
.item-title Multiple Per Page
|
43
|
-
li
|
44
|
-
a(href="slider-custom.html").item-link.item-content
|
45
|
-
.item-inner
|
46
|
-
.item-title Custom Controls
|
47
|
-
li
|
48
|
-
a(href="slider-nested.html").item-link.item-content
|
49
|
-
.item-inner
|
50
|
-
.item-title Nested Sliders
|
51
|
-
|
52
|
-
|
53
|
-
//- .slider-container.slider-init(data-speed="600", data-direction="vertical", data-slidesPerView="3", data-spaceBetween="50", data-paginationhide="true", data-pagination=".slider-pagination")
|
54
|
-
//- .slider-pagination
|
55
|
-
//- .slider-wrapper
|
56
|
-
//- - for (var i = 1; i < 10; i++)
|
57
|
-
//- .slider-slide Slide #{i}
|
@@ -1,107 +0,0 @@
|
|
1
|
-
.navbar
|
2
|
-
.navbar-inner
|
3
|
-
.left.sliding
|
4
|
-
a(href="index.html").back.link
|
5
|
-
i.icon.icon-back
|
6
|
-
span Back
|
7
|
-
.center.sliding Sortable List
|
8
|
-
.right
|
9
|
-
a(href="#").link.toggle-sortable.icon-only Edit
|
10
|
-
.pages.navbar-through
|
11
|
-
.page(data-page="sortable-list")
|
12
|
-
.page-content
|
13
|
-
.content-block
|
14
|
-
p Just click "Edit" button on navigation bar to enable sorting
|
15
|
-
.list-block.sortable
|
16
|
-
ul
|
17
|
-
li
|
18
|
-
.item-content
|
19
|
-
.item-media
|
20
|
-
i.icon.icon-f7
|
21
|
-
.item-inner
|
22
|
-
.item-title 1 Jenna Smith
|
23
|
-
.item-after CEO
|
24
|
-
.sortable-handler
|
25
|
-
li
|
26
|
-
.item-content
|
27
|
-
.item-media
|
28
|
-
i.icon.icon-f7
|
29
|
-
.item-inner
|
30
|
-
.item-title 2 John Doe
|
31
|
-
.item-after Director
|
32
|
-
.sortable-handler
|
33
|
-
li
|
34
|
-
.item-content
|
35
|
-
.item-media
|
36
|
-
i.icon.icon-f7
|
37
|
-
.item-inner
|
38
|
-
.item-title 3 John Doe
|
39
|
-
.item-after Developer
|
40
|
-
.sortable-handler
|
41
|
-
li
|
42
|
-
.item-content
|
43
|
-
.item-media
|
44
|
-
i.icon.icon-f7
|
45
|
-
.item-inner
|
46
|
-
.item-title 4 Aaron Darling
|
47
|
-
.item-after Manager
|
48
|
-
.sortable-handler
|
49
|
-
li
|
50
|
-
.item-content
|
51
|
-
.item-media
|
52
|
-
i.icon.icon-f7
|
53
|
-
.item-inner
|
54
|
-
.item-title 5 Calvin Johnson
|
55
|
-
.item-after Accounter
|
56
|
-
.sortable-handler
|
57
|
-
li
|
58
|
-
.item-content
|
59
|
-
.item-media
|
60
|
-
i.icon.icon-f7
|
61
|
-
.item-inner
|
62
|
-
.item-title 6 John Smith
|
63
|
-
.item-after SEO
|
64
|
-
.sortable-handler
|
65
|
-
li
|
66
|
-
.item-content
|
67
|
-
.item-media
|
68
|
-
i.icon.icon-f7
|
69
|
-
.item-inner
|
70
|
-
.item-title 7 Chloe
|
71
|
-
.item-after Manager
|
72
|
-
.sortable-handler
|
73
|
-
.list-block.media-list.sortable
|
74
|
-
ul
|
75
|
-
li
|
76
|
-
.item-content
|
77
|
-
.item-media
|
78
|
-
img(src="http://hhhhold.com/160/d/jpg?1", width="80")
|
79
|
-
.item-inner
|
80
|
-
.item-title-row
|
81
|
-
.item-title Yellow Submarine
|
82
|
-
.item-after $15
|
83
|
-
.item-subtitle Beatles
|
84
|
-
.item-text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis tellus ut turpis condimentum, ut dignissim lacus tincidunt. Cras dolor metus, ultrices condimentum sodales sit amet, pharetra sodales eros. Phasellus vel felis tellus. Mauris rutrum ligula nec dapibus feugiat. In vel dui laoreet, commodo augue id, pulvinar lacus.
|
85
|
-
.sortable-handler
|
86
|
-
li
|
87
|
-
.item-content
|
88
|
-
.item-media
|
89
|
-
img(src="http://hhhhold.com/160/d/jpg?2", width="80")
|
90
|
-
.item-inner
|
91
|
-
.item-title-row
|
92
|
-
.item-title Don't Stop Me Now
|
93
|
-
.item-after $22
|
94
|
-
.item-subtitle Queen
|
95
|
-
.item-text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis tellus ut turpis condimentum, ut dignissim lacus tincidunt. Cras dolor metus, ultrices condimentum sodales sit amet, pharetra sodales eros. Phasellus vel felis tellus. Mauris rutrum ligula nec dapibus feugiat. In vel dui laoreet, commodo augue id, pulvinar lacus.
|
96
|
-
.sortable-handler
|
97
|
-
li
|
98
|
-
.item-content
|
99
|
-
.item-media
|
100
|
-
img(src="http://hhhhold.com/160/d/jpg?3", width="80")
|
101
|
-
.item-inner
|
102
|
-
.item-title-row
|
103
|
-
.item-title Billie Jean
|
104
|
-
.item-after $16
|
105
|
-
.item-subtitle Michael Jackson
|
106
|
-
.item-text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis tellus ut turpis condimentum, ut dignissim lacus tincidunt. Cras dolor metus, ultrices condimentum sodales sit amet, pharetra sodales eros. Phasellus vel felis tellus. Mauris rutrum ligula nec dapibus feugiat. In vel dui laoreet, commodo augue id, pulvinar lacus.
|
107
|
-
.sortable-handler
|
@@ -1,195 +0,0 @@
|
|
1
|
-
.navbar
|
2
|
-
.navbar-inner
|
3
|
-
.left.sliding
|
4
|
-
a(href="index.html").back.link
|
5
|
-
i.icon.icon-back
|
6
|
-
span Back
|
7
|
-
.center.sliding Swipe To Delete
|
8
|
-
.right
|
9
|
-
a(href="#").open-panel.link.icon-only
|
10
|
-
i.icon.icon-bars
|
11
|
-
.pages.navbar-through
|
12
|
-
.page(data-page="swipe-delete")
|
13
|
-
.page-content
|
14
|
-
.content-block
|
15
|
-
p Swipe out actions on list elements is one of the most awesome F7 features. It allows you to call hidden menu for each list element where you can put default ready-to use delete button or any other buttons for some required actions.
|
16
|
-
.content-block-title Swipe to delete with confirm modal
|
17
|
-
.list-block
|
18
|
-
ul
|
19
|
-
li.swipeout
|
20
|
-
.item-content.swipeout-content
|
21
|
-
.item-media
|
22
|
-
i.icon.icon-f7
|
23
|
-
.item-inner
|
24
|
-
.item-title Swipe left on me please
|
25
|
-
.swipeout-actions-right
|
26
|
-
a(href="#", data-confirm="Are you sure you want to delete this item?").swipeout-delete Delete
|
27
|
-
li.swipeout
|
28
|
-
.item-content.swipeout-content
|
29
|
-
.item-media
|
30
|
-
i.icon.icon-f7
|
31
|
-
.item-inner
|
32
|
-
.item-title Swipe left on me too
|
33
|
-
.swipeout-actions-right
|
34
|
-
a(href="#", data-confirm="Are you sure you want to delete this item?").swipeout-delete Delete
|
35
|
-
li
|
36
|
-
.item-content
|
37
|
-
.item-media
|
38
|
-
i.icon.icon-f7
|
39
|
-
.item-inner
|
40
|
-
.item-title I am not removable
|
41
|
-
.content-block-title Swipe to delete without confirm
|
42
|
-
.list-block
|
43
|
-
ul
|
44
|
-
li.swipeout
|
45
|
-
.item-content.swipeout-content
|
46
|
-
.item-inner
|
47
|
-
.item-title Swipe left on me please
|
48
|
-
.swipeout-actions-right
|
49
|
-
a(href="#").swipeout-delete Delete
|
50
|
-
li.swipeout
|
51
|
-
.item-content.swipeout-content
|
52
|
-
.item-inner
|
53
|
-
.item-title Swipe left on me too
|
54
|
-
.swipeout-actions-right
|
55
|
-
a(href="#").swipeout-delete Delete
|
56
|
-
li
|
57
|
-
.item-content
|
58
|
-
.item-inner
|
59
|
-
.item-title I am not removable
|
60
|
-
.content-block-title Swipe for actions
|
61
|
-
.list-block
|
62
|
-
ul
|
63
|
-
li.swipeout
|
64
|
-
.item-content.swipeout-content
|
65
|
-
.item-media
|
66
|
-
i.icon.icon-f7
|
67
|
-
.item-inner
|
68
|
-
.item-title Swipe left on me please
|
69
|
-
.swipeout-actions-right
|
70
|
-
a(href="#").demo-actions More
|
71
|
-
a(href="#").swipeout-delete Delete
|
72
|
-
li.swipeout
|
73
|
-
.item-content.swipeout-content
|
74
|
-
.item-media
|
75
|
-
i.icon.icon-f7
|
76
|
-
.item-inner
|
77
|
-
.item-title Swipe left on me too
|
78
|
-
.swipeout-actions-right
|
79
|
-
a(href="#").demo-actions More
|
80
|
-
a(href="#").swipeout-delete Delete
|
81
|
-
li.swipeout
|
82
|
-
.item-content.swipeout-content
|
83
|
-
.item-media
|
84
|
-
i.icon.icon-f7
|
85
|
-
.item-inner
|
86
|
-
.item-title You can't delete me
|
87
|
-
.swipeout-actions-right
|
88
|
-
a(href="#").demo-actions More
|
89
|
-
.content-block-title With callback on remove
|
90
|
-
.list-block
|
91
|
-
ul
|
92
|
-
li.swipeout.demo-remove-callback
|
93
|
-
.item-content.swipeout-content
|
94
|
-
.item-inner
|
95
|
-
.item-title Swipe left on me please
|
96
|
-
.swipeout-actions-right
|
97
|
-
a(href="#").swipeout-delete Delete
|
98
|
-
li.swipeout.demo-remove-callback
|
99
|
-
.item-content.swipeout-content
|
100
|
-
.item-inner
|
101
|
-
.item-title Swipe left on me too
|
102
|
-
.swipeout-actions-right
|
103
|
-
a(href="#").swipeout-delete Delete
|
104
|
-
li
|
105
|
-
.item-content
|
106
|
-
.item-inner
|
107
|
-
.item-title I am not removable
|
108
|
-
.content-block-title With actions on left side (swipe to right)
|
109
|
-
.list-block
|
110
|
-
ul
|
111
|
-
li.swipeout
|
112
|
-
.item-content.swipeout-content
|
113
|
-
.item-media
|
114
|
-
i.icon.icon-f7
|
115
|
-
.item-inner
|
116
|
-
.item-title Swipe right on me please
|
117
|
-
.swipeout-actions-left
|
118
|
-
a(href="#").bg-green.demo-reply Reply
|
119
|
-
a(href="#").bg-blue.demo-forward Forward
|
120
|
-
li.swipeout
|
121
|
-
.item-content.swipeout-content
|
122
|
-
.item-media
|
123
|
-
i.icon.icon-f7
|
124
|
-
.item-inner
|
125
|
-
.item-title Swipe right on me too
|
126
|
-
.swipeout-actions-left
|
127
|
-
a(href="#").bg-green.demo-reply Reply
|
128
|
-
a(href="#").bg-blue.demo-forward Forward
|
129
|
-
.content-block-title On both sides with overswipes
|
130
|
-
.list-block.media-list
|
131
|
-
ul
|
132
|
-
li.swipeout
|
133
|
-
.swipeout-content
|
134
|
-
a(href="#").item-link.item-content
|
135
|
-
.item-inner
|
136
|
-
.item-title-row
|
137
|
-
.item-title Facebook
|
138
|
-
.item-after 17:14
|
139
|
-
.item-subtitle New messages from John Doe
|
140
|
-
.item-text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis tellus ut turpis condimentum, ut dignissim lacus tincidunt. Cras dolor metus, ultrices condimentum sodales sit amet, pharetra sodales eros. Phasellus vel felis tellus. Mauris rutrum ligula nec dapibus feugiat. In vel dui laoreet, commodo augue id, pulvinar lacus.
|
141
|
-
.swipeout-actions-left
|
142
|
-
a(href="#").bg-green.swipeout-overswipe.demo-reply Reply
|
143
|
-
a(href="#").demo-forward.bg-blue Forward
|
144
|
-
.swipeout-actions-right
|
145
|
-
a(href="#").demo-actions More
|
146
|
-
a(href="#").demo-mark.bg-orange Mark
|
147
|
-
a(href="#", data-confirm="Are you sure you want to delete this item?").swipeout-delete.swipeout-overswipe Delete
|
148
|
-
li.swipeout
|
149
|
-
.swipeout-content
|
150
|
-
a(href="#").item-link.item-content
|
151
|
-
.item-inner
|
152
|
-
.item-title-row
|
153
|
-
.item-title John Doe (via Twitter)
|
154
|
-
.item-after 17:11
|
155
|
-
.item-subtitle John Doe (@_johndoe) mentioned you on Twitter!
|
156
|
-
.item-text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis tellus ut turpis condimentum, ut dignissim lacus tincidunt. Cras dolor metus, ultrices condimentum sodales sit amet, pharetra sodales eros. Phasellus vel felis tellus. Mauris rutrum ligula nec dapibus feugiat. In vel dui laoreet, commodo augue id, pulvinar lacus.
|
157
|
-
.swipeout-actions-left
|
158
|
-
a(href="#").bg-green.swipeout-overswipe.demo-reply Reply
|
159
|
-
a(href="#").demo-forward.bg-blue Forward
|
160
|
-
.swipeout-actions-right
|
161
|
-
a(href="#").demo-actions More
|
162
|
-
a(href="#").demo-mark.bg-orange Mark
|
163
|
-
a(href="#", data-confirm="Are you sure you want to delete this item?").swipeout-delete.swipeout-overswipe Delete
|
164
|
-
li.swipeout
|
165
|
-
.swipeout-content
|
166
|
-
a(href="#").item-link.item-content
|
167
|
-
.item-inner
|
168
|
-
.item-title-row
|
169
|
-
.item-title Facebook
|
170
|
-
.item-after 16:48
|
171
|
-
.item-subtitle New messages from John Doe
|
172
|
-
.item-text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis tellus ut turpis condimentum, ut dignissim lacus tincidunt. Cras dolor metus, ultrices condimentum sodales sit amet, pharetra sodales eros. Phasellus vel felis tellus. Mauris rutrum ligula nec dapibus feugiat. In vel dui laoreet, commodo augue id, pulvinar lacus.
|
173
|
-
.swipeout-actions-left
|
174
|
-
a(href="#").bg-green.swipeout-overswipe.demo-reply Reply
|
175
|
-
a(href="#").demo-forward.bg-blue Forward
|
176
|
-
.swipeout-actions-right
|
177
|
-
a(href="#").demo-actions More
|
178
|
-
a(href="#").demo-mark.bg-orange Mark
|
179
|
-
a(href="#", data-confirm="Are you sure you want to delete this item?").swipeout-delete.swipeout-overswipe Delete
|
180
|
-
li.swipeout
|
181
|
-
.swipeout-content
|
182
|
-
a(href="#").item-link.item-content
|
183
|
-
.item-inner
|
184
|
-
.item-title-row
|
185
|
-
.item-title John Doe (via Twitter)
|
186
|
-
.item-after 15:32
|
187
|
-
.item-subtitle John Doe (@_johndoe) mentioned you on Twitter!
|
188
|
-
.item-text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis tellus ut turpis condimentum, ut dignissim lacus tincidunt. Cras dolor metus, ultrices condimentum sodales sit amet, pharetra sodales eros. Phasellus vel felis tellus. Mauris rutrum ligula nec dapibus feugiat. In vel dui laoreet, commodo augue id, pulvinar lacus.
|
189
|
-
.swipeout-actions-left
|
190
|
-
a(href="#").bg-green.swipeout-overswipe.demo-reply Reply
|
191
|
-
a(href="#").demo-forward.bg-blue Forward
|
192
|
-
.swipeout-actions-right
|
193
|
-
a(href="#").demo-actions More
|
194
|
-
a(href="#").demo-mark.bg-orange Mark
|
195
|
-
a(href="#", data-confirm="Are you sure you want to delete this item?").swipeout-delete.swipeout-overswipe Delete
|