framework7rails 3.0.0 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|
-
[](https://waffle.io/nolimits4web/framework7)
|
|
2
|
-
[](https://travis-ci.org/nolimits4web/Framework7)
|
|
3
|
-
[](https://david-dm.org/nolimits4web/framework7#info=devDependencies)
|
|
4
|
-
[](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>
|