github/meteor-ionic
2
0
Fork 0
mirror of https://github.com/donl/meteor-ionic.git synced 2026-05-26 22:06:41 -06:00
Code Issues Projects Packages Wiki Activity Actions
Ionic components for Meteor. No Angular!
178 commits 1 branch 0 tags 312 KiB
Find a file
Luca Adalberto Vandro eb9ef9e234 Update ionTabs.js 
According to Ionic documentation:
"For iOS, tabs will appear at the bottom of the screen. For Android, tabs will be at the top of the screen, below the nav-bar."
http://ionicframework.com/docs/api/directive/ionTabs/

This change makes meteoric more consistent with Ionic making the UX closer to the native one.
This behavior can be prevented by passing any string to the style attribute, e.g. style="none", like in Ionic $ionicConfigProvider
http://ionicframework.com/docs/api/provider/$ionicConfigProvider/#tabs.style
2015-06-18 02:09:22 +02:00
components Update ionTabs.js 2015-06-18 02:09:22 +02:00
vendor initial slidebox implementation. closes #5 2015-02-24 16:08:15 -08:00
.gitignore initial commit 2014-12-14 15:15:43 -08:00
.versions publish 0.1.17 2015-03-03 11:14:14 -08:00
GUIDE.md Update GUIDE.md 2015-06-17 23:06:06 +02:00
LICENSE add license, publish new version 2015-01-10 12:18:41 -08:00
package.js publish 0.1.17 2015-03-03 11:14:14 -08:00
README.md update README 2015-03-03 16:00:35 -08:00
versions.json publish first version of package 2014-12-16 15:35:09 -08:00

README.md

meteor-ionic

Build Ionic apps in Meteor!

This is an attempt at real Ionic and Meteor integration. This is not just Ionic's CSS framework wrapped in a Meteor package. It aims to be a complete port of Ionic’s Angular directives to Meteor Blaze templates.

Why?

Ionic is arguably the most comprehensive, polished, cross-platform mobile framework available. But unfortunately a large portion of its functionality comes from Angular directives. I'm not a fan of trying to force-fit Angular into Meteor, so I wanted to see if I could rewrite Ionic specifically for Meteor.

Getting started Guide

Check out the GUIDE.md for a guide on how to get started.

Status

Beta See the TODO section below to see which Angular Directives have been ported to Blaze.

Dependencies

Rather than include compiled or CDN versions of Ionic's CSS Framework we’ve extraced it into two separate packages:

Examples

Contacts App

A simple CRUD app to manage contacts.

Demo | Code

Meteor Hunt

A Product Hunt clone built in Meteor Ionic. (In Progress)

Demo | Code

Demo of all components

The demo app of various meteoric components

Demo | Code

You can also keep track of the various other repos from the Meteoric team

TODO

Angular Directives to convert to Blaze:

  • ActionSheet
  • Backdrop
  • Content
    • ion-content
    • ion-refresher (not necessary with Meteor)
    • ion-pane
  • Events (use a 3rd party library?)
  • Form Inputs (using meteoric:autoform-ionic)
    • ion-checkbox
    • ion-radio
    • ion-toggle
  • Gesture (use a 3rd party library?)
  • Headers/Footers
    • ion-header-bar
    • ion-footer-bar
  • Keyboard (requires cordova integration)
  • Lists (needs edit/remove/sort functionality)
    • ion-list
    • ion-item
    • ion-delete-button
    • ion-reorder-button
    • ion-option-button
    • collection-repeat (not needed with Blaze/Spacebars)
  • Loading
  • Modal
  • Navigation (requires iron:router integration)
    • ion-nav-view
    • ion-view
    • ion-nav-bar
    • ion-nav-back-button
    • ion-nav-buttons (not needed?)
    • ion-nav-title
    • nav-transition (not needed?)
    • nav-direction (not needed?)
  • Platform
  • Popover
  • Popup
  • Scroll
    • ion-scroll
    • ion-infinite-scroll
  • Side Menus
    • ion-side-menus
    • ion-side-menu-content
    • ion-side-menu
    • expose-aside-when (not sure this is needed)
    • menu-toggle
    • menu-close
  • Slide Box
  • Tabs (requires iron:router integration)
    • ion-tabs
    • ion-tab

License

MIT License