Can this have a Foundation version?

[pocesar]

I'm wondering if, instead of Twitter bootstrap, could be a Zurb Foundation 4 version. Most people prefer Foundation because of the easier responsive customization than with bootstrap.

[millette]

It's anticipated :-) See https://groups.google.com/forum/?fromgroups=#!topic/angular/Htkzt7Fsaog

[pocesar]

sounds awesome! thanks for sharing

[pkozlowski-opensource]

@pocesar yep, this is our "best kept secret" :-) As soon as you've got native AngularJS directives (and not simple wrappers around jQuery / bootstrap JavaScript) with markup extracted to templates one can basically support any CSS framework. This is our long term goal.

In practice we are not yet there, although pretty close! For now we are trying to finish implementation of all directives and stabilize the code (mostly for IE8 support) and polish APIs. As soon as it is done support for other CSS frameworks should be easy to add.But for sure we will need help so @pocesar if you need this feature any help would be highly appreciated.

@angular-ui/bootstrap I've started to think that maybe we should move templates from the current place (/template/[directive name]) closer to directives and create separate folder structures for boostrap and other CSS frameworks? Sth like /src/[directive name]/templates/bootstrap, /src/[directive name]/templates/foundation etc. What do you guys think?

[petebacondarwin]

Here is a bit of a start:
http://github.com/petebacondarwin/angular-ui-foundation. You'll need to
run serve index.html from a web server or it won't be able to load the
templates.

On 24 March 2013 22:00, Pawel Kozlowski notifications@github.com wrote:

@pocesar https://github.com/pocesar yep, this is our "best kept secret"
:-) As soon as you've got native AngularJS directives (and not simple
wrappers around jQuery / bootstrap JavaScript) with markup extracted to
templates one can basically support any CSS framework. This is our long
term goal.

In practice we are not yet there, although pretty close! For now we are
trying to finish implementation of all directives and stabilize the code
(mostly for IE8 support) and polish APIs. As soon as it is done support for
other CSS frameworks should be easy to add.But for sure we will need help
so @pocesar https://github.com/pocesar if you need this feature any
help would be highly appreciated.

@angular-ui/bootstrap I've started to think that maybe we should move
templates from the current place (/template/[directive name]) closer to
directives and create separate folder structures for boostrap and other CSS
frameworks? Sth like /src/[directive name]/templates/bootstrap,
/src/[directive name]/templates/foundation etc. What do you guys think?

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/260#issuecomment-15370341
.

[redaemn]

@pkozlowski-opensource I think that a change in the project folder structure would be needed also to make modules testable in isolation (as I mentioned in #225), so the sooner the better.

[pkozlowski-opensource]

Great stuff @petebacondarwin I wanted to see a POC for such a long time :-)

Would be awesome if we could start re-shaping this repo's folder structure to accommodate templates (and demo pages) for different CSS frameworks.

There are also changes needed to remove all the HTML and CSS from JavaScript code, I think that the modal / dialog, dropdownToggle and collapse are the ones that need most attention.

At the same time we need to stabilize current JavaScript code (IE8 support, bug-fixes etc.).

But this all is totally awesome, it really validates the concept and once we've got foundation working we should be able to add support for other CSS frameworks easily!

[petebacondarwin]

I am hoping that collapse will somewhat disappear once ngAnimate is out the
door.

On 25 March 2013 17:25, Pawel Kozlowski notifications@github.com wrote:

Great stuff @petebacondarwin https://github.com/petebacondarwin I
wanted to see a POC for such a long time :-)

Would be awesome if we could start re-shaping this repo's folder structure
to accommodate templates (and demo pages) for different CSS frameworks.

There are also changes needed to remove all the HTML and CSS from
JavaScript code, I think that the modal / dialog, dropdownToggle and
collapse are the ones that need most attention.

At the same time we need to stabilize current JavaScript code (IE8
support, bug-fixes etc.).

But this all is totally awesome, it really validates the concept and once
we've got foundation working we should be able to add support for other CSS
frameworks easily!

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/260#issuecomment-15407586
.

[pkozlowski-opensource]

True about collapse! Still we should keep it around till the AngularJS 1.1.x branch is officially blessed as "stable".

[ajoslin]

I think a good structure would be something like this:

├── src
│   └── carousel
│       ├── carousel.js
│       ├── carousel.spec.js
│       ├── docs
│       │   ├── demo.html
│       │   ├── demo.js
│       │   └── demo.md
│       └── template
│           ├── bootstrap.tpl.html
│           └── foundation.tpl.html

[petebacondarwin]

How about accordion, where there are two templates for the directive?

On 28 March 2013 17:04, Andy Joslin notifications@github.com wrote:

I think a good structure would be something like this:

http://d.pr/i/jwmf

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/260#issuecomment-15600754
.

[millette]

so template/bootstrap/tabs.tpl.html, template/bootstrap/panes.tpl.html, template/foundation/tabs.tpl.html, template/foundation/panes.tpl.html, etc.

[pkozlowski-opensource]

@millette yep, I would just rename the template folder for templates (s at the end). The structure could look like follows:

I think a good structure would be something like this:

├── src
│   └── carousel
│       ├── carousel.js
│       ├── carousel.spec.js
│       ├── docs
│       │   ├── demo.html
│       │   ├── demo.js
│       │   └── demo.md
│       └── templates
│           ├── bootstrap
│           │     ├── carousel.tpl.html
│           │     └── slide.tpl.html
│           └── foundation
│           │     ├── carousel.tpl.html
│           │     └── slide.tpl.html

@ajoslin you want to move specs to be next to sources (I don't mind, just asking if this is intentional part of the proposal).

[pkozlowski-opensource]

Aaaah, BTW, docs (at least part of them!) need CSS-framework specific code!!!

So we should have something like:

markup\bootstrap\templates
markup\bootstrap\docs

and

markup\foundation\templates
markup\foundation\docs

[Siyfion]

This sounds completely awesome, I for one would also be very keen on getting my hands on a Foundation 4.0 version of the directives. Any "official" progress been made on this? If not, does anyone need any help?

[eddiemonge]

Any progress on this or roadmap? Where is help needed?