framework7rails 3.0.0 → 4.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +1 -1
- data/lib/framework7rails/version.rb +2 -2
- data/update_from_vendor.rb +1 -1
- data/vendor/assets/javascripts/framework7.js +5806 -2303
- data/vendor/assets/javascripts/framework7.js.map +1 -1
- data/vendor/assets/stylesheets/framework7.css +2164 -464
- data/vendor/assets/stylesheets/framework7.themes.css +189 -25
- metadata +2 -205
- data/Framework7-0.9.6/.gitignore +0 -5
- data/Framework7-0.9.6/.jshintrc +0 -33
- data/Framework7-0.9.6/.travis.yml +0 -5
- data/Framework7-0.9.6/CHANGELOG.md +0 -342
- data/Framework7-0.9.6/Gruntfile.js +0 -560
- data/Framework7-0.9.6/LICENSE +0 -20
- data/Framework7-0.9.6/README.md +0 -113
- data/Framework7-0.9.6/apps/todo7/css/todo7.css +0 -208
- data/Framework7-0.9.6/apps/todo7/img/Icon-152.png +0 -0
- data/Framework7-0.9.6/apps/todo7/img/bg.jpg +0 -0
- data/Framework7-0.9.6/apps/todo7/img/icon-114.png +0 -0
- data/Framework7-0.9.6/apps/todo7/img/icon-120.png +0 -0
- data/Framework7-0.9.6/apps/todo7/img/icon-144.png +0 -0
- data/Framework7-0.9.6/apps/todo7/img/icon-57.png +0 -0
- data/Framework7-0.9.6/apps/todo7/img/icon-72.png +0 -0
- data/Framework7-0.9.6/apps/todo7/img/icon-76.png +0 -0
- data/Framework7-0.9.6/apps/todo7/index.html +0 -112
- data/Framework7-0.9.6/apps/todo7/jade/index.jade +0 -99
- data/Framework7-0.9.6/apps/todo7/js/todo7.js +0 -102
- data/Framework7-0.9.6/apps/todo7/less/todo7.less +0 -221
- data/Framework7-0.9.6/apps/todo7/manifest.php +0 -27
- data/Framework7-0.9.6/apps/weather7/css/weather7.css +0 -291
- data/Framework7-0.9.6/apps/weather7/img/bg.jpg +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-114.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-120.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-144.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-152.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-57.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-72.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-76.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/logo.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/yahoo-logo.png +0 -0
- data/Framework7-0.9.6/apps/weather7/index.html +0 -127
- data/Framework7-0.9.6/apps/weather7/jade/index.jade +0 -113
- data/Framework7-0.9.6/apps/weather7/js/weather7.js +0 -213
- data/Framework7-0.9.6/apps/weather7/less/weather7.less +0 -294
- data/Framework7-0.9.6/apps/weather7/manifest.php +0 -29
- data/Framework7-0.9.6/bower.json +0 -30
- data/Framework7-0.9.6/dist/about.html +0 -28
- data/Framework7-0.9.6/dist/css/framework7.css +0 -4922
- data/Framework7-0.9.6/dist/css/framework7.min.css +0 -15
- data/Framework7-0.9.6/dist/css/framework7.rtl.css +0 -427
- data/Framework7-0.9.6/dist/css/framework7.rtl.min.css +0 -1
- data/Framework7-0.9.6/dist/css/framework7.themes.css +0 -279
- data/Framework7-0.9.6/dist/css/framework7.themes.min.css +0 -1
- data/Framework7-0.9.6/dist/css/my-app.css +0 -0
- data/Framework7-0.9.6/dist/form.html +0 -229
- data/Framework7-0.9.6/dist/img/i-f7.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-calendar.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-comment.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-email.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-gender.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-name.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-password.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-settings.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-tel.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-toggle.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-url.png +0 -0
- data/Framework7-0.9.6/dist/index.html +0 -102
- data/Framework7-0.9.6/dist/js/framework7.js +0 -7479
- data/Framework7-0.9.6/dist/js/framework7.min.js +0 -18
- data/Framework7-0.9.6/dist/js/my-app.js +0 -48
- data/Framework7-0.9.6/dist/services.html +0 -28
- data/Framework7-0.9.6/examples/split-view-panel/about.html +0 -20
- data/Framework7-0.9.6/examples/split-view-panel/css/my-app.css +0 -56
- data/Framework7-0.9.6/examples/split-view-panel/index.html +0 -135
- data/Framework7-0.9.6/examples/split-view-panel/jade/about.jade +0 -18
- data/Framework7-0.9.6/examples/split-view-panel/jade/index.jade +0 -107
- data/Framework7-0.9.6/examples/split-view-panel/jade/left-page-1.jade +0 -15
- data/Framework7-0.9.6/examples/split-view-panel/jade/left-page-2.jade +0 -15
- data/Framework7-0.9.6/examples/split-view-panel/jade/services.jade +0 -18
- data/Framework7-0.9.6/examples/split-view-panel/js/my-app.js +0 -15
- data/Framework7-0.9.6/examples/split-view-panel/left-page-1.html +0 -19
- data/Framework7-0.9.6/examples/split-view-panel/left-page-2.html +0 -19
- data/Framework7-0.9.6/examples/split-view-panel/less/my-app.less +0 -62
- data/Framework7-0.9.6/examples/split-view-panel/services.html +0 -20
- data/Framework7-0.9.6/examples/split-view/about.html +0 -19
- data/Framework7-0.9.6/examples/split-view/css/my-app.css +0 -23
- data/Framework7-0.9.6/examples/split-view/index.html +0 -135
- data/Framework7-0.9.6/examples/split-view/jade/about.jade +0 -15
- data/Framework7-0.9.6/examples/split-view/jade/index.jade +0 -107
- data/Framework7-0.9.6/examples/split-view/jade/left-page-1.jade +0 -15
- data/Framework7-0.9.6/examples/split-view/jade/left-page-2.jade +0 -15
- data/Framework7-0.9.6/examples/split-view/jade/services.jade +0 -15
- data/Framework7-0.9.6/examples/split-view/js/my-app.js +0 -15
- data/Framework7-0.9.6/examples/split-view/left-page-1.html +0 -19
- data/Framework7-0.9.6/examples/split-view/left-page-2.html +0 -19
- data/Framework7-0.9.6/examples/split-view/less/my-app.less +0 -23
- data/Framework7-0.9.6/examples/split-view/services.html +0 -19
- data/Framework7-0.9.6/examples/tab-bar/about.html +0 -19
- data/Framework7-0.9.6/examples/tab-bar/css/my-app.css +0 -34
- data/Framework7-0.9.6/examples/tab-bar/index.html +0 -238
- data/Framework7-0.9.6/examples/tab-bar/jade/about.jade +0 -15
- data/Framework7-0.9.6/examples/tab-bar/jade/index.jade +0 -189
- data/Framework7-0.9.6/examples/tab-bar/jade/services.jade +0 -15
- data/Framework7-0.9.6/examples/tab-bar/js/my-app.js +0 -15
- data/Framework7-0.9.6/examples/tab-bar/less/my-app.less +0 -35
- data/Framework7-0.9.6/examples/tab-bar/services.html +0 -19
- data/Framework7-0.9.6/kitchen-sink/about.html +0 -22
- data/Framework7-0.9.6/kitchen-sink/accordion.html +0 -171
- data/Framework7-0.9.6/kitchen-sink/color-themes.html +0 -42
- data/Framework7-0.9.6/kitchen-sink/contacts.html +0 -190
- data/Framework7-0.9.6/kitchen-sink/core-features.html +0 -70
- data/Framework7-0.9.6/kitchen-sink/css/kitchen-sink.css +0 -233
- data/Framework7-0.9.6/kitchen-sink/deep-2.html +0 -22
- data/Framework7-0.9.6/kitchen-sink/deep-navbar-2.html +0 -19
- data/Framework7-0.9.6/kitchen-sink/deep-navbar-3.html +0 -19
- data/Framework7-0.9.6/kitchen-sink/deep-navbar.html +0 -18
- data/Framework7-0.9.6/kitchen-sink/forms-buttons.html +0 -64
- data/Framework7-0.9.6/kitchen-sink/forms-checkboxes.html +0 -200
- data/Framework7-0.9.6/kitchen-sink/forms-elements.html +0 -359
- data/Framework7-0.9.6/kitchen-sink/forms-selects.html +0 -72
- data/Framework7-0.9.6/kitchen-sink/forms-storage.html +0 -181
- data/Framework7-0.9.6/kitchen-sink/forms.html +0 -56
- data/Framework7-0.9.6/kitchen-sink/grid.html +0 -140
- data/Framework7-0.9.6/kitchen-sink/hide-navbar-toolbar.html +0 -42
- data/Framework7-0.9.6/kitchen-sink/img/beach.jpg +0 -0
- data/Framework7-0.9.6/kitchen-sink/img/lock.jpg +0 -0
- data/Framework7-0.9.6/kitchen-sink/img/monkey.jpg +0 -0
- data/Framework7-0.9.6/kitchen-sink/img/mountains.jpg +0 -0
- data/Framework7-0.9.6/kitchen-sink/index.html +0 -466
- data/Framework7-0.9.6/kitchen-sink/infinite-scroll-load.php +0 -19
- data/Framework7-0.9.6/kitchen-sink/infinite-scroll.html +0 -119
- data/Framework7-0.9.6/kitchen-sink/jade/about.jade +0 -19
- data/Framework7-0.9.6/kitchen-sink/jade/accordion.jade +0 -133
- data/Framework7-0.9.6/kitchen-sink/jade/color-themes.jade +0 -37
- data/Framework7-0.9.6/kitchen-sink/jade/contacts.jade +0 -115
- data/Framework7-0.9.6/kitchen-sink/jade/core-features.jade +0 -74
- data/Framework7-0.9.6/kitchen-sink/jade/deep-navbar-2.jade +0 -15
- data/Framework7-0.9.6/kitchen-sink/jade/deep-navbar-3.jade +0 -15
- data/Framework7-0.9.6/kitchen-sink/jade/deep-navbar.jade +0 -15
- data/Framework7-0.9.6/kitchen-sink/jade/forms-buttons.jade +0 -71
- data/Framework7-0.9.6/kitchen-sink/jade/forms-checkboxes.jade +0 -152
- data/Framework7-0.9.6/kitchen-sink/jade/forms-elements.jade +0 -239
- data/Framework7-0.9.6/kitchen-sink/jade/forms-selects.jade +0 -60
- data/Framework7-0.9.6/kitchen-sink/jade/forms-storage.jade +0 -134
- data/Framework7-0.9.6/kitchen-sink/jade/forms.jade +0 -52
- data/Framework7-0.9.6/kitchen-sink/jade/grid.jade +0 -110
- data/Framework7-0.9.6/kitchen-sink/jade/hide-navbar-toolbar.jade +0 -38
- data/Framework7-0.9.6/kitchen-sink/jade/index.jade +0 -427
- data/Framework7-0.9.6/kitchen-sink/jade/infinite-scroll.jade +0 -20
- data/Framework7-0.9.6/kitchen-sink/jade/list-view.jade +0 -266
- data/Framework7-0.9.6/kitchen-sink/jade/login-screen-embedded.jade +0 -22
- data/Framework7-0.9.6/kitchen-sink/jade/login-screen.jade +0 -20
- data/Framework7-0.9.6/kitchen-sink/jade/media-lists.jade +0 -170
- data/Framework7-0.9.6/kitchen-sink/jade/messages.jade +0 -71
- data/Framework7-0.9.6/kitchen-sink/jade/modals.jade +0 -36
- data/Framework7-0.9.6/kitchen-sink/jade/navbars-toolbars.jade +0 -43
- data/Framework7-0.9.6/kitchen-sink/jade/no-navbar-toolbar.jade +0 -7
- data/Framework7-0.9.6/kitchen-sink/jade/no-navbar.jade +0 -7
- data/Framework7-0.9.6/kitchen-sink/jade/no-toolbar.jade +0 -17
- data/Framework7-0.9.6/kitchen-sink/jade/notifications.jade +0 -23
- data/Framework7-0.9.6/kitchen-sink/jade/panels.jade +0 -21
- data/Framework7-0.9.6/kitchen-sink/jade/photo-browser.jade +0 -36
- data/Framework7-0.9.6/kitchen-sink/jade/popover.jade +0 -21
- data/Framework7-0.9.6/kitchen-sink/jade/preloader.jade +0 -31
- data/Framework7-0.9.6/kitchen-sink/jade/pull-to-refresh.jade +0 -44
- data/Framework7-0.9.6/kitchen-sink/jade/searchbar.jade +0 -146
- data/Framework7-0.9.6/kitchen-sink/jade/slider-custom.jade +0 -23
- data/Framework7-0.9.6/kitchen-sink/jade/slider-horizontal.jade +0 -18
- data/Framework7-0.9.6/kitchen-sink/jade/slider-multiple.jade +0 -48
- data/Framework7-0.9.6/kitchen-sink/jade/slider-nested.jade +0 -26
- data/Framework7-0.9.6/kitchen-sink/jade/slider-space-between.jade +0 -18
- data/Framework7-0.9.6/kitchen-sink/jade/slider-vertical.jade +0 -18
- data/Framework7-0.9.6/kitchen-sink/jade/slider.jade +0 -57
- data/Framework7-0.9.6/kitchen-sink/jade/sortable-list.jade +0 -107
- data/Framework7-0.9.6/kitchen-sink/jade/swipe-delete.jade +0 -195
- data/Framework7-0.9.6/kitchen-sink/jade/tabbar-labels.jade +0 -54
- data/Framework7-0.9.6/kitchen-sink/jade/tabbar.jade +0 -50
- data/Framework7-0.9.6/kitchen-sink/jade/tabs.jade +0 -34
- data/Framework7-0.9.6/kitchen-sink/jade/transitions.jade +0 -27
- data/Framework7-0.9.6/kitchen-sink/js/kitchen-sink.js +0 -442
- data/Framework7-0.9.6/kitchen-sink/less/kitchen-sink.less +0 -245
- data/Framework7-0.9.6/kitchen-sink/list-view.html +0 -318
- data/Framework7-0.9.6/kitchen-sink/login-screen-embedded.html +0 -36
- data/Framework7-0.9.6/kitchen-sink/login-screen.html +0 -21
- data/Framework7-0.9.6/kitchen-sink/media-lists.html +0 -173
- data/Framework7-0.9.6/kitchen-sink/messages.html +0 -84
- data/Framework7-0.9.6/kitchen-sink/modals.html +0 -33
- data/Framework7-0.9.6/kitchen-sink/navbars-toolbars.html +0 -46
- data/Framework7-0.9.6/kitchen-sink/no-navbar-toolbar.html +0 -11
- data/Framework7-0.9.6/kitchen-sink/no-navbar.html +0 -11
- data/Framework7-0.9.6/kitchen-sink/no-toolbar.html +0 -18
- data/Framework7-0.9.6/kitchen-sink/notifications.html +0 -21
- data/Framework7-0.9.6/kitchen-sink/panel-right2.html +0 -16
- data/Framework7-0.9.6/kitchen-sink/panel-right3.html +0 -16
- data/Framework7-0.9.6/kitchen-sink/panels.html +0 -23
- data/Framework7-0.9.6/kitchen-sink/photo-browser.html +0 -36
- data/Framework7-0.9.6/kitchen-sink/popover.html +0 -21
- data/Framework7-0.9.6/kitchen-sink/preloader.html +0 -28
- data/Framework7-0.9.6/kitchen-sink/pull-to-refresh.html +0 -52
- data/Framework7-0.9.6/kitchen-sink/searchbar.html +0 -233
- data/Framework7-0.9.6/kitchen-sink/slider-custom.html +0 -28
- data/Framework7-0.9.6/kitchen-sink/slider-horizontal.html +0 -29
- data/Framework7-0.9.6/kitchen-sink/slider-multiple.html +0 -89
- data/Framework7-0.9.6/kitchen-sink/slider-nested.html +0 -32
- data/Framework7-0.9.6/kitchen-sink/slider-space-between.html +0 -29
- data/Framework7-0.9.6/kitchen-sink/slider-vertical.html +0 -29
- data/Framework7-0.9.6/kitchen-sink/slider.html +0 -54
- data/Framework7-0.9.6/kitchen-sink/sortable-list.html +0 -137
- data/Framework7-0.9.6/kitchen-sink/swipe-delete.html +0 -216
- data/Framework7-0.9.6/kitchen-sink/tabbar-labels.html +0 -51
- data/Framework7-0.9.6/kitchen-sink/tabbar.html +0 -0
data/Framework7-0.9.6/LICENSE
DELETED
@@ -1,20 +0,0 @@
|
|
1
|
-
The MIT License (MIT)
|
2
|
-
|
3
|
-
Copyright (c) 2014 Vladimir Kharlampidi
|
4
|
-
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
6
|
-
this software and associated documentation files (the "Software"), to deal in
|
7
|
-
the Software without restriction, including without limitation the rights to
|
8
|
-
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
9
|
-
the Software, and to permit persons to whom the Software is furnished to do so,
|
10
|
-
subject to the following conditions:
|
11
|
-
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
13
|
-
copies or substantial portions of the Software.
|
14
|
-
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
17
|
-
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
18
|
-
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
19
|
-
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
20
|
-
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
data/Framework7-0.9.6/README.md
DELETED
@@ -1,113 +0,0 @@
|
|
1
|
-
[![Stories in Ready](https://badge.waffle.io/nolimits4web/framework7.png?label=ready&title=Ready)](https://waffle.io/nolimits4web/framework7)
|
2
|
-
[![Build Status](https://travis-ci.org/nolimits4web/Framework7.svg?branch=master)](https://travis-ci.org/nolimits4web/Framework7)
|
3
|
-
[![devDependency Status](https://david-dm.org/nolimits4web/framework7/dev-status.svg)](https://david-dm.org/nolimits4web/framework7#info=devDependencies)
|
4
|
-
[![Flattr this git repo](http://api.flattr.com/button/flattr-badge-large.png)](https://flattr.com/submit/auto?user_id=nolimits4web&url=https://github.com/nolimits4web/framework7/&title=Framework7&language=JavaScript&tags=github&category=software)
|
5
|
-
|
6
|
-
Framework7
|
7
|
-
==========
|
8
|
-
|
9
|
-
Full Featured HTML Framework For Building iOS7 Apps
|
10
|
-
|
11
|
-
## Attention!
|
12
|
-
|
13
|
-
Framework7 is on early development stage, so many things may be changed and sorted in a short time.
|
14
|
-
|
15
|
-
## Getting Started
|
16
|
-
* Clone/download this repo
|
17
|
-
* Start building your App from changing Kitchen Sink, or from a clean template from `dist/` folder
|
18
|
-
|
19
|
-
## Server
|
20
|
-
|
21
|
-
Because Framework7 uses Ajax for navigation between pages you will need a server. So to make it work you should put dist folder (or Kitchen Sink) on a server. Or, as an option, you may use Grunt's server. Just run:
|
22
|
-
|
23
|
-
```
|
24
|
-
$ grunt server
|
25
|
-
```
|
26
|
-
|
27
|
-
* Kitchen Sink will be available on `http://localhost:3000/kitchen-sink/`
|
28
|
-
* Dist - on `http://localhost:3000/dist/`
|
29
|
-
|
30
|
-
## Kitchen Sink
|
31
|
-
|
32
|
-
Framework7' JS and CSS files in Kitchen Sink are temporary linked to `build/` to make development process easier on this stage. So to make it work you need to build Framework7 (see Build section) or to re-link JS and CSS files to `dist/` folder.
|
33
|
-
|
34
|
-
## Dist vs Build versions
|
35
|
-
|
36
|
-
On production use files (JS and CSS) only from `dist/` folder, there will be the most stable versions, `build/` folder is only for development purpose
|
37
|
-
|
38
|
-
## Build
|
39
|
-
|
40
|
-
Framework7 uses `grunt` to build a development (build) and dist versions.
|
41
|
-
|
42
|
-
First you need to have `grunt-cli` which you should install globally.
|
43
|
-
|
44
|
-
```
|
45
|
-
$ npm install -g grunt-cli
|
46
|
-
```
|
47
|
-
|
48
|
-
Then install all dependencies, in repo's root:
|
49
|
-
|
50
|
-
```
|
51
|
-
$ npm install
|
52
|
-
$ grunt build
|
53
|
-
```
|
54
|
-
|
55
|
-
The result is available in `build/` folder.
|
56
|
-
|
57
|
-
## Dist/Release
|
58
|
-
|
59
|
-
After you have made build:
|
60
|
-
|
61
|
-
```
|
62
|
-
$ grunt dist
|
63
|
-
```
|
64
|
-
|
65
|
-
Distributable version will available in `dist/` folder.
|
66
|
-
|
67
|
-
## Custom build
|
68
|
-
|
69
|
-
You can build custom version of Framework7 with only required components/modules. For example, if we need to include only Accordion, Modals and Tabs modules in addition to Framework 7 core:
|
70
|
-
|
71
|
-
```
|
72
|
-
$ grunt custom:accordion,modals,tabs
|
73
|
-
```
|
74
|
-
After that you will find created `custom/` folder with generated JS and CSS files. Here is the list of available additional modules:
|
75
|
-
|
76
|
-
* accordion
|
77
|
-
* searchbar
|
78
|
-
* messages
|
79
|
-
* modals
|
80
|
-
* swipeout
|
81
|
-
* sortable
|
82
|
-
* smart-select
|
83
|
-
* pull-to-refresh
|
84
|
-
* infinite-scroll
|
85
|
-
* tabs
|
86
|
-
* fast-clicks
|
87
|
-
* forms (means Ajax forms and forms storage)
|
88
|
-
* push-state
|
89
|
-
* slider
|
90
|
-
* photo-browser
|
91
|
-
* notifications
|
92
|
-
|
93
|
-
## Contributing
|
94
|
-
|
95
|
-
All changes should be commited to `src/` files. Framework7 uses LESS for CSS compliations, and concatenated JS files (look at Gruntfile.js for concat files order)
|
96
|
-
|
97
|
-
If you want to help in Framework7 development and make it event better visit this page: http://www.idangero.us/framework7/contribute/
|
98
|
-
|
99
|
-
## Forum
|
100
|
-
|
101
|
-
If you have questions about Framework7 or want to help others you are welcome to special forum at http://www.idangero.us/framework7/forum/
|
102
|
-
|
103
|
-
## Docs
|
104
|
-
|
105
|
-
Documentation available at http://idangero.us/framework7/docs/
|
106
|
-
|
107
|
-
## Tutorials
|
108
|
-
|
109
|
-
Tutorials available at http://idangero.us/framework7/tutorials/
|
110
|
-
|
111
|
-
## Showcase
|
112
|
-
|
113
|
-
Appstore apps made with Framework7: http://idangero.us/framework7/showcase/
|
@@ -1,208 +0,0 @@
|
|
1
|
-
body {
|
2
|
-
background: #000;
|
3
|
-
}
|
4
|
-
.view-main {
|
5
|
-
background: url(../img/bg.jpg) no-repeat center;
|
6
|
-
-webkit-background-size: cover;
|
7
|
-
background-size: cover;
|
8
|
-
-webkit-transform: translate3d(0, 0, 0) scale(1);
|
9
|
-
-moz-transform: translate3d(0, 0, 0) scale(1);
|
10
|
-
-ms-transform: translate3d(0, 0, 0) scale(1);
|
11
|
-
-o-transform: translate3d(0, 0, 0) scale(1);
|
12
|
-
transform: translate3d(0, 0, 0) scale(1);
|
13
|
-
-webkit-transition-duration: 400ms;
|
14
|
-
-moz-transition-duration: 400ms;
|
15
|
-
-ms-transition-duration: 400ms;
|
16
|
-
-o-transition-duration: 400ms;
|
17
|
-
transition-duration: 400ms;
|
18
|
-
}
|
19
|
-
.pages,
|
20
|
-
.page {
|
21
|
-
background: none;
|
22
|
-
}
|
23
|
-
html.ios .page {
|
24
|
-
overflow: auto;
|
25
|
-
-webkit-overflow-scrolling: touch;
|
26
|
-
}
|
27
|
-
html.ios .page-content {
|
28
|
-
margin-bottom: 1px;
|
29
|
-
}
|
30
|
-
.view-main .navbar {
|
31
|
-
border-bottom: none;
|
32
|
-
background: #cc0442;
|
33
|
-
color: #fff;
|
34
|
-
}
|
35
|
-
i.icon-plus {
|
36
|
-
color: #fff;
|
37
|
-
}
|
38
|
-
.todo-items-list {
|
39
|
-
margin: 0;
|
40
|
-
color: #fff;
|
41
|
-
font-weight: 300;
|
42
|
-
}
|
43
|
-
.todo-items-list ul {
|
44
|
-
background: none;
|
45
|
-
border: none;
|
46
|
-
}
|
47
|
-
.todo-items-list .item-title {
|
48
|
-
font-size: 18px;
|
49
|
-
}
|
50
|
-
.todo-items-list .swipeout-content {
|
51
|
-
background: none;
|
52
|
-
}
|
53
|
-
.todo-items-list .item-inner {
|
54
|
-
padding-top: 18px;
|
55
|
-
padding-bottom: 16px;
|
56
|
-
border-bottom-color: rgba(255, 255, 255, 0.2);
|
57
|
-
}
|
58
|
-
.todo-items-list .label-checkbox.active-state {
|
59
|
-
background: rgba(255, 255, 255, 0.2);
|
60
|
-
}
|
61
|
-
.todo-items-list .item-content {
|
62
|
-
border-left: 5px solid;
|
63
|
-
}
|
64
|
-
.todo-items-list li[data-color="orange"] .item-content {
|
65
|
-
border-left-color: #ff8400;
|
66
|
-
}
|
67
|
-
.todo-items-list li[data-color="blue"] .item-content {
|
68
|
-
border-left-color: #089efe;
|
69
|
-
}
|
70
|
-
.todo-items-list li[data-color="green"] .item-content {
|
71
|
-
border-left-color: #2df523;
|
72
|
-
}
|
73
|
-
.todo-items-list li[data-color="white"] .item-content {
|
74
|
-
border-left-color: #fff;
|
75
|
-
}
|
76
|
-
.todo-items-list li[data-color="yellow"] .item-content {
|
77
|
-
border-left-color: #eaff00;
|
78
|
-
}
|
79
|
-
.todo-items-list li[data-color="pink"] .item-content {
|
80
|
-
border-left-color: #cc0442;
|
81
|
-
}
|
82
|
-
.todo-items-list li[data-color="purple"] .item-content {
|
83
|
-
border-left-color: #ff00f0;
|
84
|
-
}
|
85
|
-
.todo-items-list li[data-color="cyan"] .item-content {
|
86
|
-
border-left-color: #00fff6;
|
87
|
-
}
|
88
|
-
.popup {
|
89
|
-
background: rgba(54, 1, 17, 0.7);
|
90
|
-
}
|
91
|
-
.popup .navbar {
|
92
|
-
color: #fff;
|
93
|
-
background: #680222;
|
94
|
-
border: none;
|
95
|
-
}
|
96
|
-
.popup a.link {
|
97
|
-
color: #fff;
|
98
|
-
}
|
99
|
-
.popup .list-block ul {
|
100
|
-
background: none;
|
101
|
-
border: none;
|
102
|
-
color: #fff;
|
103
|
-
}
|
104
|
-
.popup .list-block input {
|
105
|
-
color: #fff;
|
106
|
-
}
|
107
|
-
.popup .item-inner {
|
108
|
-
border-color: rgba(255, 255, 255, 0.2);
|
109
|
-
}
|
110
|
-
.popup .button {
|
111
|
-
border-color: #fff;
|
112
|
-
color: #fff;
|
113
|
-
}
|
114
|
-
.popup .button.active-state {
|
115
|
-
background: rgba(255, 255, 255, 0.1);
|
116
|
-
}
|
117
|
-
.popup span.color {
|
118
|
-
display: inline-block;
|
119
|
-
width: 20px;
|
120
|
-
height: 20px;
|
121
|
-
background: #000;
|
122
|
-
vertical-align: middle;
|
123
|
-
margin-right: 2px;
|
124
|
-
-webkit-box-sizing: border-box;
|
125
|
-
-moz-box-sizing: border-box;
|
126
|
-
box-sizing: border-box;
|
127
|
-
border-radius: 100%;
|
128
|
-
cursor: pointer;
|
129
|
-
position: relative;
|
130
|
-
-webkit-transition-duration: 200ms;
|
131
|
-
-moz-transition-duration: 200ms;
|
132
|
-
-ms-transition-duration: 200ms;
|
133
|
-
-o-transition-duration: 200ms;
|
134
|
-
transition-duration: 200ms;
|
135
|
-
}
|
136
|
-
.popup span.color:last-child {
|
137
|
-
margin-right: 0;
|
138
|
-
}
|
139
|
-
.popup span.color[data-color="orange"] {
|
140
|
-
background: #ff8400;
|
141
|
-
}
|
142
|
-
.popup span.color[data-color="pink"] {
|
143
|
-
background: #cc0442;
|
144
|
-
}
|
145
|
-
.popup span.color[data-color="blue"] {
|
146
|
-
background: #089efe;
|
147
|
-
}
|
148
|
-
.popup span.color[data-color="green"] {
|
149
|
-
background: #2df523;
|
150
|
-
}
|
151
|
-
.popup span.color[data-color="yellow"] {
|
152
|
-
background: #eaff00;
|
153
|
-
}
|
154
|
-
.popup span.color[data-color="white"] {
|
155
|
-
background: #fff;
|
156
|
-
}
|
157
|
-
.popup span.color[data-color="purple"] {
|
158
|
-
background: #ff00f0;
|
159
|
-
}
|
160
|
-
.popup span.color[data-color="cyan"] {
|
161
|
-
background: #00fff6;
|
162
|
-
}
|
163
|
-
.popup span.color.selected {
|
164
|
-
-webkit-transform: translate3d(0, 0, 0) scale(1.25);
|
165
|
-
-moz-transform: translate3d(0, 0, 0) scale(1.25);
|
166
|
-
-ms-transform: translate3d(0, 0, 0) scale(1.25);
|
167
|
-
-o-transform: translate3d(0, 0, 0) scale(1.25);
|
168
|
-
transform: translate3d(0, 0, 0) scale(1.25);
|
169
|
-
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
|
170
|
-
z-index: 1;
|
171
|
-
}
|
172
|
-
@media all and (min-width: 568px) {
|
173
|
-
.popup span.color {
|
174
|
-
margin-right: 10px;
|
175
|
-
}
|
176
|
-
}
|
177
|
-
body.with-popup .view-main {
|
178
|
-
-webkit-transform: translate3d(0, 0px, 0) scale(0.85);
|
179
|
-
-moz-transform: translate3d(0, 0px, 0) scale(0.85);
|
180
|
-
-ms-transform: translate3d(0, 0px, 0) scale(0.85);
|
181
|
-
-o-transform: translate3d(0, 0px, 0) scale(0.85);
|
182
|
-
transform: translate3d(0, 0px, 0) scale(0.85);
|
183
|
-
-webkit-filter: blur(5px);
|
184
|
-
}
|
185
|
-
body.with-popup .statusbar-overlay {
|
186
|
-
background: #680222;
|
187
|
-
}
|
188
|
-
@media all and (max-width: 629px) and (max-height: 629px) {
|
189
|
-
body.with-popup .statusbar-overlay {
|
190
|
-
z-index: 11000;
|
191
|
-
}
|
192
|
-
}
|
193
|
-
.statusbar-overlay {
|
194
|
-
background: #cc0442;
|
195
|
-
}
|
196
|
-
.modal-inner {
|
197
|
-
background: #cc0442;
|
198
|
-
color: #fff;
|
199
|
-
border-bottom: 1px solid #9a0332;
|
200
|
-
}
|
201
|
-
.modal-button {
|
202
|
-
background: #cc0442;
|
203
|
-
border-right-color: #9a0332;
|
204
|
-
color: #fff;
|
205
|
-
}
|
206
|
-
.modal-button.active-state {
|
207
|
-
background: #9a0332;
|
208
|
-
}
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -1,112 +0,0 @@
|
|
1
|
-
<!DOCTYPE html>
|
2
|
-
<html manifest="manifest.php" class="with-statusbar-overlay">
|
3
|
-
<head>
|
4
|
-
<meta charset="utf-8">
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
|
6
|
-
<meta name="apple-mobile-web-app-capable" content="yes">
|
7
|
-
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
8
|
-
<title>ToDo7</title>
|
9
|
-
<link rel="stylesheet" href="../../dist/css/framework7.min.css">
|
10
|
-
<link rel="stylesheet" href="css/todo7.css">
|
11
|
-
<!-- Favicon-->
|
12
|
-
<link href="img/icon-57.png" rel="shortcut icon">
|
13
|
-
<!-- iOS 7 iPad (retina) -->
|
14
|
-
<link href="img/icon-152.png" sizes="152x152" rel="apple-touch-icon">
|
15
|
-
<!-- iOS 6 iPad (retina) -->
|
16
|
-
<link href="img/icon-144.png" sizes="144x144" rel="apple-touch-icon">
|
17
|
-
<!-- iOS 7 iPhone (retina) -->
|
18
|
-
<link href="img/icon-120.png" sizes="120x120" rel="apple-touch-icon">
|
19
|
-
<!-- iOS 6 iPhone (retina) -->
|
20
|
-
<link href="img/icon-114.png" sizes="114x114" rel="apple-touch-icon">
|
21
|
-
<!-- iOS 7 iPad -->
|
22
|
-
<link href="img/icon-76.png" sizes="76x76" rel="apple-touch-icon">
|
23
|
-
<!-- iOS 6 iPad -->
|
24
|
-
<link href="img/icon-72.png" sizes="72x72" rel="apple-touch-icon">
|
25
|
-
<!-- iOS 6 iPhone -->
|
26
|
-
<link href="img/icon-57.png" sizes="57x57" rel="apple-touch-icon">
|
27
|
-
</head>
|
28
|
-
<body>
|
29
|
-
<!-- Statusbar overlay-->
|
30
|
-
<div class="statusbar-overlay"></div>
|
31
|
-
<!-- Views-->
|
32
|
-
<div class="views">
|
33
|
-
<div class="view view-main navbar-fixed">
|
34
|
-
<div class="navbar">
|
35
|
-
<div class="navbar-inner">
|
36
|
-
<div class="left"></div>
|
37
|
-
<div class="center sliding">ToDo7</div>
|
38
|
-
<div class="right"><a href="#" class="link icon-only open-popup"><i class="icon icon-plus">+</i></a></div>
|
39
|
-
</div>
|
40
|
-
</div>
|
41
|
-
<div class="pages">
|
42
|
-
<div data-page="index" class="page">
|
43
|
-
<div class="page-content">
|
44
|
-
<div class="list-block todo-items-list theme-pink"></div>
|
45
|
-
</div>
|
46
|
-
</div>
|
47
|
-
</div>
|
48
|
-
</div>
|
49
|
-
</div>
|
50
|
-
<!-- Popup to add new task -->
|
51
|
-
<div class="popup">
|
52
|
-
<div class="view view-popup navbar-fixed">
|
53
|
-
<div class="navbar">
|
54
|
-
<div class="navbar-inner">
|
55
|
-
<div class="left"></div>
|
56
|
-
<div class="center sliding">New Task</div>
|
57
|
-
<div class="right"><a href="#" class="link close-popup">Cancel</a></div>
|
58
|
-
</div>
|
59
|
-
</div>
|
60
|
-
<div class="pages">
|
61
|
-
<div class="page">
|
62
|
-
<div class="page-content">
|
63
|
-
<div class="list-block">
|
64
|
-
<ul>
|
65
|
-
<li>
|
66
|
-
<div class="item-content">
|
67
|
-
<div class="item-inner">
|
68
|
-
<div class="item-title label">Task</div>
|
69
|
-
<div class="item-input">
|
70
|
-
<input type="text" name="title">
|
71
|
-
</div>
|
72
|
-
</div>
|
73
|
-
</div>
|
74
|
-
</li>
|
75
|
-
<li>
|
76
|
-
<div class="item-content">
|
77
|
-
<div class="item-inner">
|
78
|
-
<div class="item-title label">Color</div>
|
79
|
-
<div class="item-input"><span data-color="orange" class="color selected"></span><span data-color="green" class="color"></span><span data-color="blue" class="color"></span><span data-color="yellow" class="color"></span><span data-color="white" class="color"></span><span data-color="pink" class="color"></span><span data-color="purple" class="color"></span><span data-color="cyan" class="color"></span></div>
|
80
|
-
</div>
|
81
|
-
</div>
|
82
|
-
</li>
|
83
|
-
</ul>
|
84
|
-
</div>
|
85
|
-
<div class="content-block"><a class="button add-task">Add Task</a></div>
|
86
|
-
</div>
|
87
|
-
</div>
|
88
|
-
</div>
|
89
|
-
</div>
|
90
|
-
</div>
|
91
|
-
<!-- Template-->
|
92
|
-
<script id="todo-item-template" type="text/template">
|
93
|
-
<ul>{{#each this}}
|
94
|
-
<li data-color="{{color}}" data-id="{{id}}" class="swipeout">
|
95
|
-
<div class="swipeout-content">
|
96
|
-
<label class="label-checkbox item-content"><input type="checkbox" {{checked}}>
|
97
|
-
<div class="item-media"><i class="icon icon-form-checkbox"></i></div>
|
98
|
-
<div class="item-inner">
|
99
|
-
<div class="item-title">{{title}}</div>
|
100
|
-
</div>
|
101
|
-
</label>
|
102
|
-
</div>
|
103
|
-
<div class="swipeout-actions-right"><a href="#" class="swipeout-delete">Delete</a></div>
|
104
|
-
</li>{{/each}}
|
105
|
-
</ul>
|
106
|
-
</script>
|
107
|
-
<!-- Path to Framework7 Library JS-->
|
108
|
-
<script type="text/javascript" src="../../dist/js/framework7.min.js"></script>
|
109
|
-
<!-- Path to your app js-->
|
110
|
-
<script type="text/javascript" src="js/todo7.js"></script>
|
111
|
-
</body>
|
112
|
-
</html>
|