bootstrap-for-ember-rails 0.0.2

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

@@ -0,0 +1 @@
+Bootstrap = window.Bootstrap = Ember.Namespace.create()

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/mixins/ItemSelection.coffee

@@ -0,0 +1,68 @@
+###
+A Mixin to enhance items enhanced with the 'IsItem' Mixin with selection capability.
+
+When a click event is received the current item will be stored in the parent view 'selected' property,
+An extra 'active' css class will be assigned to the Item (this) if this is a selected item.
+###
+Bootstrap.ItemSelection = Ember.Mixin.create(Bootstrap.ItemValue, Bootstrap.WithRouter,
+    classNameBindings: ["isActive:active"]
+
+    init: ->
+        @_super()
+        @didRouteChange()
+
+    didRouteChange: (->
+        linkTo = @get('content.linkTo')
+        return unless linkTo?
+        itemsView = @get('parentView')
+        return unless itemsView?
+        if @get('router')?.isActive(linkTo)
+            itemsView.set('selected', @get('value'))
+    ).observes('router.url')
+
+    ###
+    Determine whether the current item is selected,
+    if true the 'active' css class will be associated with the this DOM's element.
+
+    This is a calculated property and will be retriggered if the 'value' property of the item has changed or the 'selected' property
+    in the parent ItemsView.
+    ###
+    isActive: (->
+        #TODO: Ensure parentView is inherited from ItemsView
+        itemsView = @get('parentView')
+        if not itemsView?
+            return false
+        selected = itemsView.get 'selected'
+        value = @get 'value'
+
+        if not value?
+            return false
+
+        selected is value
+    ).property('value', 'parentView.selected', 'content.linkTo').cacheable()
+
+    ###
+    Handle selection by click event.
+
+    The identifier of the selection is based on the 'content' property of this item.
+    ###
+    click: (event) ->
+        #event.stopPropagation()
+        event.preventDefault()
+
+        #TODO: Ensure parentView is inherited from ItemsView
+        itemsView = @get('parentView')
+        if not itemsView?
+            return
+
+        content = @get('content')
+        #TODO: Ensure its an Ember object
+        if typeof(content) is 'object'
+            return if content.get('disabled')
+
+        # items with linkTo will be dispatched in didRouteChange
+        return if @get('content.linkTo')?
+
+        #Currently multi selection is not supported
+        itemsView.set('selected', @get('value'))
+)

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/mixins/ItemValue.coffee

@@ -0,0 +1,18 @@
+###
+A mixin for Items that have a value property
+###
+Bootstrap.ItemValue = Ember.Mixin.create(
+    ###
+    The value of the item, currently Items content supports only an array of strings, so value is the actual 'content' property
+    of the item.
+    ###
+    value: (->
+        #TODO: Ensure parentView is inherited from ItemsView
+        itemsView = @get('parentView')
+        if not itemsView?
+            return
+
+        value = @get('content')
+        value
+    ).property('content').cacheable()
+)

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/mixins/ItemsSelection.coffee

@@ -0,0 +1,14 @@
+###
+A Mixin to enhance views that extends from 'ItemsView' with selection capability.
+###
+Bootstrap.ItemsSelection = Ember.Mixin.create(
+    ###
+    If true, multiple selection is supported
+    ###
+    multiSelection: false
+
+    ###
+    An array of selected item(s), can be also bound to a controller property via 'selectedBinding'
+    ###
+    selected: []
+)

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/mixins/Nav.coffee

@@ -0,0 +1,13 @@
+###
+A Mixin that provides the basic configuration for rendering a Bootstrap navigation such as tabs and pills
+###
+Bootstrap.Nav = Ember.Mixin.create(
+    classNames: ['nav']
+    classNameBindings: ['navTypeClass']
+    tagName: 'ul'
+    navType: null
+
+    navTypeClass: ( ->
+        if @navType? then "nav-#{@navType}" else null
+    ).property('navType').cacheable()
+)

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/mixins/NavItem.coffee

@@ -0,0 +1,7 @@
+###
+A Mixin that provides the basic configuration for rendering and interacting with Bootstrap navigation item such a pill or a tab.
+###
+Bootstrap.NavItem = Ember.Mixin.create(Bootstrap.SelectableView
+    #unncessary as Ember magically matches this according to the parent collectionView tag
+    #tagName: 'li'
+)

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/mixins/Size.coffee

