framework7rails 0.9.7 → 1.0.0

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

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

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

@@ -0,0 +1,213 @@
+// Initialize your app
+var myApp = new Framework7({
+    modalTitle: 'weather7'
+});
+
+// Export selectors engine
+var $$ = Dom7;
+
+// Register required Template7 helpers, before templates compilation
+Template7.registerHelper('dayOfWeek', function (date) {
+    date = new Date(date);
+    var days = ('Monday Tuesday Wednesday Thursday Friday Saturday Sunday').split(' ');
+    return days[date.getDay()];
+});
+// Templates using Template7 template engine
+myApp.searchResultsTemplate = Template7.compile($$('#search-results-template').html());
+myApp.homeItemsTemplate = Template7.compile($$('#home-items-template').html());
+myApp.detailsTemplate = Template7.compile($$('#details-template').html());
+
+// Add view
+var mainView = myApp.addView('.view-main', {
+    dynamicNavbar: true,
+});
+
+// Search Locations
+var searchTimeout;
+myApp.searchLocation = function (search) {
+    var query = encodeURIComponent('select * from geo.places where text="' + search + '"');
+    var q = 'http://query.yahooapis.com/v1/public/yql?q=' + query + '&format=json';
+    if (searchTimeout) clearTimeout(searchTimeout);
+    $$('.popup .preloader').show();
+    searchTimeout = setTimeout(function () {
+        $$.get(q, function (results) {
+            var html = '';
+            results = JSON.parse(results);
+            $$('.popup .preloader').hide();
+            if (results.query.count > 0) {
+                var places = results.query.results.place;
+                html = myApp.searchResultsTemplate(places);
+            }
+            $$('.popup .search-results').html(html);
+        });
+    }, 300);
+};
+// Get locations weather data
+myApp.updateWeatherData = function (callback) {
+    var woeids = [];
+    if (!localStorage.w7Places) return;
+    var places = JSON.parse(localStorage.w7Places);
+    if (places.length === 0) {
+        localStorage.w7Data = JSON.stringify([]);
+        return;
+    }
+    if (!navigator.onLine) {
+        myApp.alert('You need internet connection to update weather data');
+    }
+    for (var i = 0; i < places.length; i++) {
+        woeids.push(places[i].woeid);
+    }
+    var query = encodeURIComponent('select * from weather.forecast where woeid in (' + JSON.stringify(woeids).replace('[', '').replace(']', '') + ') and u="c"');
+    var q = 'http://query.yahooapis.com/v1/public/yql?q=' + query + '&format=json';
+    myApp.showIndicator();
+    $$.get(q, function (data) {
+        var weatherData = [];
+        myApp.hideIndicator();
+        data = JSON.parse(data);
+        if (!data.query || !data.query.results) return;
+        var places = data.query.results.channel;
+        var place;
+        if ($$.isArray(places)) {
+            for (var i = 0; i < places.length; i++) {
+                place = places[i];
+                weatherData.push({
+                    city: place.location.city,
+                    country: place.location.country,
+                    region: place.location.region,
+                    humidity: place.atmosphere.humidity,
+                    pressure: place.atmosphere.pressure,
+                    sunrise: place.astronomy.sunrise,
+                    sunset: place.astronomy.sunset,
+                    wind: place.wind,
+                    condition: place.item.condition,
+                    forecast: place.item.forecast,
+                    lat: place.item.lat,
+                    long: place.item.long,
+                    woeid: woeids[i]
+                });
+            }
+        }
+        else {
+            place = places;
+            weatherData.push({
+                city: place.location.city,
+                country: place.location.country,
+                region: place.location.region,
+                humidity: place.atmosphere.humidity,
+                pressure: place.atmosphere.pressure,
+                sunrise: place.astronomy.sunrise,
+                sunset: place.astronomy.sunset,
+                wind: place.wind,
+                condition: place.item.condition,
+                forecast: place.item.forecast,
+                lat: place.item.lat,
+                long: place.item.long,
+                woeid: woeids[0]
+            });
+        }
+        localStorage.w7Data = JSON.stringify(weatherData);
+        if (callback) callback();
+    });
+};
+// Build list of places on home page
+myApp.buildWeatherHTML = function () {
+    var weatherData = localStorage.w7Data;
+    if (!weatherData) return;
+    $$('.places-list ul').html('');
+    weatherData = JSON.parse(weatherData);
+    var html = myApp.homeItemsTemplate(weatherData);
+    $$('.places-list ul').html(html);
+};
+
+// Delete place
+$$('.places-list').on('delete', '.swipeout', function () {
+    var woeid = $$(this).attr('data-woeid');
+    // Update Places
+    if (!localStorage.w7Places) return;
+    var places = JSON.parse(localStorage.w7Places);
+    for (var i = 0; i < places.length; i++) {
+        if (places[i].woeid === woeid) places.splice(i, 1);
+    }
+    localStorage.w7Places = JSON.stringify(places);
+    // Update places data
+    if (!localStorage.w7Data) return;
+    var data = JSON.parse(localStorage.w7Data);
+    for (i = 0; i < data.length; i++) {
+        if (data[i].woeid === woeid) data.splice(i, 1);
+    }
+    localStorage.w7Data = JSON.stringify(data);
+});
+
+// Handle search results
+$$('.popup input[type="text"]').on('change keyup keydown', function () {
+    myApp.searchLocation(this.value);
+});
+$$('.popup').on('closed', function () {
+    $$('.popup input[type="text"]').val('');
+    $$('.popup .search-results').html('');
+    $$('.popup .preloader').hide();
+});
+$$('.popup').on('open', function () {
+    $$('.views').addClass('blured');
+    $$('.statusbar-overlay').addClass('with-popup-opened');
+});
+$$('.popup').on('opened', function () {
+    $$('.popup input[type="text"]')[0].focus();
+});
+$$('.popup').on('close', function () {
+    $$('.views').removeClass('blured');
+    $$('.popup input[type="text"]')[0].blur();
+    $$('.statusbar-overlay').removeClass('with-popup-opened');
+});
+$$('.popup .search-results').on('click', 'li', function () {
+    var li = $$(this);
+    var woeid = li.attr('data-woeid');
+    var city = li.attr('data-city');
+    var country = li.attr('data-country');
+    var places;
+    if (localStorage.w7Places) places = JSON.parse(localStorage.w7Places);
+    else places = [];
+    places.push({
+        woeid: li.attr('data-woeid'),
+        city: li.attr('data-city'),
+        country: li.attr('data-country')
+    });
+    localStorage.w7Places = JSON.stringify(places);
+    myApp.updateWeatherData(function () {
+        myApp.buildWeatherHTML();
+    });
+});
+
+// Update html and weather data on app load
+myApp.buildWeatherHTML();
+myApp.updateWeatherData(function () {
+    myApp.buildWeatherHTML();
+});
+
+// Build details page
+$$('.places-list').on('click', 'a.item-link', function (e) {
+    var woeid = $$(this).attr('data-woeid');
+    var item;
+    var weatherData = JSON.parse(localStorage.w7Data);
+    for (var i = 0; i < weatherData.length; i++) {
+        if (weatherData[i].woeid === woeid) item = weatherData[i];
+    }
+    var pageContent = myApp.detailsTemplate(item);
+    mainView.loadContent(pageContent);
+});
+
+// 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 weather7 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/weather7/less/weather7.less

