framework7rails 3.0.0 → 4.0.0

data/Framework7-0.9.6/kitchen-sink/jade/infinite-scroll.jade

@@ -1,20 +0,0 @@
-.navbar
-  .navbar-inner
-    .left.sliding
-      a(href="index.html").back.link
-        i.icon.icon-back 
-        span Back
-    .center.sliding Infinite Scroll
-    .right
-      a(href="#").open-panel.link.icon-only
-        i.icon.icon-bars
-.pages.navbar-through
-  .page(data-page="infinite-scroll")
-    .page-content.infinite-scroll(data-distance="50")
-      .content-block-title Scroll bottom
-      .list-block
-        ul
-          - for (i = 1; i <= 20; i++)
-            li.item-content
-              .item-inner
-                .item-title Item #{i}

data/Framework7-0.9.6/kitchen-sink/jade/list-view.jade

@@ -1,266 +0,0 @@
-.navbar
-  .navbar-inner
-    .left.sliding
-      a(href="index.html").back.link
-        i.icon.icon-back 
-        span Back
-    .center.sliding List View
-    .right
-      a(href="#").open-panel.link.icon-only
-        i.icon.icon-bars
-.pages.navbar-through
-  .page(data-page="list-view")
-    .page-content
-      .content-block 
-        p Framework7 allows you to be flexible with list views (table views). You can make them as navigation menus, you can use there icons, inputs, and any elements inside of the list, and even make them nested:
-      .content-block-title Data list, with icons
-      .list-block
-        ul
-          li
-            .item-content
-              .item-media
-                i.icon.icon-f7
-              .item-inner 
-                .item-title Ivan Petrov
-                .item-after CEO
-          li
-            .item-content
-              .item-media
-                i.icon.icon-f7
-              .item-inner 
-                .item-title John Doe
-                .item-after 
-                  span.badge 5
-          li
-            .item-content
-              .item-media
-                i.icon.icon-f7
-              .item-inner 
-                .item-title Jenna Smith
-      .content-block-title Links
-      .list-block
-        ul
-          li
-            a(href="#").item-link.item-content
-              .item-media
-                i.icon.icon-f7
-              .item-inner 
-                .item-title Ivan Petrov
-                .item-after CEO
-          li
-            a(href="#").item-link.item-content
-              .item-media
-                i.icon.icon-f7
-              .item-inner 
-                .item-title John Doe
-                .item-after Cleaner
-          li
-            a(href="#").item-link.item-content
-              .item-media
-                i.icon.icon-f7
-              .item-inner 
-                .item-title Jenna Smith
-      .content-block-title Links, no icons
-      .list-block
-        ul
-          li
-            a(href="#").item-link.item-content
-              .item-inner 
-                .item-title Ivan Petrov
-          li
-            a(href="#").item-link.item-content
-              .item-inner 
-                .item-title John Doe
-          li
-            .item-divider Divider Here
-          li
-            a(href="#").item-link.item-content
-              .item-inner 
-                .item-title Ivan Petrov
-          li
-            a(href="#").item-link.item-content
-              .item-inner 
-                .item-title Jenna Smith
-      .content-block-title Grouped with sticky titles
-      .list-block
-        .list-group
-          ul
-            li.list-group-title A
-            li
-              .item-content
-                .item-inner
-                  .item-title Aaron 
-            li
-              .item-content
-                .item-inner
-                  .item-title Abbie
-            li
-              .item-content
-                .item-inner
-                  .item-title Adam
-        .list-group
-          ul
-            li.list-group-title B
-            li
-              .item-content
-                .item-inner
-                  .item-title Bailey
-            li
-              .item-content
-                .item-inner
-                  .item-title Barclay
-            li
-              .item-content
-                .item-inner
-                  .item-title Bartolo
-        .list-group
-          ul
-            li.list-group-title C
-            li
-              .item-content
-                .item-inner
-                  .item-title Caiden
-            li
-              .item-content
-                .item-inner
-                  .item-title Calvin
-            li
-              .item-content
-                .item-inner
-                  .item-title Candy
-      .content-block-title Mixed and nested
-      .list-block
-        ul
-          li
-            a(href="#").item-link.item-content
-              .item-media
-                i.icon.icon-f7
-              .item-inner 
-                .item-title Ivan Petrov
-                .item-after CEO
-          li
-            a(href="#").item-link.item-content
-              .item-media
-                i.icon.icon-f7
-                i.icon.icon-f7
-              .item-inner 
-                .item-title Two icons here
-          li
-            .item-content
-              .item-inner 
-                .item-title No icons here
-            ul
-              li
-                a(href="#").item-link.item-content
-                  .item-media
-                    i.icon.icon-f7
-                  .item-inner 
-                    .item-title Ivan Petrov
-                    .item-after CEO
-              li
-                a(href="#").item-link.item-content
-                  .item-media
-                    i.icon.icon-f7
-                    i.icon.icon-f7
-                  .item-inner 
-                    .item-title Two icons here
-              li
-                .item-content
-                  .item-inner 
-                    .item-title No icons here
-              li
-                a(href="#").item-link.item-content
-                  .item-media
-                    i.icon.icon-f7
-                  .item-inner 
-                    .item-title Ultra long text goes here, no, it is really really long
-              li
-                .item-content
-                  .item-media
-                    i.icon.icon-f7
-                  .item-inner 
-                    .item-title With switch
-                    .item-after
-                      label.label-switch
-                        input(type="checkbox")
-                        .checkbox
-          li
-            a(href="#").item-link.item-content
-              .item-media
-                i.icon.icon-f7
-              .item-inner 
-                .item-title Ultra long text goes here, no, it is really really long
-          li
-            .item-content
-              .item-media
-                i.icon.icon-f7
-              .item-inner 
-                .item-title With switch
-                .item-after
-                  label.label-switch
-                    input(type="checkbox")
-                    .checkbox
-
-      .content-block-title Mixed, inset
-      .list-block.inset
-        ul
-          li
-            a(href="#").item-link.item-content
-              .item-media
-                i.icon.icon-f7
-              .item-inner 
-                .item-title Ivan Petrov
-                .item-after CEO
-          li
-            a(href="#").item-link.item-content
-              .item-media
-                i.icon.icon-f7
-                i.icon.icon-f7
-              .item-inner 
-                .item-title Two icons here
-          li
-            a(href="#").item-link.item-content
-              .item-media
-                i.icon.icon-f7
-              .item-inner 
-                .item-title Ultra long text goes here, no, it is really really long
-          li
-            .item-content
-              .item-media
-                i.icon.icon-f7
-              .item-inner 
-                .item-title With switch
-                .item-after
-                  label.label-switch
-                    input(type="checkbox")
-                    .checkbox
-          
-        .list-block-label
-          p Here comes some useful information about list above
-      .content-block-title Tablet inset
-      .list-block.tablet-inset
-        ul
-          li
-            a(href="#").item-link.item-content
-              .item-media
-                i.icon.icon-f7
-              .item-inner 
-                .item-title Ivan Petrov
-                .item-after CEO
-          li
-            a(href="#").item-link.item-content
-              .item-media
-                i.icon.icon-f7
-                i.icon.icon-f7
-              .item-inner 
-                .item-title Two icons here
-          li
-            a(href="#").item-link.item-content
-              .item-media
-                i.icon.icon-f7
-              .item-inner 
-                .item-title Ultra long text goes here, no, it is really really long
-        .list-block-label
-          p This list block will look like "inset" only on tablets (iPad)
-          
-          

