Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Multiple buttons each associated with a modal #40

Open
senthil-asdra opened this issue Mar 27, 2016 · 1 comment
Open

Multiple buttons each associated with a modal #40

senthil-asdra opened this issue Mar 27, 2016 · 1 comment

Comments

@senthil-asdra
Copy link

Hi,
Thanks for the nice plugin.. I'm trying to use it to show a modal on click of a button. The page has multiple rows and columns of buttons. The issue is, the page hangs for sometime after all the buttons show up. And then it works as expected. Is there a way to optimize or remove this initial freeze? Or is it possible to use a single modal for all the buttons? Any help is appreciated. The view markup is as below,

<ul class="h-list" ng-repeat="row in rows" style="clear:both;width:{{cols.length  * 54}}px;">
                <li ng-repeat="col in cols">
                    <div class="seat" 
                         ng-repeat="seat in seatlayout| filter: {SeatRow: row.toString(), SeatColumn: col.toString()} : true">
                        <button 
                             ng-if="getSeatStatusClass(seat) === 'seat_free'"
                             class="seat"
                             ng-class="getSeatStatusClass(seat)"
                             ng-click="toggleSeat(seat)"
                             modal-select=""
                             ng-model="selTicketType[seat.Id]" options= "tickettypes" 
                             modal-title="Select Ticket Type" on-select="buildSelectedSeats(newValue)" >
                            {{seat.SeatNo}}
                            <div class="option">
                                {{option.TicketTypeName}} - {{option.TotalTicketPrice}}
                            </div>
                        </button>
                        <button 
                                ng-if="getSeatStatusClass(seat) !== 'seat_free'"
                                class="seat"
                                ng-class="getSeatStatusClass(seat)"
                                ng-click="toggleSeat(seat)">
                            {{seat.SeatNo}}
                        </button>

                        <button ng-show="seatlayout.length==0" class="seat">&nbsp;</button>
                    </div>
                </li>
            </ul>
@bianchimro
Copy link
Member

hi @senthil-asdra ,
which version of the plugin are you using?
Could you make an example (a codepen or something alike)
where I can see the issue?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants