bootstrap-for-ember-rails 0.0.2

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/components/BsProgressComponent.coffee

@@ -0,0 +1,19 @@
+###
+Parent component of a progressbar component
+###
+Bootstrap.BsProgressComponent = Ember.Component.extend(
+    layoutName: 'components/bs-progress'
+    classNames: ['progress']
+    classNameBindings: ['animated:active', 'stripped:progress-striped']
+
+    #If specified, a default progressbar is rendered, otherwise the user requires to supply a bs-progressbar sub component
+    progress: null
+    stripped:false
+    animated:false
+
+    default: (->
+        @progress
+    ).property('progress')
+)
+
+Ember.Handlebars.helper 'bs-progress', Bootstrap.BsProgressComponent

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/components/BsProgressbarComponent.coffee

@@ -0,0 +1,22 @@
+Bootstrap.BsProgressbarComponent = Ember.Component.extend(Bootstrap.TypeSupport,
+    layoutName: 'components/bs-progressbar'
+    classNames: ['progress-bar']
+    attributeBindings: ['style', 'role', 'aria-valuemin', 'ariaValueNow:aria-valuenow', 'aria-valuemax']
+    classTypePrefix: 'progress-bar'
+    role: 'progressbar'
+    'aria-valuemin': 0
+    'aria-valuemax': 100
+
+    init: ->
+        @._super()
+
+    style: ( ->
+        "width:#{@progress}%;"
+    ).property('progress').cacheable()
+
+    ariaValueNow: ( ->
+        @progress
+    ).property('progress').cacheable()
+)
+
+Ember.Handlebars.helper 'bs-progressbar', Bootstrap.BsProgressbarComponent

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/components/BsTabPane.coffee

@@ -0,0 +1,2 @@
+Bootstrap.BsTabPane = Bootstrap.ItemPaneView.extend(
+)

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/components/BsTabs.coffee

@@ -0,0 +1,9 @@
+Bootstrap.BsTabs = Bootstrap.ItemsView.extend(Bootstrap.Nav,
+    navType: 'tabs'
+    classNameBindings: ['justified:nav-justified']
+    attributeBindings: ['style']
+
+    itemViewClass: Bootstrap.BsPill
+)
+
+Ember.Handlebars.helper('bs-tabs', Bootstrap.BsTabs)

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/components/BsTabsPanes.coffee

@@ -0,0 +1,6 @@
+Bootstrap.BsTabsPanes = Bootstrap.ItemsPanesView.extend(
+    classNames: ['tab-content']
+    itemViewClass: Bootstrap.BsTabPane
+)
+
+Ember.Handlebars.helper('bs-tabs-panes', Bootstrap.BsTabsPanes)

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/components/BsWellComponent.coffee

@@ -0,0 +1,10 @@
+Bootstrap.BsWellComponent = Ember.Component.extend(
+    layoutName: 'components/bs-well'
+    classNameBindings: ['small:well-sm', 'large:well-lg']
+    classNames: ['well']
+
+    click: ->
+        @sendAction('clicked')
+)
+
+Ember.Handlebars.helper 'bs-well', Bootstrap.BsWellComponent

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/components/BsWizardComponent.coffee

