framework7rails 3.0.0 → 4.0.0

data/Framework7-0.9.6/apps/todo7/jade/index.jade

@@ -1,99 +0,0 @@
-doctype
-html.with-statusbar-overlay(manifest="manifest.php")
-  head
-    meta(charset="utf-8")
-    meta(name="viewport", content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui")
-    meta(name='apple-mobile-web-app-capable', content='yes')
-    meta(name="apple-mobile-web-app-status-bar-style", content="black-translucent")
-    title ToDo7
-    link(rel="stylesheet", href="../../dist/css/framework7.min.css")
-    link(rel="stylesheet", href="css/todo7.css")
-    // Favicon
-    link(href="img/icon-57.png", rel="shortcut icon")
-    | 
-    <!-- iOS 7 iPad (retina) -->
-    <link href="img/icon-152.png" sizes="152x152" rel="apple-touch-icon">
-    <!-- iOS 6 iPad (retina) -->
-    <link href="img/icon-144.png" sizes="144x144" rel="apple-touch-icon">
-    <!-- iOS 7 iPhone (retina) -->
-    <link href="img/icon-120.png" sizes="120x120" rel="apple-touch-icon">
-    <!-- iOS 6 iPhone (retina) -->
-    <link href="img/icon-114.png" sizes="114x114" rel="apple-touch-icon">
-    <!-- iOS 7 iPad -->
-    <link href="img/icon-76.png" sizes="76x76" rel="apple-touch-icon">
-    <!-- iOS 6 iPad -->
-    <link href="img/icon-72.png" sizes="72x72" rel="apple-touch-icon">
-    <!-- iOS 6 iPhone -->
-    <link href="img/icon-57.png" sizes="57x57" rel="apple-touch-icon">
-  body
-    // Statusbar overlay
-    .statusbar-overlay
-    // Views
-    .views
-      .view.view-main.navbar-fixed
-        .navbar
-          .navbar-inner
-            .left
-            .center.sliding ToDo7
-            .right
-                a(href="#").link.icon-only.open-popup
-                  i.icon.icon-plus +
-        .pages
-          .page(data-page="index")
-            .page-content
-              .list-block.todo-items-list.theme-pink
-    // Popup to add new task           
-    .popup
-      .view.view-popup.navbar-fixed
-        .navbar
-          .navbar-inner
-            .left
-            .center.sliding New Task
-            .right
-                a(href="#").link.close-popup Cancel
-        .pages
-          .page
-            .page-content
-              .list-block
-                ul
-                  li
-                    .item-content
-                      .item-inner 
-                        .item-title.label Task
-                        .item-input
-                          input(type="text", name="title")
-                  li
-                    .item-content
-                      .item-inner 
-                        .item-title.label Color
-                        .item-input
-                          span(data-color="orange").color.selected
-                          span(data-color="green").color
-                          span(data-color="blue").color
-                          span(data-color="yellow").color
-                          span(data-color="white").color
-                          span(data-color="pink").color
-                          span(data-color="purple").color
-                          span(data-color="cyan").color
-              .content-block
-                a.button.add-task Add Task
-    // Template
-    script(id="todo-item-template", type="text/template")
-      ul
-        {{#each this}}
-        li.swipeout(data-color="{{color}}", data-id="{{id}}")
-          .swipeout-content
-            label.label-checkbox.item-content
-              | <input type="checkbox" {{checked}}>
-              .item-media
-                i.icon.icon-form-checkbox
-              .item-inner
-                .item-title {{title}}
-          .swipeout-actions-right
-            a(href="#").swipeout-delete Delete
-        {{/each}}
-
-    // Path to Framework7 Library JS
-    script(type="text/javascript", src="../../dist/js/framework7.min.js")
-    // Path to your app js
-    script(type="text/javascript", src="js/todo7.js")

data/Framework7-0.9.6/apps/todo7/js/todo7.js

@@ -1,102 +0,0 @@
-// Initialize your app
-var myApp = new Framework7({
-    modalTitle: 'ToDo7'
-});
-
-// Export selectors engine
-var $$ = Dom7;
-
-// Add views
-var mainView = myApp.addView('.view-main', {
-    // Because we use fixed-through navbar we can enable dynamic navbar
-    dynamicNavbar: true
-});
-
-var todoData = localStorage.td7Data ? JSON.parse(localStorage.td7Data) : [];
-
-$$('.popup').on('open', function () {
-    $$('body').addClass('with-popup');
-});
-$$('.popup').on('opened', function () {
-    $$(this).find('input[name="title"]').focus();
-});
-$$('.popup').on('close', function () {
-    $$('body').removeClass('with-popup');
-    $$(this).find('input[name="title"]').blur().val('');
-});
-
-// Popup colors
-$$('.popup .color').on('click', function () {
-    $$('.popup .color.selected').removeClass('selected');
-    $$(this).addClass('selected');
-});
-
-
-// Add Task
-$$('.popup .add-task').on('click', function () {
-    var title = $$('.popup input[name="title"]').val().trim();
-    if (title.length === 0) {
-        return;
-    }
-    var color = $$('.popup .color.selected').attr('data-color');
-    todoData.push({
-        title: title,
-        color: color,
-        checked: '',
-        id: (new Date()).getTime()
-    });
-    localStorage.td7Data = JSON.stringify(todoData);
-    buildTodoListHtml();
-    myApp.closeModal('.popup');
-});
-
-// Build Todo HTML using Template7 template engine
-var todoItemTemplateSource = $$('#todo-item-template').html();
-var todoItemTemplate = Template7.compile(todoItemTemplateSource);
-function buildTodoListHtml() {
-    var renderedList = todoItemTemplate(todoData);
-    $$('.todo-items-list').html(renderedList);
-}
-// Build HTML on App load
-buildTodoListHtml();
-
-// Mark checked
-$$('.todo-items-list').on('change', 'input', function () {
-    var input = $$(this);
-    var item = input.parents('li');
-    var checked = input[0].checked;
-    var id = item.attr('data-id') * 1;
-    for (var i = 0; i < todoData.length; i++) {
-        if (todoData[i].id === id) todoData[i].checked = checked ? 'checked' : '';
-    }
-    localStorage.td7Data = JSON.stringify(todoData);
-});
-
-// Delete item
-$$('.todo-items-list').on('delete', '.swipeout', function () {
-    var id = $$(this).attr('data-id') * 1;
-    var index;
-    for (var i = 0; i < todoData.length; i++) {
-        if (todoData[i].id === id) index = i;
-    }
-    if (typeof(index) !== 'undefined') {
-        todoData.splice(index, 1);
-        localStorage.td7Data = JSON.stringify(todoData);
-    }
-});
-
-// Update app when manifest updated 
-// http://www.html5rocks.com/en/tutorials/appcache/beginner/
-// Check if a new cache is available on page load.
-window.addEventListener('load', function (e) {
-    window.applicationCache.addEventListener('updateready', function (e) {
-        if (window.applicationCache.status === window.applicationCache.UPDATEREADY) {
-            // Browser downloaded a new app cache.
-            myApp.confirm('A new version of ToDo7 is available. Do you want to load it right now?', function () {
-                window.location.reload();
-            });
-        } else {
-            // Manifest didn't changed. Nothing new to server.
-        }
-    }, false);
-}, false);

data/Framework7-0.9.6/apps/todo7/less/todo7.less

@@ -1,221 +0,0 @@
-//Mixins
-.transition(@t) {
-    -webkit-transition-duration: @t;
-    -moz-transition-duration: @t;
-    -ms-transition-duration: @t;
-    -o-transition-duration: @t;
-    transition-duration: @t;
-}
-.transform(@t) {
-    -webkit-transform: @t;
-    -moz-transform: @t;
-    -ms-transform: @t;
-    -o-transform: @t;
-    transform: @t;
-}
-@pink: #cc0442;
-@green: #2df523;
-@blue: #089efe;
-@yellow: #eaff00;
-@orange: #ff8400;
-@purple: #ff00f0;
-@cyan: #00fff6;
-
-body {
-    background: #000;
-}
-.view-main {
-    background: url(../img/bg.jpg) no-repeat center;
-    -webkit-background-size: cover;
-    background-size: cover;
-    .transform(translate3d(0,0,0) scale(1));
-    .transition(400ms);
-}
-.pages, .page {
-    background: none;
-}
-html.ios {
-    .page {
-        overflow: auto;
-        -webkit-overflow-scrolling: touch;
-    }
-    .page-content {
-        margin-bottom: 1px;
-    }
-}
-.view-main {
-
-    .navbar {
-        border-bottom: none;
-        background: @pink;
-        color: #fff;
-    }
-}
-i.icon-plus {
-    color:#fff;
-}
-.todo-items-list {
-    margin: 0;
-    color:#fff;
-    font-weight: 300;
-    ul {
-        background: none;
-        border: none;
-    }
-    .item-title {
-        font-size: 18px;
-    }
-    .swipeout-content {
-        background: none;
-    }
-    .item-inner {
-        padding-top: 18px;
-        padding-bottom: 16px;
-        border-bottom-color: rgba(255,255,255,0.2);
-    }
-    .label-checkbox.active-state {
-        background: rgba(255,255,255,0.2);
-    }
-    .item-content{
-        border-left: 5px solid;
-    }
-    li[data-color="orange"] .item-content{
-        border-left-color: @orange;
-    }
-    li[data-color="blue"] .item-content{
-        border-left-color: @blue;
-    }
-    li[data-color="green"] .item-content{
-        border-left-color: @green;
-    }
-    li[data-color="white"] .item-content{
-        border-left-color: #fff;
-    }
-    li[data-color="yellow"] .item-content{
-        border-left-color: @yellow;
-    }
-    li[data-color="pink"] .item-content{
-        border-left-color: @pink;
-    }
-    li[data-color="purple"] .item-content{
-        border-left-color: @purple;
-    }
-    li[data-color="cyan"] .item-content{
-        border-left-color: @cyan;
-    }
-
-}
-
-.popup {
-    @darkPink: darken(@pink,30%);
-    background: rgba(red(@darkPink),green(@darkPink),blue(@darkPink),0.7);
-    .navbar {
-        color:#fff;
-        background: darken(@pink, 20%);
-        border: none;
-    }
-    a.link {
-        color:#fff;
-    }
-    .list-block {
-        ul {
-            background: none;
-            border: none;
-            color:#fff;
-        }
-        input {
-            color:#fff;
-        }
-    }
-    .item-inner {
-        border-color: rgba(255,255,255,0.2);
-    }
-    .button {
-        border-color: #fff;
-        color:#fff;
-    }
-    .button.active-state {
-        background: rgba(255,255,255,0.1);
-    }
-}
-.popup span.color {
-    display: inline-block;
-    width: 20px;
-    height: 20px;
-    background: #000;
-    vertical-align: middle;
-    margin-right: 2px;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    border-radius: 100%;
-    cursor: pointer;
-    position: relative;
-    .transition(200ms);
-    &:last-child {
-        margin-right: 0;
-    }
-    &[data-color="orange"] {
-        background: @orange;
-    }
-    &[data-color="pink"] {
-        background: @pink;
-    }
-    &[data-color="blue"] {
-        background: @blue;
-    }
-    &[data-color="green"] {
-        background: @green;
-    }
-    &[data-color="yellow"] {
-        background: @yellow;
-    }
-    &[data-color="white"] {
-        background: #fff;
-    }
-    &[data-color="purple"] {
-        background: @purple;
-    }
-    &[data-color="cyan"] {
-        background: @cyan;
-    }
-    &.selected {
-        .transform(translate3d(0,0,0) scale(1.25));
-        box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
-        z-index: 1;
-    }
-    @media all and (min-width:568px) {
-        margin-right: 10px;
-    }
-}
-body.with-popup {
-    .view-main {
-        .transform(translate3d(0,0px,0) scale(0.85));
-        -webkit-filter: blur(5px);
-    }
-    .statusbar-overlay {
-        background: darken(@pink, 20%);
-    }
-    @media all and (max-width:629px) and (max-height:629px) {
-        .statusbar-overlay {
-            z-index: 11000;
-        }
-    }
-}
-.statusbar-overlay {
-    background: @pink;
-}
-
-.modal-inner {
-    background: @pink;
-    color:#fff;
-    border-bottom: 1px solid darken(@pink, 10%);
-}
-.modal-button {
-    background: @pink;
-    border-right-color: darken(@pink, 10%);
-    color:#fff;
-    &.active-state {
-        background: darken(@pink, 10%);
-    }
-}

data/Framework7-0.9.6/apps/todo7/manifest.php

@@ -1,27 +0,0 @@
-<?php
-header('Content-Type: text/cache-manifest');
-$filesToCache = array(
-    './index.html', 
-    './js/todo7.js', 
-    './css/todo7.css', 
-    './img/bg.jpg', 
-    '../../dist/js/framework7.min.js', 
-    '../../dist/css/framework7.min.css'
-);
-?>
-CACHE MANIFEST
-
-CACHE:
-<?php
-// Print files that we need to cache and store hash data
-$hashes = '';
-foreach($filesToCache as $file) {
-    echo $file."\n";
-    $hashes.=md5_file($file);
-};
-?>
-
-NETWORK:
-*
-
-# Hash Version: <?=md5($hashes)?>