data/Framework7-0.9.6/kitchen-sink/jade/login-screen-embedded.jade

@@ -1,22 +0,0 @@
-.pages.navbar-through
-  .page(data-page="login-screen-embedded").no-toolbar.no-navbar.no-swipeback
-    .page-content.login-screen-content
-      .login-screen-title Framework7
-      form
-        .list-block
-          ul
-            li.item-content
-              .item-inner 
-                .item-title.label Username
-                .item-input
-                  input(type="text", name="username", placeholder="Your username")
-            li.item-content
-              .item-inner 
-                .item-title.label Password
-                .item-input
-                  input(type="password", name="password", placeholder="Your password")
-        .list-block
-          ul
-            li
-              a(href="#").item-link.list-button Sign In
-          .list-block-label Some text about login information.<br>Lorem ipsum dolor sit amet, consectetur adipiscing elit.

data/Framework7-0.9.6/kitchen-sink/jade/login-screen.jade

@@ -1,20 +0,0 @@
-.navbar
-  .navbar-inner
-    .left.sliding
-      a(href="index.html").back.link
-        i.icon.icon-back 
-        span Back
-    .center.sliding Login Screen
-    .right
-      a(href="#").link.open-panel.icon-only
-        i.icon.icon-bars
-.pages.navbar-through
-  .page(data-page="login-screen")
-    .page-content
-      .content-block
-        p Framework7 comes with ready to use Login Screen layout. It could be used inside of page or inside of popup (Embedded) or as a standalone overlay:
-      .content-block.row
-        .col-50
-          a(href="login-screen-embedded.html").button Embedded Into Page
-        .col-50
-          a(href="#").button.open-login-screen As Overlay