@@ -0,0 +1,294 @@
+//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;
+}
+html,body {
+    overflow: hidden;
+    height: 100%;
+    width: 100%;
+}
+body {
+    background: #000;
+}
+/*==============================
+    Blured effect on views
+==============================*/
+.views {
+    .transition(400ms);
+    -webkit-filter: blur(0px);
+    .transform(translate3d(0,0,0) scale(1));
+}
+.views.blured {
+    -webkit-filter: blur(10px);
+    .transform(translate3d(0,0,0) scale(1.3));
+}
+/*==============================
+    Pages styling
+==============================*/
+.pages {
+    background: #000;
+}
+.page[data-page="index"], .page[data-page="detail"] {
+    background: none;
+    background: #000 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;
+    }
+    .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;
+    ul {
+        background: none;
+        border: none;
+        border-bottom: 1px solid rgba(255,255,255,0.2);
+    }
+    a.item-link .item-inner, .item-inner {
+        background: none;    
+        padding-right: 15px;
+        border-bottom-color: rgba(255,255,255,0.2);
+    }
+    li:last-child {
+        .item-inner, a.item-link:active .item-inner{
+            border-bottom: none;
+        }
+    }
+    a.item-link:active {
+        background: rgba(255,255,255,0.1);
+    }
+    .item-after {
+        font-size: 41px;
+        font-weight: 100;
+        max-height: none;
+        color:#fff;
+    }
+    .city {
+        font-size: 25px;
+        font-weight: 300;
+        position: relative;
+        overflow: hidden;
+        max-width: 100%;
+        text-overflow:ellipsis;
+        white-space: nowrap;
+    }
+    .country {
+        font-size: 14px;
+        font-weight: 300;
+    }
+    .list-block-label {
+        text-align: center;
+        color: #fff;
+        opacity: 0.6;
+    }
+}
+/*==============================
+    Search popup styling
+==============================*/
+.popup {
+    background: rgba(25,18,15,0.55);
+    color:#fff;
+    .navbar {
+        background: #1c1d21;
+        .left {
+            width: 100%;
+            -webkit-box-flex:1;
+            -webkit-flex-shrink:1;
+            -ms-flex-shrink:1;
+            flex-shrink:1;
+            margin-right: 0;
+        }
+    }
+    .preloader {
+        position: absolute;
+        right: 10px;
+        top: 50%;
+        margin-top: -10px;
+        height: 20px;
+        width: 20px;
+        display: none;
+    }
+    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;
+    }
+    .pages, .page {
+        background: none;
+    }
+    a.link {
+        color:#fff;
+    }
+    .search-results {
+        list-style: none;
+        margin: 0 0;
+        padding: 0 20px 0 18px;
+        font-size: 16px;
+        li {
+            margin: 10px 0;
+            cursor: pointer;
+            white-space: nowrap;
+            max-width: 100%;
+            position: relative;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+        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) {
+        width: 600px;
+        margin-left: auto;
+        margin-right: auto;
+    }
+    ul {
+        border: none;
+        background: rgba(0,0,0,0.2);
+    }
+    .item-inner {
+        border-bottom-color: rgba(0,0,0,0.3);
+    }
+    li:last-child .item-inner{
+        border-bottom: none;
+    }
+    span {
+        display: inline-block;
+    }
+    span.state {
+        color:#fff;
+        font-size: 14px;
+    }
+    span.temps {
+        width: 70px;
+        margin-left: 15px;
+        display: inline-block;
+        text-align: right;
+        span {
+            width: 30px;
+        }
+        span.high {
+            color:#fff;
+        }
+    }
+}
+/*==============================
+    Styles for case with statusbar overlay
+==============================*/
+html.with-statusbar-overlay {
+    .statusbar-overlay {
+        background: #2b1127;
+        &.with-popup-opened {
+            z-index: 11000;
+            background: #1c1d21;
+        }
+    }
+    @media all and (max-width:630px) and (max-height:630px) {
+        .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: lighten(#390532,10%);
+}

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

@@ -0,0 +1,29 @@
+<?php
+header('Content-Type: text/cache-manifest');
+$filesToCache = array(
+    './index.html', 
+    './js/weather7.js', 
+    './css/weather7.css', 
+    './img/logo.png', 
+    './img/bg.jpg', 
+    './img/yahoo-logo.png', 
+    '../../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/bower.json

@@ -0,0 +1,30 @@
+{
+  "name": "Framework7",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nolimits4web/Framework7.git"
+  },
+  "description": "Full Featured HTML Framework For Building iOS 7 Apps",
+  "version": "0.9.6",
+  "author": "Vladimir Kharlampidi",
+  "homepage": "http://www.idangero.us/framework7",
+  "keywords": ["mobile", "framework", "ios 7", "ios7", "ios8", "ios 8", "iphone", "ipad", "apple", "phonegap", "native", "touch", "appstore", "app", "f7"],
+  "scripts": [
+    "dist/js/framework7.js"
+  ],
+  "main": "dist/",
+  "styles": [
+    "dist/css/framework7.css"
+  ],
+  "license": ["MIT"],
+  "ignore": [
+    ".*",
+    "build",
+    "custom",
+    "kitchen-sink/",
+    "Gruntfile.js",
+    "apps",
+    "node_modules",
+    "package.json"
+  ]
+}