/meteor-ionic

Ionic components for Meteor. No Angular!

Primary LanguageJavaScriptMIT LicenseMIT

Meteoric Logo

Gitter

meteor-ionic

Build Ionic apps in Meteor!

Overview

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.

Note: This is a forked of meteoric:ionic, which is now not maintained. In response, I decided to fork it, and maintain this package for my own. I have written acceptance test on JoeyAndres/ionic-demo, which is a fork of meteoric/demo.

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.

Install

meteor add jandres:ionic

Dependencies

Examples

Demo of all components

The demo app of various ionic components

Demo | Code

Pre-fork Examples

The following are examples prior to this fork.

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

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
  • Loading
  • Modal
  • Navigation (requires iron:router integration)a
    • 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

Code Style Change:

These are code styles that I want to impose on this forked repo.

  • Get rid of all session variables.

License

MIT License