Ionic components for Meteor. No Angular!
Find a file
2014-12-16 22:05:21 -08:00
components initial actionsheet implementation, need to implement callbacks 2014-12-16 22:05:21 -08:00
showcase initial actionsheet implementation, need to implement callbacks 2014-12-16 22:05:21 -08:00
vendor initial sidemenu implementation using snap.js 2014-12-16 21:00:50 -08:00
.gitignore initial commit 2014-12-14 15:15:43 -08:00
package.js initial actionsheet implementation, need to implement callbacks 2014-12-16 22:05:21 -08:00
README.md update README 2014-12-16 21:10:44 -08:00
versions.json publish first version of package 2014-12-16 15:35:09 -08:00

meteor-ionic

Alpha - not ready for production

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 Ionics Angular directives to Meteor Blaze templates.

Why?

Ionic is probably 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. Here's a blog post I wrote about the similarities between Angular directives and Meteor Templates.

Status

Not ready! 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 weve extraced it into two separate packages:

Examples

Meteor Hunt

A Product Hunt clone built in Meteor Ionic.

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
  • Lists
    • ion-list
    • ion-item
    • ion-delete-button
    • ion-reorder-button
    • ion-option-button
    • collection-repeat
  • Loading
  • Modal
  • Navigation (requires iron:router integration)
    • ion-nav-view
    • ion-view
    • ion-nav-bar
    • ion-nav-buttons
    • ion-nav-back-button
    • nav-clear
  • 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
    • ion-tabs
    • ion-tab