@@ -0,0 +1,175 @@
+Bootstrap.BsWizardStep = Bootstrap.ItemView.extend(Bootstrap.ItemSelection,Bootstrap.NavItem,
+    classNames: ['wizard-step']
+    classNameBindings: ['completed']
+    completed: false
+    template: Ember.Handlebars.compile([
+        '{{view view.stepAsLink}}'
+    ].join("\n")
+    )
+
+    stepAsLink: Ember.View.extend (
+        tagName: 'a'
+        template: Ember.Handlebars.compile('{{view.parentView.title}}')
+        attributeBindings: ['href']
+        href: "#"
+    )
+)
+
+Bootstrap.BsWizardSteps = Bootstrap.ItemsView.extend(Bootstrap.Nav,
+    navType: 'pills'
+    classNames: ['wizard-steps']
+    itemViewClass: Bootstrap.BsWizardStep
+
+    currentItemIdx: (->
+        selected = @get('selected')
+        i=0
+        for view in @._childViews
+            if view.get('content') is selected
+                selectedItem = view
+                break
+            i++
+
+        if selectedItem then i else null
+    ).property('selected')
+)
+
+Bootstrap.BsWizardStepPane = Bootstrap.ItemPaneView.extend(
+)
+
+Bootstrap.BsWizardStepsPanes = Bootstrap.ItemsPanesView.extend(
+    classNames: ['wizard-panes']
+    itemViewClass: Bootstrap.BsWizardStepPane
+)
+
+Bootstrap.BsWizardComponent = Ember.ContainerView.extend(Ember.TargetActionSupport,
+    classNames: ['wizard']
+    childViews: ['steps', 'panes', 'controls']
+    prevAllowed: true
+
+    items: (->
+        @._childViews?[0]
+    ).property('content')
+
+    panes: (->
+        @._childViews[1]
+    ).property('content')
+
+    steps: Bootstrap.BsWizardSteps.extend(
+        contentBinding: 'parentView.content'
+        selectedBinding: 'parentView.selected'
+    )
+
+    panes: Bootstrap.BsWizardStepsPanes.extend(
+        contentBinding: 'parentView.content'
+    )
+
+    controls: Ember.ContainerView.extend (
+        childViews: ['prev', 'next', 'finish']
+
+        prev: Bootstrap.BsButtonComponent.extend(
+            #TODO: This is a hack until it will be possible to extend from component as it looses the template association
+            #see https://github.com/emberjs/ember.js/issues/3376
+            layoutName: 'components/bs-button'
+            title: 'Prev'
+            size: 'xs'
+            "data-rel": 'PREV'
+            isVisible: (->
+                @get('parentView').get('parentView').get('hasPrev')
+            ).property('parentView.parentView.items.selected')
+        )
+        next: Bootstrap.BsButtonComponent.extend(
+            #TODO: This is a hack until it will be possible to extend from component as it looses the template association
+            #see https://github.com/emberjs/ember.js/issues/3376
+            layoutName: 'components/bs-button'
+            title: 'Next'
+            size: 'xs'
+            "data-rel": 'NEXT'
+            isVisible: (->
+                @get('parentView').get('parentView').get('hasNext')
+            ).property('parentView.parentView.items.selected')
+        )
+        finish: Bootstrap.BsButtonComponent.extend(
+            #TODO: This is a hack until it will be possible to extend from component as it looses the template association
+            #see https://github.com/emberjs/ember.js/issues/3376
+            layoutName: 'components/bs-button'
+            title: 'Finish'
+            size: 'xs'
+            "data-rel": 'FINISH'
+            isVisible: (->
+                @get('parentView').get('parentView').get('isLast')
+            ).property('parentView.parentView.items.selected')
+        )
+    )
+
+    currentStepIdx: (->
+        @get('items').get('currentItemIdx')
+    #TODO: Although the selectedBinding: 'parentView.selected', this doesnt work properly and is only calculated in the next change for some unknown reason.
+    #).property('selected')
+    ).property('items.selected')
+
+    willInsertElement: ->
+        @get('panes').set('items-id',@get('items').get('elementId'))
+        @get('items').set('default', @.get('items')._childViews[0].get('content').get('title'))
+
+    click: (event) ->
+        b = event.target.getAttribute("data-rel")
+        @prev() if b is 'PREV'
+        @next() if b is 'NEXT'
+        @close() if b is 'FINISH'
+    next: () ->
+        if @get('hasNext')
+            @stepCompleted(@get('currentStepIdx'))
+            currIdx = @get('currentStepIdx')+1
+            #@set 'currentItemIdx', currIdx
+            @move(currIdx)
+            @triggerAction
+                action: 'onNext'
+                actionContext: @get('targetObject')
+
+    prev: () ->
+       if @get('hasPrev')
+            currIdx = @get('currentStepIdx')-1
+            @stepCompleted(currIdx, false)
+            #@set 'currentItemIdx', currIdx
+            @move(currIdx)
+            @triggerAction
+                action: 'onPrev'
+                actionContext: @get('targetObject')
+
+
+    move: (idx) ->
+        @._childViews[0]?.set 'selected', @._childViews[0]._childViews[idx]?.get('content')
+
+    hasNext: (->
+        @get('items')._childViews.length > @get('currentStepIdx')+1
+    ).property('currentStepIdx')
+
+    hasPrev: (->
+        @get('currentStepIdx') > 0
+        @get('currentStepIdx') > 0 and @get('prevAllowed')
+    ).property('currentStepIdx')
+
+    isLast: (->
+        @get('items')._childViews.length is @get('currentStepIdx')+1
+    ).property('currentStepIdx')
+
+    close: ( ->
+        @triggerAction
+            action: 'onFinish'
+            actionContext: @get('targetObject')
+        @destroy()
+    )
+
+    stepCompleted: (idx, compl=true) ->
+        @._childViews[0]._childViews[idx].set('completed', compl)
+)
+
+Bootstrap.BsWizardComponent = Bootstrap.BsWizardComponent.reopenClass(
+    build: (options) ->
+        options = {}  unless options
+        options.manual = true
+        wizard = @create(options)
+        wizard.append()
+)
+
+Ember.Handlebars.helper 'bs-wizard', Bootstrap.BsWizardComponent

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/components/GrowlNotifications.coffee