@@ -0,0 +1,37 @@
+Bootstrap = window.Bootstrap
+get = Ember.get
+set = Ember.set
+
+Bootstrap.SizeSupport = Ember.Mixin.create(
+    classTypePrefix: Ember.required(String)
+    classNameBindings: ['sizeClass', 'largeSizeClass', 'smallSizeClass', 'extraSmallSizeClass']
+    #Size value according to Bootstrap sizes: sm/lg/xs
+    size: null
+    #possible properties to define component size
+    xs: null
+    small: null
+    large: null
+
+
+    extraSmallSizeClass: ( ->
+        pref = @get 'classTypePrefix'
+        if @xs then "#{pref}-xs" else null
+    ).property('xs').cacheable()
+
+    smallSizeClass: ( ->
+        pref = @get 'classTypePrefix'
+        if @small then "#{pref}-sm" else null
+    ).property('small').cacheable()
+
+    largeSizeClass: ( ->
+        pref = @get 'classTypePrefix'
+        if @large then "#{pref}-lg" else null
+    ).property('large').cacheable()
+
+    sizeClass: ( ->
+        size = @get 'size'
+        pref = @get 'classTypePrefix'
+
+        if size then "#{pref}-#{size}" else null
+    ).property('size').cacheable()
+)

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/mixins/Type.coffee

@@ -0,0 +1,17 @@
+Bootstrap = window.Bootstrap
+get = Ember.get
+set = Ember.set
+
+Bootstrap.TypeSupport = Ember.Mixin.create(
+    classTypePrefix: Ember.required(String)
+    classNameBindings: ['typeClass']
+    type: 'default'
+
+    typeClass: ( ->
+        type = @get 'type'
+        type = 'default' if not type?
+
+        pref = @get 'classTypePrefix'
+        "#{pref}-#{type}"
+    ).property('type').cacheable()
+)

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/mixins/WithRouter.coffee

@@ -0,0 +1,8 @@
+Bootstrap = window.Bootstrap
+get = Ember.get
+
+Bootstrap.WithRouter = Ember.Mixin.create(
+    router: Ember.computed( ->
+        get(this, "controller").container.lookup "router:main"
+    )
+)

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

@@ -0,0 +1,16 @@
+Bootstrap = window.Bootstrap
+Showcase = window.Showcase = Ember.Application.create(
+    LOG_TRANSITIONS: true
+    LOG_VIEW_LOOKUPS: true
+    LOG_ACTIVE_GENERATION: true
+)
+
+Ember.ENV =
+    HELPER_PARAM_LOOKUPS: true
+
+Ember.Handlebars.registerHelper 'raw', (value) ->
+    value.fn(value)
+
+require('scripts/showcase/router')
+require('scripts/showcase/routes/*')
+require('scripts/showcase/controllers/*')

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/showcase/controllers/ShowComponentsAlertController.coffee

@@ -0,0 +1,11 @@
+Showcase.ShowComponentsAlertController = Ember.Controller.extend(
+    actions:
+        submit: ->
+            alert "Action taken by controller!"
+
+        didAlertClosed: ->
+            alert "From controller: The -closed- event was triggered."
+
+        didAlertClose: ->
+            alert "From controller: The -close- event was triggered."
+)

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/showcase/controllers/ShowComponentsButtonController.coffee

@@ -0,0 +1,24 @@
+Showcase.ShowComponentsButtonController = Ember.Controller.extend(
+    isButtonDisabled: false
+    loadingState: null
+    loadingState1: null
+
+    actions:
+        disableButton: ->
+            @set 'isButtonDisabled', true
+
+        startLoading: ->
+            @set 'loadingState', 'loading'
+            Ember.run.later(() =>
+                @set 'loadingState', null
+            , 2000)
+
+        startLoading1: ->
+            @set 'loadingState1', 'loading'
+            Ember.run.later(() =>
+                @set 'loadingState1', 'completed'
+            , 2000)
+
+        buttonWithParam: (expectedMyself) ->
+            alert "Passed controller as a param: #{expectedMyself}"
+)

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/showcase/controllers/ShowComponentsItemsActionBarController.coffee

