framework7rails 3.0.0 → 4.0.0

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

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

@@ -1,294 +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;
-}
-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%);
-}