@@ -0,0 +1,161 @@
+###
+A Growl-like notifications component.
+Originally written by Aaron Haurwitz (http://aaron.haurwitz.com/), licensed under MIT.
+###
+Bootstrap.GrowlNotifications = Ember.CollectionView.extend (
+    ###
+    @property {String[]} The array of concrete class names to put on this view's element
+    ###
+    classNames: ['growl-notifications']
+    ###
+    Binding to the GrowlNotificationManager's notifications array
+    Each of the array element will be rendered as a notification view (see ItemViewClass)
+    ###
+    contentBinding: 'Bootstrap.GNM.notifications'
+    attributeBindings: ['style']
+    showTime: 10000
+
+    ###
+    @property {View} Notification view class
+    Determines what view class to render for each item in the content array.
+    ###
+    itemViewClass: Ember.View.extend(
+        classNames: ['growl-notification']
+        template: Ember.Handlebars.compile '''
+            <span class="icon"><i class="fa {{unbound view.iconType}}"></i></span>
+            <a class="close-notification" {{action "close" target="view"}}>
+                <span style="font-size: 15px;"><i class="fa fa-times"></i></span>
+            </a>
+            <strong>
+                {{view.content.title}}
+            </strong>
+            <p>
+                {{view.content.sub}}
+            </p>
+        '''
+        classNameBindings: [
+            ":growl-notification"
+            "content.closed"
+            "isOpaque"
+        ]
+        attributeBindings: ['style']
+        ###
+        @property {Number} Will be set by `didInsertElement`, used for clearing the auto-hide timeout.
+        ###
+        timeoutId: null
+        ###
+        @property {Boolean} should the view be opaque now?
+        Used for fancy fading purposes.
+        ###
+        isOpaque: false
+
+        ###
+        Lifecycle hook - called when view is created.
+        ###
+        init: ->
+            @._super()
+            fn = (=>
+                @notifyPropertyChange "style"
+            )
+            @set "_recomputeStyle", fn
+            $(window).bind "resize", fn
+
+        ###
+        View lifecycle hook - called when the view enters the DOM.
+        ###
+        didInsertElement: ->
+            #@$().fadeIn(@get('fadeInTime'))
+            # Be prepared to auto-hide the notification
+            @set "timeoutId", setTimeout((=>
+                #@send "close"
+                @send("close")
+            ), @get("parentView.showTime"))
+
+            # Fade in the view.
+            Ember.run.later this, (->
+              @set "isOpaque", true
+            ), 1
+
+        ###
+        Lifecycle hook - called right before view is destroyed
+        ###
+        willDestroyElement: ->
+            $(window).unbind('resize', @get('_recomputeStyle'))
+
+
+        style: (->
+            notifications = @get('parentView.content').rejectProperty('closed', true)
+            index = notifications.indexOf(@get('content'))
+            viewportHeight = $(window).height()
+            unitHeight = 80
+            unitWidth = 320
+            unitsPerColumn = Math.floor(viewportHeight / unitHeight)
+            column = Math.floor(index / unitsPerColumn)
+            row = index % unitsPerColumn
+
+            return '' if index is -1
+            topPx = row * unitHeight
+            rightPx = column * unitWidth
+
+            'top: ' + topPx + 'px; right: ' + rightPx + 'px;'
+        ).property('parentView.content.@each.closed')
+
+
+        ###
+        This is simply computed property for mapping a meaningful type name to a FontAwesome CSS class.
+        ###
+        iconType: (->
+            type = this.get('content.type')
+            hash =
+                'info': 'fa-bullhorn'
+                'success': 'fa-check'
+                'warning': 'fa-exclamation'
+                'danger': 'fa-times'
+            hash[type] || ''
+        ).property('content.type')
+
+        actions:
+            close: ->
+                @set('isOpaque', false)
+                setTimeout (=>
+                    @get('parentView.content').removeObject(@get('content'))
+                    clearTimeout @get("timeoutId")
+
+                ), 300
+    )
+)
+
+Ember.Handlebars.helper 'bs-growl-notifications', Bootstrap.GrowlNotifications
+
+###
+A manager that is responsible for getting told about new notifications and storing them within an array.
+###
+Bootstrap.GNM = Bootstrap.GrowlNotificationManager = Ember.Object.create(
+    ###
+    @property {Array} A global array for storing notification objects.
+    ###
+    notifications: Ember.A()
+
+    ###
+    An exposed method for pushing new notification.
+    @param title {String} leading text
+    @param sub {String} supporting text
+    @param type {String} classification; used for which icon to show
+    ###
+    push: (title, sub, type) ->
+        type = type?= 'info'
+        notif = Bootstrap.Notification.create(
+            title: title
+            sub: sub
+            type: type
+            closed: false
+        )
+        @get('notifications').pushObject(notif)
+)
+
+
+###
+An object that represents a notification to be displayed.
+###
+Bootstrap.GrowlNotification = Ember.Object.extend(
+)

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/components/Notifications.coffee

@@ -0,0 +1,88 @@
+###
+A view that displays notification (messages).
+
+Currently a single notification is displayed as an Alert on top of the screen, each notification in a time.
+###
+Bootstrap.NotificationsView = Ember.CollectionView.extend (
+    classNames: ['notifications']
+    attributeBindings: ['style']
+    contentBinding: 'Bootstrap.NM.content'
+    showTime: 2000
+    fadeInTime: 500
+    fadeOutTime: 3000
+    showTimeTimeoutId: null
+
+    ###
+    itemViewClass: Bootstrap.BsAlertComponent.extend(
+        messageBinding: 'content.message'
+        typeBinding: 'content.type'
+        fadeInTimeBinding: 'parentView.fadeInTime'
+        isVisible: false
+
+        didInsertElement: ->
+            @$().fadeIn(@get('fadeInTime'))
+    )
+    ###
+
+    itemViewClass: Ember.View.extend(
+        classNames: ['alert', 'notification']
+        template: Ember.Handlebars.compile '{{view.content.message}}'
+        classNameBindings: ["alertType"]
+        isVisible: false
+        alertType: (->
+            @get('content').get('classType')
+        ).property('content')
+
+        didInsertElement: ->
+            @$().fadeIn(@get('fadeInTime'))
+    )
+
+    contentChanged: (->
+        if @get('content').length > 0
+            @resetShowTime()
+    ).observes('content.length')
+
+    resetShowTime: ->
+        @$().css(display: 'block')
+        @$().stop().animate opacity: "100" if @$().is(":animated")
+        clearTimeout(@showTimeTimeoutId) if @showTimeTimeoutId?
+        @showTimeTimeoutId = setTimeout(=>
+            @fadeOut(@)
+        , @showTime)
+
+    fadeOut: (that)->
+        that.$().fadeOut(that.fadeOutTime, () ->
+            that.get('content').clear()
+        )
+
+    mouseEnter: () ->
+        @$().stop().animate opacity: "100" if @$().is(":animated")
+
+    mouseLeave: () ->
+        @resetShowTime()
+)
+
+Ember.Handlebars.helper 'bs-notifications', Bootstrap.NotificationsView
+
+Bootstrap.NM = Bootstrap.NotificationManager = Ember.Object.create(
+    content: Ember.A()
+    push: (message, type) ->
+        type = type?= 'info'
+        notif = Bootstrap.Notification.create(
+            message: message
+            type: type
+        )
+        @get('content').pushObject(notif)
+
+)
+
+
+###
+This object represents a notification to be displayed.
+Notification(s) are added into the NotificationQueue by the pushNotification function.
+###
+Bootstrap.Notification = Ember.Object.extend(
+    classType: (->
+        if @type? then "alert-#{@type}" else null
+    ).property('type').cacheable()
+)