@@ -0,0 +1,39 @@
+Showcase.ShowComponentsItemsActionBarController = Ember.Controller.extend(
+    actionsInBar: [
+        [
+            {
+                title: 'To Alerts',
+                #return true if action should be disabled, this method is invoked whenever the selection is changed.
+                disabled: (selection) ->
+                    true if selection.size < 1 || selection?[0]?.title isnt 'Alerts'
+                #transition to some route when action is clicked
+                transitionTo: 'show_components.alert'
+            },
+            {
+                title: 'To Panels',
+                transitionTo: 'show_components.panel'
+                disabled: (selection) ->
+                    true if selection.size < 1 || selection?[0]?.title isnt 'Panels'
+            }
+        ]
+        [
+            {
+                title: 'To Wizard',
+                disabled: (selection) ->
+                    true if selection.size < 1 || selection?[0]?.title isnt 'Wizards'
+                #invoke a controller action when action is clicked
+                clickActionName: 'wizard'
+            }
+        ]
+    ]
+
+    actions:
+        wizard: (selection) ->
+            alert "Wizard pressed!"
+
+    items: [
+        Ember.Object.create({title: 'Alerts'}),
+        Ember.Object.create({title: 'Panels'}),
+        Ember.Object.create({title: 'Wizards'})
+    ]
+)

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/showcase/controllers/ShowComponentsPanelController.coffee

@@ -0,0 +1,8 @@
+Showcase.ShowComponentsPanelController = Ember.Controller.extend(
+    actions:
+        panelClicked: ->
+            alert "Hello from controller: A click in a panel!"
+
+        panelClosed: ->
+            alert "Hello from controller: The panel was closed!"
+)

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/showcase/controllers/ShowComponentsPopoverController.coffee

@@ -0,0 +1,45 @@
+Showcase.ShowComponentsPopoverController = Ember.Controller.extend(
+    testObject: Ember.Object.createWithMixins
+        sticky: (->
+            return Ember.Object.create(
+                user: this,
+                content: 'know this is a sticky tooltip! You can hover over it.',
+                trigger: 'hover',
+                sticky: true
+            )
+        ).property()
+
+    user: Ember.Object.create
+            firstNameBinding: 'content.name'
+            title: 'rename'
+            template: 'name: {{input type="text" value=content.name}}'
+            content:
+                name: 'John'
+            trigger: 'hover'
+            sticky: true
+
+
+    hoverPop: Ember.Object.create
+        title: "I'm a title!"
+        content: "And i'm a content!"
+        trigger: "hover"
+        placement: "right"
+        sticky: true
+
+    clickPop: Ember.Object.create
+        title: "Clickable!"
+        content: '<h1>Hello</h1><small>This is a clickable popover with html content!</small>'
+        placement: "left"
+        html: true
+
+    templPop: Ember.Object.create
+        firstName: 'numbers'
+        title: 'Popover with Template'
+        template:   'numbers:<ul>' +
+                    '{{#each val in content.numbers}}' +
+                    '   <li>{{val}}</li>' +
+                    '{{/each}}' +
+                    '</ul>'
+        content:
+            numbers: [1,2,3]
+)

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/showcase/controllers/ShowComponentsProgressbarController.coffee

@@ -0,0 +1,11 @@
+Showcase.ShowComponentsProgressbarController = Ember.Controller.extend(
+    prog: 0
+    incrementBy: 20
+
+    actions:
+        increment: ->
+            if @prog < 100
+                @incrementProperty "prog", @incrementBy
+            else
+                @set "prog", @incrementBy
+)

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/showcase/controllers/ShowComponentsTooltipBoxController.coffee

@@ -0,0 +1 @@
+Showcase.ShowComponentsTooltipBoxController = Bootstrap.TooltipBoxController

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/showcase/controllers/ShowComponentsWellController.coffee

@@ -0,0 +1,4 @@
+Showcase.ShowComponentsWellController = Ember.Controller.extend(
+    wellClick: ->
+        alert "Hello from controller: A click in a well!"
+)

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/showcase/controllers/ShowcaseComponentButtonGroupController.coffee

@@ -0,0 +1,8 @@
+Showcase.ShowComponentsButtonGroupController = Ember.Controller.extend(
+    options: ['Home', 'Profile', 'Messages']
+    options2: ['Admin','Settings']
+    optionsWithMeta: [
+        Ember.Object.create({title: 'Create', type: 'primary'})
+        Ember.Object.create({title: 'Destroy', type: 'danger'})
+    ]
+)

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/showcase/controllers/ShowcaseComponentPillsController.coffee

