Elao/meteor-elaostrap

Name: meteor-elaostrap

Owner: Elao

Description: null

Created: 2015-04-10 13:37:54.0

Updated: 2015-04-27 15:54:55.0

Pushed: 2015-07-17 06:32:30.0

Homepage: null

Size: 260

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

Meteor ElaoStrap

ElaoStrap (bootstrap fork) integration for MeteorJs

Dependencies

• Bootstrap SASS
• ElaoStrap
• select2 v4

Installation

In your client/ directory, write a scss file to import what you need :

• to add default style use :

  ort ".meteor/local/build/programs/server/assets/packages/elao_meteor-elaostrap/lib/style";
  

• to add admin style use :

  ort ".meteor/local/build/programs/server/assets/packages/elao_meteor-elaostrap/lib/admin";
  

• you can also import only *.scss you need (see lib/style.scss or lib/admin.scss for examples)

Use case examples

Basic default layout with fixed top navbar

• Write in client/template/layout/layout.html :

d>
<title>Application title</title>
ad>

plate name="layout">
{{> elao_strap_layout bodyClass="with-fixed-top-navbar"}}
mplate>

plate name="top_navbar">
{{#elao_strap_top_navbar  title="Application title" mobileTitle="App title"}}
    <nav id="main-nav" class="pull-right">
        <ul>
            <li><a href="https://github.com/Elao/meteor-elaostrap" target="_blank" class="line-hover"><i class="elaostrap-font-github"></i> ElaoStrap for Meteor</a></li>
            <li><a href="https://github.com/JeremyFagis/ElaoStrap" target="_blank" class="line-hover"><i class="elaostrap-font-github"></i> ElaoStrap</a></li>
        </ul>
    </nav>
{{/elao_strap_top_navbar}}
mplate>

• Write in client/template/layout/layout.scss :

ort ".meteor/local/build/programs/server/assets/packages/elao_meteor-elaostrap/lib/style";
ort ".meteor/local/build/programs/server/assets/packages/elao_meteor-elaostrap/template/layout";

• Write in your routing file (use of iron-router) client/routing.js :

er.configure({
layoutTemplate: 'layout',
yieldRegions: {
    'top_navbar': {to: 'top_navbar'},
}


er.map(function() {
this.route('homepage', {path: '/'});

• Write in client/template/homepage/homepage.html :

plate name="homepage">
<h1>Homepage</h1>
<p>This is a basic utilisation of the default layout with fixed top navbar !</p>
mplate>