emberjs-addons / ember-bootstrap Goto Github PK
View Code? Open in Web Editor NEWA set of UI elements styled using the Boostrap toolkit to use with Ember.js
Home Page: http://emberjs-addons.github.io/ember-bootstrap/
License: MIT License
A set of UI elements styled using the Boostrap toolkit to use with Ember.js
Home Page: http://emberjs-addons.github.io/ember-bootstrap/
License: MIT License
Seems like Bootstrap.Button was removed in this commit:
but it's the first example listed in the README.
Hi,
Ember-bootstrap download links are broken.
According to the example page http://emberjs-addons.github.com/ember-bootstrap/ there should be a RadioButtonGroup view, but it doesn't exist in the code.
There was discussion in #47 about this.
i use the
{{view App.Bootstrap.TypeAhead valueBinding="assistantForInputQ" class="input-medium" url="userinfomanage_getUserName.action" idProperty="name"}}
in page...
and return the result as [{ name: 'Terry'}, { name: 'Mark'}, { name: 'Jacob'}]...
the error like this..
Uncaught TypeError: Cannot use 'in' operator to search for '53' in [{ name: 'Terry'}, { name: 'Mark'}, { name: 'Jacob'}]
even i return [ 'Terry', 'Mark', 'Jacob']
the error is ever exist .
so pls tell me return what result for typeahead....pls.
I would like to use the DatePicker and TimePicker
from:
https://github.com/jdewit/bootstrap-timepicker
https://github.com/eternicode/bootstrap-datepicker
Can you please provide support to get those 2 components part of this framework ?
Uncaught TypeError: Object [object Object] has no method 'datepicker' ember-bootstrap.min.js:546
{{view App.Bootstrap.DatePicker valueBinding="taskStartTime"}}
why it's not work?
I haven't had much luck finding out how to use this with my ember app. What is the correct way to instal/use this add-on?
I'd like to bind a Navlist to a model rather than a controller, so that the list of items in my model can show up as a navlist... any ideas?
$ rake
Building Ember Bootstrap...
rake aborted!
"\xC3" on US-ASCII
$ rake --trace
** Invoke default (first_time)
** Invoke dist (first_time)
** Execute dist
Building Ember Bootstrap...
rake aborted!
invalid byte sequence in US-ASCII
/Users/mr/Projects/3rdparty/ember-bootstrap/Assetfile:9:in gsub!' /Users/mr/Projects/3rdparty/ember-bootstrap/Assetfile:9:in
block in generate_output'
/Users/mr/Projects/3rdparty/ember-bootstrap/Assetfile:7:in each' /Users/mr/Projects/3rdparty/ember-bootstrap/Assetfile:7:in
generate_output'
Are you considering to add gemspec to this?
I'm currently unable to install any 1.x version through npm. It always hangs on:
C:\Users\rrush\Documents\GitHub\TuinenDeMeulenaere>npm update
[ ...] \ extract:fs-extra: verb gentlyRm don't care about contents; nuking C:\Users\rrush\Documents\GitHub\TuinenDeMeulenaere\node_modules.staging\fs-extra-2a35b244\node_modules
Node.js (and npm) is updated to the latest LTS, I tried setting up a fresh project and installing it... it always hangs up.
Any 0.x version installs fine though.
Any suggestions ? Thanks in advance ! :)
Hi,
I was having trouble with the ModalPane
's callback
, and I created a minimal app in a jsfiddle:
http://jsfiddle.net/siovene/n29y7/
The callback
function is never called on click
, but only on keypress
if I hit ESC
.
Thanks in advance for looking into this.
I think it will be nice to have this added to the "bower registry". What do you think?
Similar to #104, it'd be nice if there was a large notice directing viewers who are probably looking for kaliber5/ember-bootstrap
. I, for one, found myself confused by this naming collision. That's the package currently associated with this name on npm
.
E.g. make form element labels and inputs have an additional class of "span12" when the grid system is fluid. Or is their a workaround?
As of emberjs/ember.js@4df1d40 the bindingContext does not exist anymore which means the errors will not work with Form Fields. If you use an ember release after that commit you'll have to change the bindingContext
to context
in the errorsView of Bootstrap.Forms.Field (and update any code that used to directly bind bindingContext to something).
I started with a pull request with this change but there are some other (failing tests) issues when running against the latest ember which I have not fixed yet.
I'm also holding back because I think this is likely to be a non backward compatible change, you'll have to upgrade to the latest ember to use this bootstrap.
Hi, Bootstrap Version 3 is coming so I think a little redesign s needed.
Thanks
Sorry to be such a Ruby noob but when I download your repo and run rake
I get the following error: no such file to load -- bundler/setup
. I'm guessing there's a dependency i'm missing that may be obvious to a Ruby person but I'm missing the trick.
I'm having some build issues with EmberJS Pre3.
http://localhost:9292/tests/index.html?package=ember-bootstrap reports:
Tests completed in 1642 milliseconds.
279 tests of 287 passed, 8 failed.
Safari 6.0.2, 10.8.2.
Hi,
the help-block
is missing from the Form.Field
. I've added it by patching the downloadable JavaScript file. Here's a diff:
--- a/ember-bootstrap-0.0.1.js
+++ b/ember-bootstrap-0.0.1.js
@@ -516,6 +516,7 @@ Bootstrap.Forms.Field = Ember.View.extend({
'{{view view.labelView}}',
'<div class="controls">',
' {{view view.inputField}}',
+ ' {{view view.helpView}}',
' {{view view.errorsView}}',
'</div>'].join("\n")),
@@ -546,6 +547,24 @@ Bootstrap.Forms.Field = Ember.View.extend({
template: Ember.Handlebars.compile('This class is not meant to be used directly, but extended.')
}),
+ helpView: Ember.View.extend({
+ tagName: 'span',
+ classNames: ['help-block'],
+ template: Ember.Handlebars.compile('{{view.value}}'),
+
+ value: Ember.computed(function(key, value) {
+ var parent = this.get('parentView');
+
+ if (value && value !== parent.get('help')) {
+ parent.set('help', value);
+ } else {
+ value = parent.get('help');
+ }
+
+ return Bootstrap.Forms.human(value);
+ }).property('parentView.help'),
+ }),
+
errorsView: Ember.View.extend({
tagName: 'div',
classNames: ['errors', 'help-inline'],
Could you please update your README.md
so it includes instructions on how to build ember-bootstrap?
Then I could write a pull-request.
Thanks!
I could use a pointer on how validation is intended to work. You reference bindingContext on the parent view (Bootstrap.TextField for example), and then look for isValid and errors on that object. Is bindingContext something you invented or part of ember? Do I create bindingContextBinding to point to the object that does the validation (the controller)?
Currently if I assign human-readable text to the label
property of a Bootstrap.Forms.Field
-derived control, it insists on dicking around with it via the human()
function.
And by "dicking around", I mean this:
// Underscore string
value = Ember.String.decamelize(value);
// Replace all _ with spaces
value = value.replace(/_/g, " ");
// Capitalize the first letter of every word
value = value.replace(/(^|\s)([a-z])/g, function(m,p1,p2){ return p1+p2.toUpperCase(); });
return value;
In my copy of ember-bootstrap, I just commented the call to human()
out, but it would make sense to add some sort of additional property that would prevent human()
from being called -- or to make that the default behaviour.
I'm trying to create a custom bodyViewClass to replace the default modal body class which is too simple for my needs. Whenever I try to set a templateName, however, I get the following error:
Uncaught Error: assertion failed: You specified the templateName vehicle/price/net-reduction for <(subclass of Ember.View):ember1414>, but it did not exist.
I can use the same templateName elsewhere in the app and it displays just fine. This only comes up in the ModalPane instance. Below is the code for the ModalPane:
Bootstrap.ModalPane.popup({
heading: 'Net Reduction',
message: 'test',
bodyViewClass: Ember.View.extend({
templateName: 'vehicle/price/net-reduction'
}),
primary: 'Submit',
secondary: 'Cancel',
showBackdrop: true,
callback: function(opts, event) {
}
});
We at VersionEye are working hard to keep up the quality of the bower's registry.
We just finished our initial analysis of the quality of the Bower.io registry:
7530 - registered packages, 224 of them doesnt exists anymore;
We analysed 7306 existing packages and 1070 of them don't have bower.json on the master branch ( that's where a Bower client pulls a data ).
Sadly, your library emberjs-addons/ember-bootstrap
is one of them.
Can you spare 15 minutes to help us to make Bower better?
Just add a new file bower.json
and change attributes.
{
"name": "emberjs-addons/ember-bootstrap",
"version": "1.0.0",
"main": "path/to/main.css",
"description": "please add it",
"license": "Eclipse",
"ignore": [
".jshintrc",
"**/*.txt"
],
"dependencies": {
"<dependency_name>": "<semantic_version>",
"<dependency_name>": "<Local_folder>",
"<dependency_name>": "<package>"
},
"devDependencies": {
"<test-framework-name>": "<version>"
}
}
Read more about bower.json on the official spefication and nodejs semver library has great examples of proper versioning.
NB! Please validate your bower.json with jsonlint before commiting your updates.
Thank you!
Timo,
twitter: @versioneye
email: [email protected]
VersionEye - no more legacy software!
How do I fix this? Also, why is a specific v. of rake required?
$ bundle exec rake --trace
*\* Invoke default (first_time)
*\* Invoke dist (first_time)
*\* Execute dist
Building Ember Bootstrap...
rake aborted!
cannot load such file -- json
/home/cornihilio/src/b2bcm/ember-bootstrap/Assetfile:2:in `require'
/home/cornihilio/src/b2bcm/ember-bootstrap/Assetfile:2:in`block in rebuild_from_assetfile'
/home/cornihilio/.gem/ruby/1.9.1/bundler/gems/rake-pipeline-9008ba072c7a/lib/rake-pipeline/project.rb:240:in `instance_eval'
/home/cornihilio/.gem/ruby/1.9.1/bundler/gems/rake-pipeline-9008ba072c7a/lib/rake-pipeline/project.rb:240:in`block in rebuild_from_assetfile'
/home/cornihilio/.gem/ruby/1.9.1/bundler/gems/rake-pipeline-9008ba072c7a/lib/rake-pipeline/dsl/project_dsl.rb:25:in `instance_eval'
/home/cornihilio/.gem/ruby/1.9.1/bundler/gems/rake-pipeline-9008ba072c7a/lib/rake-pipeline/dsl/project_dsl.rb:25:in`evaluate'
/home/cornihilio/.gem/ruby/1.9.1/bundler/gems/rake-pipeline-9008ba072c7a/lib/rake-pipeline/project.rb:102:in `build'
/home/cornihilio/.gem/ruby/1.9.1/bundler/gems/rake-pipeline-9008ba072c7a/lib/rake-pipeline/project.rb:240:in`rebuild_from_assetfile'
/home/cornihilio/.gem/ruby/1.9.1/bundler/gems/rake-pipeline-9008ba072c7a/lib/rake-pipeline/project.rb:93:in `initialize'
/home/cornihilio/src/b2bcm/ember-bootstrap/Rakefile:9:in`new'
/home/cornihilio/src/b2bcm/ember-bootstrap/Rakefile:9:in `pipeline'
/home/cornihilio/src/b2bcm/ember-bootstrap/Rakefile:67:in`block in '
/home/cornihilio/.gem/ruby/1.9.1/gems/rake-0.9.2.2/lib/rake/task.rb:205:in `call'
/home/cornihilio/.gem/ruby/1.9.1/gems/rake-0.9.2.2/lib/rake/task.rb:205:in`block in execute'
/home/cornihilio/.gem/ruby/1.9.1/gems/rake-0.9.2.2/lib/rake/task.rb:200:in `each'
/home/cornihilio/.gem/ruby/1.9.1/gems/rake-0.9.2.2/lib/rake/task.rb:200:in`execute'
/home/cornihilio/.gem/ruby/1.9.1/gems/rake-0.9.2.2/lib/rake/task.rb:158:in `block in invoke_with_call_chain'
/usr/share/ruby/monitor.rb:211:in`mon_synchronize'
/home/cornihilio/.gem/ruby/1.9.1/gems/rake-0.9.2.2/lib/rake/task.rb:151:in `invoke_with_call_chain'
/home/cornihilio/.gem/ruby/1.9.1/gems/rake-0.9.2.2/lib/rake/task.rb:176:in`block in invoke_prerequisites'
/home/cornihilio/.gem/ruby/1.9.1/gems/rake-0.9.2.2/lib/rake/task.rb:174:in `each'
/home/cornihilio/.gem/ruby/1.9.1/gems/rake-0.9.2.2/lib/rake/task.rb:174:in`invoke_prerequisites'
/home/cornihilio/.gem/ruby/1.9.1/gems/rake-0.9.2.2/lib/rake/task.rb:157:in `block in invoke_with_call_chain'
/usr/share/ruby/monitor.rb:211:in`mon_synchronize'
/home/cornihilio/.gem/ruby/1.9.1/gems/rake-0.9.2.2/lib/rake/task.rb:151:in `invoke_with_call_chain'
/home/cornihilio/.gem/ruby/1.9.1/gems/rake-0.9.2.2/lib/rake/task.rb:144:in`invoke'
/home/cornihilio/.gem/ruby/1.9.1/gems/rake-0.9.2.2/lib/rake/application.rb:116:in `invoke_task'
/home/cornihilio/.gem/ruby/1.9.1/gems/rake-0.9.2.2/lib/rake/application.rb:94:in`block (2 levels) in top_level'
/home/cornihilio/.gem/ruby/1.9.1/gems/rake-0.9.2.2/lib/rake/application.rb:94:in `each'
/home/cornihilio/.gem/ruby/1.9.1/gems/rake-0.9.2.2/lib/rake/application.rb:94:in`block in top_level'
/home/cornihilio/.gem/ruby/1.9.1/gems/rake-0.9.2.2/lib/rake/application.rb:133:in `standard_exception_handling'
/home/cornihilio/.gem/ruby/1.9.1/gems/rake-0.9.2.2/lib/rake/application.rb:88:in`top_level'
/home/cornihilio/.gem/ruby/1.9.1/gems/rake-0.9.2.2/lib/rake/application.rb:66:in `block in run'
/home/cornihilio/.gem/ruby/1.9.1/gems/rake-0.9.2.2/lib/rake/application.rb:133:in`standard_exception_handling'
/home/cornihilio/.gem/ruby/1.9.1/gems/rake-0.9.2.2/lib/rake/application.rb:63:in `run'
/home/cornihilio/.gem/ruby/1.9.1/gems/rake-0.9.2.2/bin/rake:33:in`'
/home/cornihilio/bin/rake:23:in `load'
/home/cornihilio/bin/rake:23:in`'
Tasks: TOP => default => dist
Can you not provide compiled files within the repository? Just to use this I've had to install Ruby, then wade through errors about:
Plus fix a few other errors just to run one program once to compile this code...
Hi, I am working with two tables which are filled with an each loop inside two different views. Downloaded the .js file for table sorting this morning which works fine with the first table, but the second table fails to sort. The only difference between these is that the second table has some heavier CSS applied to create a fixed header (enabling a very large list to be scrolled through and fit within the arrangement of views on screen).
The classes appear and toggle as they should when the headings are clicked, but the table does not sort. Could it be that by forcing the header and body into display:block or something else is disabling the ability to resort the table?
See reference here: http://twitter.github.com/bootstrap/components.html#navbar
Ember default TextField provide a support to a lot of html attributes
http://emberjs.com/api/classes/Ember.TextArea.html
I was trying the required html attribute
{{view Bootstrap.Forms.TextField valueBinding="name" label="Name" help="Name of the project" required="true" }}
If the fields is empty it should show the error mentioning that this field is required. Like this provide it
<div class="control-group">
<label class="control-label" for="name">Name</label>
<div class="controls">
{{view Ember.TextField valueBinding="name" id="name" placeholder="Name" required="true"}}
</div>
</div>
Perhaps it would be a good idea to move the contents of the Readme to another file and link to it from the Readme?
I haven't really looked at this project at all — I just ended up via a Google search, but I'd feel bad if someone invested a lot of time because they accidentally skipped down in the Readme and didn't read the first line.
Just a thought. Cheers!
I don't see any license mentioned.
I'd prefer a commercial-friendly open source license. Apache 2.0, Simplified BSD, or MIT.
Thanks
Hello,
We have just add Ember-bootstrap to twittstrap resources list
http://www.twittstrap.com/resources/details/ember-bootstrap
Under : Components
Regards
This addon requires me to add the following line in my ember-cli-build.js file to use any bootstrap requiring js:
app.import('bower_components/bootstrap/dist/js/bootstrap.js');
It would be nice if this addon did not require this extra step.
I was using ember 2.5 but I think is an issues with newer versions as well.
Most of code related to ISO8601Date seems commented but single reference to this function still exists and caused an error if using Bootstrap.DatePicker
Most of code related to ISO8601Date seems commented but single reference to this function still exists and caused an error if using Bootstrap.DatePicker
All of the {{view Bootstrap.Forms.TextField seem to work properly, but as you can see from the screenshot, the select seems to have gone funny. The second select is generated using the standard ember.Select
this is using the code
{{view Bootstrap.Forms.Select
contentBinding="controllers.salesreps.content"
selectionBinding="selected"
label="Sales Rep"
optionLabelPath="content.repName"
optionValuePath="content.salesRep"
valueBinding="salesRepID"
disabledBinding="isNotEditing"
}}
The pill_item template needs {{view.title}} not {{title}}. My fork has the change in commit 37ee607, but the pull request keeps trying to pull in all past commits from master rather than just that one commit in that branch.
Is it possible to add support for 'disabled' attribute of the form fields? other supported HTML attributes would be nice as well, e.g. 'title'
Would it be possible to add the dist build folder/files to the repo so we can grab the js files without cloning the project and running rake?
Hi!
I just noticed that clicking the A, B, & C pills causes the stacked pills to update with the same selection. But when I go back to clicking pill 'B' and then 'A' again, the stacked pills are stuck at selecting pill 'B'.
Similar things happen when clicking the stacked pills, the normal pills above seem to update only when clicking stacked pill 'C' and 'A'.
I'm using the newest Safari on OS X 10.7.3.
Thanks for creating ember-bootstrap!
Right now it's impossible to use input add-ons, which should render like this:
<div class="input-prepend">
<span class="add-on">...</span>
<input ...........>
</div>
or
<div class="input-append">
<input ...........>
<span class="add-on">...</span>
</div>
Please see: http://twitter.github.com/bootstrap/base-css.html#forms
I propose this syntax:
{{view Bootstrap.Forms.TextField valueBinding="obj.prop" append-addon="..."}}
so, the addition of append-addon
and prepend-addon
.
One particular UI element is missing - button groups:
<div class="btn-group" data-toggle="buttons-radio">
<button id="score20" class="team2score btn btn-small">0</button>
<button id="score21" class="team2score btn btn-small">1</button>
<button id="score22" class="team2score btn btn-small">2</button>
<button id="score23" class="team2score btn btn-small">3</button>
<button id="score24" class="team2score btn btn-small">4</button>
<button id="score25" class="team2score btn btn-small">5</button>
</div>
I should support both "buttons-checkbox" and "buttons-radio" toggle styles.
Hi, I'm new to ember so I'm not sure if I am doing something wrong or not. When using the alert message and clicking the close link, the click event is not being caught by the view and therefore the message doesn't close.
Ember.VERSION : 1.0.0-rc.3
Handlebars.VERSION : 1.0.0-rc.4
Bootstrap.AlertMessage.create({
type: "error",
message: "Error!"
}).append();
I also tried updating the template link with the action helper but that didn't change anything:
template: Ember.Handlebars.compile('<a {{action click this target="view"}} class="close" rel="close" href="#">×</a>{{{view.message}}}'),
Any ideas if it's a bug or something I am doing wrong?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.