data/Framework7-0.9.6/kitchen-sink/jade/media-lists.jade

@@ -1,170 +0,0 @@
-.navbar
-  .navbar-inner
-    .left.sliding
-      a(href="index.html").back.link
-        i.icon.icon-back 
-        span Back
-    .center.sliding Media Lists
-    .right
-      a(href="#").open-panel.link.icon-only
-        i.icon.icon-bars
-.pages.navbar-through
-  .page(data-page="media-lists")
-    .page-content
-      .content-block
-        p Media Lists are almost the same as Data Lists, but with a more flexible layout for visualization of more complex data, like products, services, userc, etc. You can even use them in 
-          a(href="#", data-popover=".popover-music").open-popover popovers
-      .content-block-title Songs
-      .list-block.media-list
-        ul
-          li
-            a(href="#").item-link.item-content
-              .item-media
-                img(src="http://hhhhold.com/160/d/jpg?1", width="80")
-              .item-inner
-                .item-title-row
-                  .item-title Yellow Submarine
-                  .item-after $15
-                .item-subtitle Beatles
-                .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.
-          li
-            a(href="#").item-link.item-content
-              .item-media
-                img(src="http://hhhhold.com/160/d/jpg?2", width="80")
-              .item-inner
-                .item-title-row
-                  .item-title Don't Stop Me Now
-                  .item-after $22
-                .item-subtitle Queen
-                .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.
-          li
-            a(href="#").item-link.item-content
-              .item-media
-                img(src="http://hhhhold.com/160/d/jpg?3", width="80")
-              .item-inner
-                .item-title-row
-                  .item-title Billie Jean
-                  .item-after $16
-                .item-subtitle Michael Jackson
-                .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.
-      .content-block-title Mail App (With Swipe to delete and overswipes)
-      .list-block.media-list
-        ul
-          li.swipeout
-            .swipeout-content
-              a(href="#").item-link.item-content
-                .item-inner
-                  .item-title-row
-                    .item-title Facebook
-                    .item-after 17:14
-                  .item-subtitle New messages from John Doe
-                  .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.
-            .swipeout-actions-left
-              a(href="#").bg-green.swipeout-overswipe.demo-reply Reply
-              a(href="#").demo-forward.bg-blue Forward
-            .swipeout-actions-right
-              a(href="#").demo-actions More
-              a(href="#").demo-mark.bg-orange Mark
-              a(href="#", data-confirm="Are you sure you want to delete this item?").swipeout-delete.swipeout-overswipe Delete
-          li.swipeout
-            .swipeout-content
-              a(href="#").item-link.item-content
-                .item-inner
-                  .item-title-row
-                    .item-title John Doe (via Twitter)
-                    .item-after 17:11
-                  .item-subtitle John Doe (@_johndoe) mentioned you on Twitter!
-                  .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.
-            .swipeout-actions-left
-              a(href="#").bg-green.swipeout-overswipe.demo-reply Reply
-              a(href="#").demo-forward.bg-blue Forward
-            .swipeout-actions-right
-              a(href="#").demo-actions More
-              a(href="#").demo-mark.bg-orange Mark
-              a(href="#", data-confirm="Are you sure you want to delete this item?").swipeout-delete.swipeout-overswipe Delete
-          li.swipeout
-            .swipeout-content
-              a(href="#").item-link.item-content
-                .item-inner
-                  .item-title-row
-                    .item-title Facebook
-                    .item-after 16:48
-                  .item-subtitle New messages from John Doe
-                  .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.
-            .swipeout-actions-left
-              a(href="#").bg-green.swipeout-overswipe.demo-reply Reply
-              a(href="#").demo-forward.bg-blue Forward
-            .swipeout-actions-right
-              a(href="#").demo-actions More
-              a(href="#").demo-mark.bg-orange Mark
-              a(href="#", data-confirm="Are you sure you want to delete this item?").swipeout-delete.swipeout-overswipe Delete
-          li.swipeout
-            .swipeout-content
-              a(href="#").item-link.item-content
-                .item-inner
-                  .item-title-row
-                    .item-title John Doe (via Twitter)
-                    .item-after 15:32
-                  .item-subtitle John Doe (@_johndoe) mentioned you on Twitter!
-                  .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.
-            .swipeout-actions-left
-              a(href="#").bg-green.swipeout-overswipe.demo-reply Reply
-              a(href="#").demo-forward.bg-blue Forward
-            .swipeout-actions-right
-              a(href="#").demo-actions More
-              a(href="#").demo-mark.bg-orange Mark
-              a(href="#", data-confirm="Are you sure you want to delete this item?").swipeout-delete.swipeout-overswipe Delete
-      .content-block-title Something more simple
-      .list-block.media-list
-        ul
-          li
-            .item-content
-              .item-media
-                img(src="http://hhhhold.com/88/d/jpg?13", width="44")
-              .item-inner
-                .item-title-row
-                  .item-title Yellow Submarine
-                .item-subtitle Beatles
-          li
-            a(href="#").item-link.item-content
-              .item-media
-                img(src="http://hhhhold.com/88/d/jpg?23", width="44")
-              .item-inner
-                .item-title-row
-                  .item-title Don't Stop Me Now
-                .item-subtitle Queen
-          li
-            .item-content
-              .item-media
-                img(src="http://hhhhold.com/88/d/jpg?33", width="44")
-              .item-inner
-                .item-title-row
-                  .item-title Billie Jean
-                .item-subtitle Michael Jackson
-      .content-block-title Inset
-      .list-block.media-list.inset
-        ul
-          li
-            a(href="#").item-link.item-content
-              .item-media
-                img(src="http://hhhhold.com/88/d/jpg?13", width="44")
-              .item-inner
-                .item-title-row
-                  .item-title Yellow Submarine
-                .item-subtitle Beatles
-          li
-            a(href="#").item-link.item-content
-              .item-media
-                img(src="http://hhhhold.com/88/d/jpg?23", width="44")
-              .item-inner
-                .item-title-row
-                  .item-title Don't Stop Me Now
-                .item-subtitle Queen
-          li
-            a(href="#").item-link.item-content
-              .item-media
-                img(src="http://hhhhold.com/88/d/jpg?33", width="44")
-              .item-inner
-                .item-title-row
-                  .item-title Billie Jean
-                .item-subtitle Michael Jackson