@@ -0,0 +1,20 @@
+Showcase.ShowComponentsPillsController = Ember.Controller.extend(
+    content: ['Home', 'Profile', 'Messages']
+
+    init: () ->
+        @._super()
+        @set('content1', Ember.A([
+            Ember.Object.create({ title: 'Home', default: true, disabled: false }),
+            Ember.Object.create({ title: 'Admin', disabled: true })
+        ]))
+
+        @set('selected1', @get('content1').objectAt(0))
+
+    contentChanged: (->
+        console.log("Selection has changed to: #{@get('selected')}")
+    ).observes('selected')
+
+    actions:
+        disableHome: () ->
+            @get('content1').objectAt(0).set('disabled', true)
+)

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/showcase/controllers/ShowcaseComponentsGrowlNotifController.coffee

@@ -0,0 +1,11 @@
+Showcase.ShowComponentsGrowlNotifController = Ember.Controller.extend(
+    actions:
+        pushInfo: () ->
+            Bootstrap.GNM.push('INFO!', 'Hello, this is just an info message.', 'info')
+        pushSuccess: () ->
+            Bootstrap.GNM.push('SUCCESS!', 'Successfully performed operation!', 'success')
+        pushWarn: () ->
+            Bootstrap.GNM.push('WARN!', 'Could not perform operation!', 'warning')
+        pushDanger: () ->
+            Bootstrap.GNM.push('Danger!', 'System is halting!', 'danger')
+)

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/showcase/controllers/ShowcaseComponentsListGroupController.coffee

@@ -0,0 +1,12 @@
+Showcase.ShowComponentsListGroupController = Ember.Controller.extend(
+    listSimple: Ember.A(['Cras justo odio', 'Dapibus ac facilisis in', 'Morbi leo risus'])
+    listWithBadges: Ember.A([
+        Ember.Object.create({title: 'Inbox', badge: '45'})
+        Ember.Object.create({title: 'Sent', badge: '33'})
+    ])
+
+    listWithSub: Ember.A([
+        Ember.Object.create({title: 'Inbox', sub: 'Incoming mails folder', badge: '45'})
+        Ember.Object.create({title: 'Sent', sub: 'Sent emails folder', badge: '33'})
+    ])
+)

data/lib/bootstrap-for-ember-rails/bootstrap-for-ember/app/scripts/showcase/controllers/ShowcaseComponentsModalController.coffee

@@ -0,0 +1,53 @@
+Showcase.ShowComponentsModalController = Ember.Controller.extend(
+    message: 'Welcome to Bootstrap for Ember..!'
+
+    #Footer buttons meta data
+    myModalButtons: [
+        Ember.Object.create({title: 'Submit', clicked:"submit"})
+        Ember.Object.create({title: 'Cancel', clicked:"cancel", dismiss: 'modal'})
+    ]
+
+    manualButtons: [
+        Ember.Object.create({title: 'Submit', clicked:"submitManual"})
+        Ember.Object.create({title: 'Cancel', dismiss: 'modal'})
+    ]
+
+
+    actions:
+        #Submit the modal
+        submit: ->
+            #Send a notification upon success submission
+            Bootstrap.NM.push('Successfully submitted modal', 'success')
+            #Hide the modal programatically
+            Bootstrap.ModalManager.hide('myModal')
+
+        #Cancel the modal, we don't need to hide the model manually because we set {..., dismiss: 'modal'} on the button meta data
+        cancel: ->
+            Bootstrap.NM.push('Modal was cancelled', 'info')
+
+        #Show the modal
+        show: ->
+            Bootstrap.ModalManager.show('myModal')
+
+        #Close (destroys) a programatically created modal
+        submitManual: ->
+            Bootstrap.NM.push('Modal destroyed!', 'success')
+            Bootstrap.ModalManager.close('manualModal')
+
+        createModalProgramatically: ->
+            body = Ember.View.extend(
+                template: Ember.Handlebars.compile('This is a programatic ')
+            )
+
+            Bootstrap.ModalManager.open('manualModal', 'Hello', 'demo-template', @manualButtons, @)
+
+        confirm: ->
+            Bootstrap.ModalManager.confirm(@);
+
+        modalConfirmed: ->
+            Bootstrap.NM.push('Confirmed!', 'success')
+
+        modalCanceled: ->
+            Bootstrap.NM.push('Cancelled!', 'info')
+
+)