framework7rails 0.9.7 → 1.0.0

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

@@ -0,0 +1,221 @@
+//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

@@ -0,0 +1,27 @@
+<?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)?>

data/Framework7-0.9.6/apps/weather7/css/weather7.css

@@ -0,0 +1,291 @@
+html,
+body {
+  overflow: hidden;
+  height: 100%;
+  width: 100%;
+}
+body {
+  background: #000;
+}
+/*==============================
+    Blured effect on views
+==============================*/
+.views {
+  -webkit-transition-duration: 400ms;
+  -moz-transition-duration: 400ms;
+  -ms-transition-duration: 400ms;
+  -o-transition-duration: 400ms;
+  transition-duration: 400ms;
+  -webkit-filter: blur(0px);
+  -webkit-transform: translate3d(0, 0, 0) scale(1);
+  -moz-transform: translate3d(0, 0, 0) scale(1);
+  -ms-transform: translate3d(0, 0, 0) scale(1);
+  -o-transform: translate3d(0, 0, 0) scale(1);
+  transform: translate3d(0, 0, 0) scale(1);
+}
+.views.blured {
+  -webkit-filter: blur(10px);
+  -webkit-transform: translate3d(0, 0, 0) scale(1.3);
+  -moz-transform: translate3d(0, 0, 0) scale(1.3);
+  -ms-transform: translate3d(0, 0, 0) scale(1.3);
+  -o-transform: translate3d(0, 0, 0) scale(1.3);
+  transform: translate3d(0, 0, 0) scale(1.3);
+}
+/*==============================
+    Pages styling
+==============================*/
+.pages {
+  background: #000;
+}
+.page[data-page="index"],
+.page[data-page="detail"] {
+  background: none;
+  background: #000000 url(../img/bg.jpg) no-repeat center;
+  -webkit-background-size: cover;
+  background-size: cover;
+}
+/* iOS over scrolling fix */
+html.ios .page {
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+}
+html.ios .page-content {
+  margin-bottom: 1px;
+}
+/*==============================
+    Navbar
+==============================*/
+.navbar {
+  border-bottom: none;
+  background: #2b1127;
+  color: #fff;
+}
+span.navbar-logo {
+  width: 100px;
+  height: 25px;
+  background: url(../img/logo.png) no-repeat center;
+  -webkit-background-size: 100% auto;
+  background-size: 100% auto;
+  display: block;
+}
+i.icon-plus {
+  color: #fff;
+}
+/*==============================
+    Homepage places list
+==============================*/
+.places-list {
+  margin: 0;
+  color: #fff;
+}
+.places-list ul {
+  background: none;
+  border: none;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+}
+.places-list a.item-link .item-inner,
+.places-list .item-inner {
+  background: none;
+  padding-right: 15px;
+  border-bottom-color: rgba(255, 255, 255, 0.2);
+}
+.places-list li:last-child .item-inner,
+.places-list li:last-child a.item-link:active .item-inner {
+  border-bottom: none;
+}
+.places-list a.item-link:active {
+  background: rgba(255, 255, 255, 0.1);
+}
+.places-list .item-after {
+  font-size: 41px;
+  font-weight: 100;
+  max-height: none;
+  color: #fff;
+}
+.places-list .city {
+  font-size: 25px;
+  font-weight: 300;
+  position: relative;
+  overflow: hidden;
+  max-width: 100%;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.places-list .country {
+  font-size: 14px;
+  font-weight: 300;
+}
+.places-list .list-block-label {
+  text-align: center;
+  color: #fff;
+  opacity: 0.6;
+}
+/*==============================
+    Search popup styling
+==============================*/
+.popup {
+  background: rgba(25, 18, 15, 0.55);
+  color: #fff;
+}
+.popup .navbar {
+  background: #1c1d21;
+}
+.popup .navbar .left {
+  width: 100%;
+  -webkit-box-flex: 1;
+  -webkit-flex-shrink: 1;
+  -ms-flex-shrink: 1;
+  flex-shrink: 1;
+  margin-right: 0;
+}
+.popup .preloader {
+  position: absolute;
+  right: 10px;
+  top: 50%;
+  margin-top: -10px;
+  height: 20px;
+  width: 20px;
+  display: none;
+}
+.popup input[type="text"] {
+  height: 28px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  color: #fff;
+  padding: 4px 40px 4px 10px;
+  display: block;
+  width: 100%;
+  margin: 0;
+  border: none;
+  border-radius: 5px;
+  background: #000;
+  -webkit-appearance: none;
+  appearance: none;
+  font-family: inherit;
+  font-size: 14px;
+}
+.popup .pages,
+.popup .page {
+  background: none;
+}
+.popup a.link {
+  color: #fff;
+}
+.popup .search-results {
+  list-style: none;
+  margin: 0 0;
+  padding: 0 20px 0 18px;
+  font-size: 16px;
+}
+.popup .search-results li {
+  margin: 10px 0;
+  cursor: pointer;
+  white-space: nowrap;
+  max-width: 100%;
+  position: relative;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.popup .search-results span {
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.8);
+  font-weight: 300;
+  margin-left: 5px;
+}
+/*==============================
+    Details page styles
+==============================*/
+.page[data-page="detail"] {
+  color: #fff;
+}
+.detail-city {
+  margin-top: 20px;
+  font-size: 31px;
+  text-align: center;
+  font-weight: 300;
+}
+.detail-condition {
+  text-align: center;
+}
+.detail-temp {
+  font-size: 81px;
+  line-height: 81px;
+  font-weight: 100;
+  text-align: center;
+}
+.list-block.forecast-list {
+  font-weight: 300;
+}
+@media all and (min-width: 600px) {
+  .list-block.forecast-list {
+    width: 600px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
+.list-block.forecast-list ul {
+  border: none;
+  background: rgba(0, 0, 0, 0.2);
+}
+.list-block.forecast-list .item-inner {
+  border-bottom-color: rgba(0, 0, 0, 0.3);
+}
+.list-block.forecast-list li:last-child .item-inner {
+  border-bottom: none;
+}
+.list-block.forecast-list span {
+  display: inline-block;
+}
+.list-block.forecast-list span.state {
+  color: #fff;
+  font-size: 14px;
+}
+.list-block.forecast-list span.temps {
+  width: 70px;
+  margin-left: 15px;
+  display: inline-block;
+  text-align: right;
+}
+.list-block.forecast-list span.temps span {
+  width: 30px;
+}
+.list-block.forecast-list span.temps span.high {
+  color: #fff;
+}
+/*==============================
+    Styles for case with statusbar overlay
+==============================*/
+html.with-statusbar-overlay .statusbar-overlay {
+  background: #2b1127;
+}
+html.with-statusbar-overlay .statusbar-overlay.with-popup-opened {
+  z-index: 11000;
+  background: #1c1d21;
+}
+@media all and (max-width: 630px) and (max-height: 630px) {
+  html.with-statusbar-overlay .popup {
+    top: 20px;
+    height: -webkit-calc(100% - 20px);
+    height: -moz-calc(100% - 20px);
+    height: -ms-calc(100% - 20px);
+    height: calc(100% - 20px);
+  }
+}
+/*==============================
+    Modal
+==============================*/
+.modal-inner {
+  border-bottom: 1px solid #390532;
+}
+.modal-button {
+  border-right: 1px solid #390532;
+}
+.modal-inner,
+.modal-button {
+  color: #fff;
+  background: rgba(77, 12, 68, 0.9);
+}
+.modal-button:active {
+  background: #68095b;
+}

data/Framework7-0.9.6/apps/weather7/index.html

@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html manifest="manifest.php" class="with-statusbar-overlay">
+  <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>Weather7</title>
+    <link rel="stylesheet" href="../../dist/css/framework7.min.css">
+    <link rel="stylesheet" href="css/weather7.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">
+  </head>
+  <body>
+    <!-- Statusbar overlay-->
+    <div class="statusbar-overlay"></div>
+    <!-- Main views-->
+    <div class="views">
+      <div class="view view-main navbar-through">
+        <div class="navbar">
+          <div class="navbar-inner">
+            <div class="center sliding"><span class="navbar-logo"></span></div>
+            <div class="right"><a href="#" class="open-popup link icon-only"><i class="icon icon-plus">+</i></a></div>
+          </div>
+        </div>
+        <div class="pages">
+          <div data-page="index" class="page">
+            <div class="page-content">
+              <div class="list-block places-list">
+                <ul></ul>
+                <div class="list-block-label"><img src="img/yahoo-logo.png" height="20"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- Search popup-->
+    <div class="popup">
+      <div class="view navbar-fixed">
+        <div class="navbar">
+          <div class="navbar-inner">
+            <div class="left">
+              <input type="text" placeholder="Search city...">
+              <div class="preloader preloader-white"></div>
+            </div>
+            <div class="right"><a href="#" class="link close-popup">Cancel</a></div>
+          </div>
+        </div>
+        <div class="pages">
+          <div class="page">
+            <div class="page-content">
+              <ul class="search-results"></ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- Templates-->
+    <script id="search-results-template" type="text/template">
+        
+      {{#each this}}
+      {{#if admin1}}{{#if admin1.content}}
+      <li data-woeid="{{woeid}}" data-city="{{name}}" data-country="{{country.content}}" class="close-popup">{{name}} <span>{{admin1.content}}, {{country.content}}</span></li>{{/if}}{{/if}}
+      {{/each}}
+    </script>
+    <script id="home-items-template" type="text/template">
+            
+      {{#each this}}
+      <li data-woeid="{{woeid}}" class="swipeout">
+        <div class="swipeout-content"><a href="#" data-woeid="{{woeid}}" class="item-content item-link">
+            <div class="item-inner">
+              <div class="item-title">
+                <div class="city">{{city}}</div>
+                <div class="country">{{country}}</div>
+              </div>
+              <div class="item-after">{{condition.temp}}&deg;</div>
+            </div></a></div>
+        <div class="swipeout-actions-right"><a href="#" class="swipeout-delete">Delete</a></div>
+      </li>{{/each}}
+    </script>
+    <script id="details-template" type="text/template">
+      <div class="navbar">
+        <div class="navbar-inner">
+          <div class="left sliding"><a href="index.html" class="back link"><span class="navbar-logo"></span></a></div>
+        </div>
+      </div>
+      <div class="pages navbar-through">
+        <div data-page="detail" class="page">
+          <div class="page-content">
+            <div class="detail-city">{{city}}</div>
+            <div class="detail-condition">{{condition.text}}</div>
+            <div class="detail-temp">{{condition.temp}}&deg;</div>
+            <div class="list-block forecast-list">
+              <ul>{{#each forecast}}
+                <li class="item-content">
+                  <div class="item-inner">
+                    <div class="item-title">{{dayOfWeek date}}</div>
+                    <div class="item-after"><span class="state">{{text}}</span><span class="temps"><span class="high">{{high}}&deg;</span><span class="low">{{low}}&deg;</span></span></div>
+                  </div>
+                </li>{{/each}}
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </script>
+    <!-- Path to Framework7 Library JS-->
+    <script type="text/javascript" src="../../dist/js/framework7.min.js"></script>
+    <!-- Path to your app js-->
+    <script type="text/javascript" src="js/weather7.js"></script>
+  </body>
+</html>