framework7rails 3.0.0 → 4.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (212) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/lib/framework7rails/version.rb +2 -2
  4. data/update_from_vendor.rb +1 -1
  5. data/vendor/assets/javascripts/framework7.js +5806 -2303
  6. data/vendor/assets/javascripts/framework7.js.map +1 -1
  7. data/vendor/assets/stylesheets/framework7.css +2164 -464
  8. data/vendor/assets/stylesheets/framework7.themes.css +189 -25
  9. metadata +2 -205
  10. data/Framework7-0.9.6/.gitignore +0 -5
  11. data/Framework7-0.9.6/.jshintrc +0 -33
  12. data/Framework7-0.9.6/.travis.yml +0 -5
  13. data/Framework7-0.9.6/CHANGELOG.md +0 -342
  14. data/Framework7-0.9.6/Gruntfile.js +0 -560
  15. data/Framework7-0.9.6/LICENSE +0 -20
  16. data/Framework7-0.9.6/README.md +0 -113
  17. data/Framework7-0.9.6/apps/todo7/css/todo7.css +0 -208
  18. data/Framework7-0.9.6/apps/todo7/img/Icon-152.png +0 -0
  19. data/Framework7-0.9.6/apps/todo7/img/bg.jpg +0 -0
  20. data/Framework7-0.9.6/apps/todo7/img/icon-114.png +0 -0
  21. data/Framework7-0.9.6/apps/todo7/img/icon-120.png +0 -0
  22. data/Framework7-0.9.6/apps/todo7/img/icon-144.png +0 -0
  23. data/Framework7-0.9.6/apps/todo7/img/icon-57.png +0 -0
  24. data/Framework7-0.9.6/apps/todo7/img/icon-72.png +0 -0
  25. data/Framework7-0.9.6/apps/todo7/img/icon-76.png +0 -0
  26. data/Framework7-0.9.6/apps/todo7/index.html +0 -112
  27. data/Framework7-0.9.6/apps/todo7/jade/index.jade +0 -99
  28. data/Framework7-0.9.6/apps/todo7/js/todo7.js +0 -102
  29. data/Framework7-0.9.6/apps/todo7/less/todo7.less +0 -221
  30. data/Framework7-0.9.6/apps/todo7/manifest.php +0 -27
  31. data/Framework7-0.9.6/apps/weather7/css/weather7.css +0 -291
  32. data/Framework7-0.9.6/apps/weather7/img/bg.jpg +0 -0
  33. data/Framework7-0.9.6/apps/weather7/img/icon-114.png +0 -0
  34. data/Framework7-0.9.6/apps/weather7/img/icon-120.png +0 -0
  35. data/Framework7-0.9.6/apps/weather7/img/icon-144.png +0 -0
  36. data/Framework7-0.9.6/apps/weather7/img/icon-152.png +0 -0
  37. data/Framework7-0.9.6/apps/weather7/img/icon-57.png +0 -0
  38. data/Framework7-0.9.6/apps/weather7/img/icon-72.png +0 -0
  39. data/Framework7-0.9.6/apps/weather7/img/icon-76.png +0 -0
  40. data/Framework7-0.9.6/apps/weather7/img/logo.png +0 -0
  41. data/Framework7-0.9.6/apps/weather7/img/yahoo-logo.png +0 -0
  42. data/Framework7-0.9.6/apps/weather7/index.html +0 -127
  43. data/Framework7-0.9.6/apps/weather7/jade/index.jade +0 -113
  44. data/Framework7-0.9.6/apps/weather7/js/weather7.js +0 -213
  45. data/Framework7-0.9.6/apps/weather7/less/weather7.less +0 -294
  46. data/Framework7-0.9.6/apps/weather7/manifest.php +0 -29
  47. data/Framework7-0.9.6/bower.json +0 -30
  48. data/Framework7-0.9.6/dist/about.html +0 -28
  49. data/Framework7-0.9.6/dist/css/framework7.css +0 -4922
  50. data/Framework7-0.9.6/dist/css/framework7.min.css +0 -15
  51. data/Framework7-0.9.6/dist/css/framework7.rtl.css +0 -427
  52. data/Framework7-0.9.6/dist/css/framework7.rtl.min.css +0 -1
  53. data/Framework7-0.9.6/dist/css/framework7.themes.css +0 -279
  54. data/Framework7-0.9.6/dist/css/framework7.themes.min.css +0 -1
  55. data/Framework7-0.9.6/dist/css/my-app.css +0 -0
  56. data/Framework7-0.9.6/dist/form.html +0 -229
  57. data/Framework7-0.9.6/dist/img/i-f7.png +0 -0
  58. data/Framework7-0.9.6/dist/img/i-form-calendar.png +0 -0
  59. data/Framework7-0.9.6/dist/img/i-form-comment.png +0 -0
  60. data/Framework7-0.9.6/dist/img/i-form-email.png +0 -0
  61. data/Framework7-0.9.6/dist/img/i-form-gender.png +0 -0
  62. data/Framework7-0.9.6/dist/img/i-form-name.png +0 -0
  63. data/Framework7-0.9.6/dist/img/i-form-password.png +0 -0
  64. data/Framework7-0.9.6/dist/img/i-form-settings.png +0 -0
  65. data/Framework7-0.9.6/dist/img/i-form-tel.png +0 -0
  66. data/Framework7-0.9.6/dist/img/i-form-toggle.png +0 -0
  67. data/Framework7-0.9.6/dist/img/i-form-url.png +0 -0
  68. data/Framework7-0.9.6/dist/index.html +0 -102
  69. data/Framework7-0.9.6/dist/js/framework7.js +0 -7479
  70. data/Framework7-0.9.6/dist/js/framework7.min.js +0 -18
  71. data/Framework7-0.9.6/dist/js/my-app.js +0 -48
  72. data/Framework7-0.9.6/dist/services.html +0 -28
  73. data/Framework7-0.9.6/examples/split-view-panel/about.html +0 -20
  74. data/Framework7-0.9.6/examples/split-view-panel/css/my-app.css +0 -56
  75. data/Framework7-0.9.6/examples/split-view-panel/index.html +0 -135
  76. data/Framework7-0.9.6/examples/split-view-panel/jade/about.jade +0 -18
  77. data/Framework7-0.9.6/examples/split-view-panel/jade/index.jade +0 -107
  78. data/Framework7-0.9.6/examples/split-view-panel/jade/left-page-1.jade +0 -15
  79. data/Framework7-0.9.6/examples/split-view-panel/jade/left-page-2.jade +0 -15
  80. data/Framework7-0.9.6/examples/split-view-panel/jade/services.jade +0 -18
  81. data/Framework7-0.9.6/examples/split-view-panel/js/my-app.js +0 -15
  82. data/Framework7-0.9.6/examples/split-view-panel/left-page-1.html +0 -19
  83. data/Framework7-0.9.6/examples/split-view-panel/left-page-2.html +0 -19
  84. data/Framework7-0.9.6/examples/split-view-panel/less/my-app.less +0 -62
  85. data/Framework7-0.9.6/examples/split-view-panel/services.html +0 -20
  86. data/Framework7-0.9.6/examples/split-view/about.html +0 -19
  87. data/Framework7-0.9.6/examples/split-view/css/my-app.css +0 -23
  88. data/Framework7-0.9.6/examples/split-view/index.html +0 -135
  89. data/Framework7-0.9.6/examples/split-view/jade/about.jade +0 -15
  90. data/Framework7-0.9.6/examples/split-view/jade/index.jade +0 -107
  91. data/Framework7-0.9.6/examples/split-view/jade/left-page-1.jade +0 -15
  92. data/Framework7-0.9.6/examples/split-view/jade/left-page-2.jade +0 -15
  93. data/Framework7-0.9.6/examples/split-view/jade/services.jade +0 -15
  94. data/Framework7-0.9.6/examples/split-view/js/my-app.js +0 -15
  95. data/Framework7-0.9.6/examples/split-view/left-page-1.html +0 -19
  96. data/Framework7-0.9.6/examples/split-view/left-page-2.html +0 -19
  97. data/Framework7-0.9.6/examples/split-view/less/my-app.less +0 -23
  98. data/Framework7-0.9.6/examples/split-view/services.html +0 -19
  99. data/Framework7-0.9.6/examples/tab-bar/about.html +0 -19
  100. data/Framework7-0.9.6/examples/tab-bar/css/my-app.css +0 -34
  101. data/Framework7-0.9.6/examples/tab-bar/index.html +0 -238
  102. data/Framework7-0.9.6/examples/tab-bar/jade/about.jade +0 -15
  103. data/Framework7-0.9.6/examples/tab-bar/jade/index.jade +0 -189
  104. data/Framework7-0.9.6/examples/tab-bar/jade/services.jade +0 -15
  105. data/Framework7-0.9.6/examples/tab-bar/js/my-app.js +0 -15
  106. data/Framework7-0.9.6/examples/tab-bar/less/my-app.less +0 -35
  107. data/Framework7-0.9.6/examples/tab-bar/services.html +0 -19
  108. data/Framework7-0.9.6/kitchen-sink/about.html +0 -22
  109. data/Framework7-0.9.6/kitchen-sink/accordion.html +0 -171
  110. data/Framework7-0.9.6/kitchen-sink/color-themes.html +0 -42
  111. data/Framework7-0.9.6/kitchen-sink/contacts.html +0 -190
  112. data/Framework7-0.9.6/kitchen-sink/core-features.html +0 -70
  113. data/Framework7-0.9.6/kitchen-sink/css/kitchen-sink.css +0 -233
  114. data/Framework7-0.9.6/kitchen-sink/deep-2.html +0 -22
  115. data/Framework7-0.9.6/kitchen-sink/deep-navbar-2.html +0 -19
  116. data/Framework7-0.9.6/kitchen-sink/deep-navbar-3.html +0 -19
  117. data/Framework7-0.9.6/kitchen-sink/deep-navbar.html +0 -18
  118. data/Framework7-0.9.6/kitchen-sink/forms-buttons.html +0 -64
  119. data/Framework7-0.9.6/kitchen-sink/forms-checkboxes.html +0 -200
  120. data/Framework7-0.9.6/kitchen-sink/forms-elements.html +0 -359
  121. data/Framework7-0.9.6/kitchen-sink/forms-selects.html +0 -72
  122. data/Framework7-0.9.6/kitchen-sink/forms-storage.html +0 -181
  123. data/Framework7-0.9.6/kitchen-sink/forms.html +0 -56
  124. data/Framework7-0.9.6/kitchen-sink/grid.html +0 -140
  125. data/Framework7-0.9.6/kitchen-sink/hide-navbar-toolbar.html +0 -42
  126. data/Framework7-0.9.6/kitchen-sink/img/beach.jpg +0 -0
  127. data/Framework7-0.9.6/kitchen-sink/img/lock.jpg +0 -0
  128. data/Framework7-0.9.6/kitchen-sink/img/monkey.jpg +0 -0
  129. data/Framework7-0.9.6/kitchen-sink/img/mountains.jpg +0 -0
  130. data/Framework7-0.9.6/kitchen-sink/index.html +0 -466
  131. data/Framework7-0.9.6/kitchen-sink/infinite-scroll-load.php +0 -19
  132. data/Framework7-0.9.6/kitchen-sink/infinite-scroll.html +0 -119
  133. data/Framework7-0.9.6/kitchen-sink/jade/about.jade +0 -19
  134. data/Framework7-0.9.6/kitchen-sink/jade/accordion.jade +0 -133
  135. data/Framework7-0.9.6/kitchen-sink/jade/color-themes.jade +0 -37
  136. data/Framework7-0.9.6/kitchen-sink/jade/contacts.jade +0 -115
  137. data/Framework7-0.9.6/kitchen-sink/jade/core-features.jade +0 -74
  138. data/Framework7-0.9.6/kitchen-sink/jade/deep-navbar-2.jade +0 -15
  139. data/Framework7-0.9.6/kitchen-sink/jade/deep-navbar-3.jade +0 -15
  140. data/Framework7-0.9.6/kitchen-sink/jade/deep-navbar.jade +0 -15
  141. data/Framework7-0.9.6/kitchen-sink/jade/forms-buttons.jade +0 -71
  142. data/Framework7-0.9.6/kitchen-sink/jade/forms-checkboxes.jade +0 -152
  143. data/Framework7-0.9.6/kitchen-sink/jade/forms-elements.jade +0 -239
  144. data/Framework7-0.9.6/kitchen-sink/jade/forms-selects.jade +0 -60
  145. data/Framework7-0.9.6/kitchen-sink/jade/forms-storage.jade +0 -134
  146. data/Framework7-0.9.6/kitchen-sink/jade/forms.jade +0 -52
  147. data/Framework7-0.9.6/kitchen-sink/jade/grid.jade +0 -110
  148. data/Framework7-0.9.6/kitchen-sink/jade/hide-navbar-toolbar.jade +0 -38
  149. data/Framework7-0.9.6/kitchen-sink/jade/index.jade +0 -427
  150. data/Framework7-0.9.6/kitchen-sink/jade/infinite-scroll.jade +0 -20
  151. data/Framework7-0.9.6/kitchen-sink/jade/list-view.jade +0 -266
  152. data/Framework7-0.9.6/kitchen-sink/jade/login-screen-embedded.jade +0 -22
  153. data/Framework7-0.9.6/kitchen-sink/jade/login-screen.jade +0 -20
  154. data/Framework7-0.9.6/kitchen-sink/jade/media-lists.jade +0 -170
  155. data/Framework7-0.9.6/kitchen-sink/jade/messages.jade +0 -71
  156. data/Framework7-0.9.6/kitchen-sink/jade/modals.jade +0 -36
  157. data/Framework7-0.9.6/kitchen-sink/jade/navbars-toolbars.jade +0 -43
  158. data/Framework7-0.9.6/kitchen-sink/jade/no-navbar-toolbar.jade +0 -7
  159. data/Framework7-0.9.6/kitchen-sink/jade/no-navbar.jade +0 -7
  160. data/Framework7-0.9.6/kitchen-sink/jade/no-toolbar.jade +0 -17
  161. data/Framework7-0.9.6/kitchen-sink/jade/notifications.jade +0 -23
  162. data/Framework7-0.9.6/kitchen-sink/jade/panels.jade +0 -21
  163. data/Framework7-0.9.6/kitchen-sink/jade/photo-browser.jade +0 -36
  164. data/Framework7-0.9.6/kitchen-sink/jade/popover.jade +0 -21
  165. data/Framework7-0.9.6/kitchen-sink/jade/preloader.jade +0 -31
  166. data/Framework7-0.9.6/kitchen-sink/jade/pull-to-refresh.jade +0 -44
  167. data/Framework7-0.9.6/kitchen-sink/jade/searchbar.jade +0 -146
  168. data/Framework7-0.9.6/kitchen-sink/jade/slider-custom.jade +0 -23
  169. data/Framework7-0.9.6/kitchen-sink/jade/slider-horizontal.jade +0 -18
  170. data/Framework7-0.9.6/kitchen-sink/jade/slider-multiple.jade +0 -48
  171. data/Framework7-0.9.6/kitchen-sink/jade/slider-nested.jade +0 -26
  172. data/Framework7-0.9.6/kitchen-sink/jade/slider-space-between.jade +0 -18
  173. data/Framework7-0.9.6/kitchen-sink/jade/slider-vertical.jade +0 -18
  174. data/Framework7-0.9.6/kitchen-sink/jade/slider.jade +0 -57
  175. data/Framework7-0.9.6/kitchen-sink/jade/sortable-list.jade +0 -107
  176. data/Framework7-0.9.6/kitchen-sink/jade/swipe-delete.jade +0 -195
  177. data/Framework7-0.9.6/kitchen-sink/jade/tabbar-labels.jade +0 -54
  178. data/Framework7-0.9.6/kitchen-sink/jade/tabbar.jade +0 -50
  179. data/Framework7-0.9.6/kitchen-sink/jade/tabs.jade +0 -34
  180. data/Framework7-0.9.6/kitchen-sink/jade/transitions.jade +0 -27
  181. data/Framework7-0.9.6/kitchen-sink/js/kitchen-sink.js +0 -442
  182. data/Framework7-0.9.6/kitchen-sink/less/kitchen-sink.less +0 -245
  183. data/Framework7-0.9.6/kitchen-sink/list-view.html +0 -318
  184. data/Framework7-0.9.6/kitchen-sink/login-screen-embedded.html +0 -36
  185. data/Framework7-0.9.6/kitchen-sink/login-screen.html +0 -21
  186. data/Framework7-0.9.6/kitchen-sink/media-lists.html +0 -173
  187. data/Framework7-0.9.6/kitchen-sink/messages.html +0 -84
  188. data/Framework7-0.9.6/kitchen-sink/modals.html +0 -33
  189. data/Framework7-0.9.6/kitchen-sink/navbars-toolbars.html +0 -46
  190. data/Framework7-0.9.6/kitchen-sink/no-navbar-toolbar.html +0 -11
  191. data/Framework7-0.9.6/kitchen-sink/no-navbar.html +0 -11
  192. data/Framework7-0.9.6/kitchen-sink/no-toolbar.html +0 -18
  193. data/Framework7-0.9.6/kitchen-sink/notifications.html +0 -21
  194. data/Framework7-0.9.6/kitchen-sink/panel-right2.html +0 -16
  195. data/Framework7-0.9.6/kitchen-sink/panel-right3.html +0 -16
  196. data/Framework7-0.9.6/kitchen-sink/panels.html +0 -23
  197. data/Framework7-0.9.6/kitchen-sink/photo-browser.html +0 -36
  198. data/Framework7-0.9.6/kitchen-sink/popover.html +0 -21
  199. data/Framework7-0.9.6/kitchen-sink/preloader.html +0 -28
  200. data/Framework7-0.9.6/kitchen-sink/pull-to-refresh.html +0 -52
  201. data/Framework7-0.9.6/kitchen-sink/searchbar.html +0 -233
  202. data/Framework7-0.9.6/kitchen-sink/slider-custom.html +0 -28
  203. data/Framework7-0.9.6/kitchen-sink/slider-horizontal.html +0 -29
  204. data/Framework7-0.9.6/kitchen-sink/slider-multiple.html +0 -89
  205. data/Framework7-0.9.6/kitchen-sink/slider-nested.html +0 -32
  206. data/Framework7-0.9.6/kitchen-sink/slider-space-between.html +0 -29
  207. data/Framework7-0.9.6/kitchen-sink/slider-vertical.html +0 -29
  208. data/Framework7-0.9.6/kitchen-sink/slider.html +0 -54
  209. data/Framework7-0.9.6/kitchen-sink/sortable-list.html +0 -137
  210. data/Framework7-0.9.6/kitchen-sink/swipe-delete.html +0 -216
  211. data/Framework7-0.9.6/kitchen-sink/tabbar-labels.html +0 -51
  212. 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