Status? about ui-layout

[ggoodman]

@ProLoser the status is that I've been too busy at the office to push an initial version of the project.

Regarding the other project mentioned on IRC, https://github.com/lorenzofox3/flexy-layout, we take quite different approaches to a related problem. In the linked project, a layout is built as a series of nested horizontally or vertically split panes.

The code that I will push, uses the 'borderLayout' paradigm.

Perhaps both projects have a place in angular-ui as we provide two different approaches to the 'layout' problem. If you agree with this, I would propose that this repository be renamed to ui-borderLayout since it only attempts to provide that approach to solving the layout problem.

For those looking to get an early access to the code I intent to publish, they can refer to this working code and example: http://plnkr.co/edit/djKW1GTDjeulaSUUtu7o?p=preview

[ggoodman]

@ProLoser I'm not the right person to maintain this project. I have too little time for programming.

Is there someone better to fill this roll considering that @douglasduteil has now submitted an initial proposal in #2?

[douglasduteil]

Hi @ggoodman
I'm glad someone actually notice that I made something there xD
I can maintain this project but I need feed back to know if it's the right approach and if not how better can it be.

[nateabele]

@douglasduteil Your approach is good. Great job on the demo as well. If you or someone else can push some unit tests, we'll get someone on documentation and then we can push an initial release.

[douglasduteil]

Thanks. Here comes a holy grail demo

[nateabele]

Sweet! Maybe that's all we need for docs. :-)

[ggoodman]

Hi one thing that will need to be added is a mask layer in the event you
want to embed an iframe in a panel. Dragging will break unless you put some
sort of mask div over the iframe while the dragging is ongoing.

On Wed, Nov 20, 2013 at 4:53 PM, Nate Abele [email protected]:

Sweet! Maybe that's all we need for docs. :-)

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

[nateabele]

Agreed it's necessary, but not critical for getting a 0.1 out the door.

[ggoodman]

Perhaps the repository would be better named ui-splitter to reflect the
nature of the code.

In my mind some additional features would need to be added to consider this
a complete layout package:

• Ability to define minimum and maximum sizes for each split
• Ability to have split toggles to open/close them
• Ability to set initial split size as a pixel size or some sort of percentage-based size

Now, if this were renamed to ui-splitter, this repo could remain a
tightly focused, useful package, just with a reduced scope.

Geoff

[ggoodman]

The code that I had hoped to put in this repository (in an old version) allows some pretty unusual layouts.

See: http://embed.plnkr.co/djKW1GTDjeulaSUUtu7o/preview

[ProLoser]

@deepak1556 is also interested in this project

[ProLoser]

@deepak1556 can you repost here what you sent to the group (for archive purposes)

[deepak1556]

Hi guys,
i took a look into https://github.com/lorenzofox3/flexy-layout and jquery-ui layout plugin . I would like to add one more proposal to the existing list which is providing rearrangeable layout, ex: codepen. we can have option like

<div ui-layout ui-layout-options="{controls: 'true'}"></div>

which can drop a pane with possible rearrangeable icons. wats your opinion on this ? btw @douglasduteil although i am beginner with angular, i can help out with the unit tests.

[douglasduteil]

which can drop a pane with possible rearrangeable icons.

@deepak1556 Is it some kind of enable/disable ability ? So the layout won't be resizable ?

[deepak1556]

@douglasduteil http://codepen.io/netzzwerg/pen/kHjpt just like the bottom most pane providing three rearrageable grid options. And the resizing capability wont be affected by this option, people can still resize before changing the layout view.

[ggoodman]

Another possible example to check out is this (under active development)
interface for a rewrite of Plunker:
http://plunker3-39915.use1.actionbox.io:8080/edit/

In the top right, there are 0 and 1 buttons that let you toggle the pane
arrangement. Also, if you click the expand icons next to filenames, you can
see that the main content area gets dynamically split.

These are some of the capabilities that a full featured 'layout' directive
could provide.

That being said, I still argue that ui-splitter should be created with
exactly the code that is proposed. I think it solves a different type of
problem that doesn't require the overhead of a full-featured layout system.

On Thu, Nov 21, 2013 at 10:00 AM, Robo [email protected] wrote:

@douglasduteil https://github.com/douglasduteil
http://codepen.io/netzzwerg/pen/kHjpt just like the bottom most pane
providing three rearrageable grid options. And the resizing capability wont
be affected by this option, people can still resize before changing the
layout view.

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

[deepak1556]

yeah you are right @ggoodman the feature i suggested is for a full featured layout directive. Nice one on the new plunkr design.

[SomeKittens]

I'm necroing this thread, muhahaha!

Current status: Need NPM version and better (read: less complicated) build.