Subversion Repositories SmartDukaan

<style>
    .modal-body {
        overflow-y: auto;
        max-height: calc(100vh - 200px);
    }
</style>
<section class="wrapper">
    <div class="row">
        <div class="col-lg-12">
            <h3 class="page-header"><i class="icon_document_alt"></i>Page Sections</h3>
            <ol class="breadcrumb">
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Dashboard</a></li>
                <li><i class="icon_document_alt"></i>Pages</li>
                <li class="pull-right">
                    <button class="btn btn-primary map-catalog" type="button" data-toggle="modal" data-target="#managePagesModal">
                        <i class="icon_document_alt"></i>Create New</button>
                </li>
            </ol>
        </div>
    </div>
    <div class="table-responsive">
        <table class="table table-bordered" id="pages-list">
            <thead>
            <tr>
                <th>#</th>
                <th>Name</th>
                <th>Action</th>
            </tr>
            </thead>
            <tbody>
                #if($pages.size() > 0)
                    #foreach($page in $pages)
                    <tr data-id="$page.getId()">
                        <td>$page.getId()</td>
                        <td>#if($page.getTitle() == "Untitled") $page.getTabTitle() #else $page.getTitle() #end</td>
                        <td data-id="$page.getId()">
                            <button class="btn btn-primary view-page"><i class="fa fa-eye" title="View"></i></button>
                            <button class="btn btn-danger delete-page"><i class="fa fa-trash" title="Delete"></i></button>
                        </td>
                    </tr>
                    #end
                #else
                <tr>
                    <td colspan="3">No pages available.</td>
                </tr>
                #end
            </tbody>
        </table>
    </div>
</section>

<div id="managePagesModal" class="modal" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Manage page</h4>
            </div>
            <div class="modal-body" id="managePagesModalBody">
                <input type="hidden" id="imgURL" value="$imgURL">
                <input type="hidden" id="id" value="0">
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="group">Existing Group</label>
                            <select id="group" class="form-control">
                                <option value="">Select</option>
                                #foreach($page in $pages)
                                    <option value="$page.getId()">$page.getTitle()</option>
                                #end
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3 optional">
                        <div class="form-group">
                            <label for="title">Section Heading</label>
                            <input id="title" class="form-control" placeholder="Section Heading">
                        </div>
                    </div>
                    <div class="col-md-3 optional">
                        <div class="form-group">
                            <label for="section_order">Section Order</label>
                            <input type="number" id="section_order" class="form-control" placeholder="Section Order">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="style">Select Style</label>
                            <select id="style" class="form-control">
                                <option value="" selected>Select</option>
                                <option value="leftHero">Left</option>
                                <option value="rightHero">Right</option>
                                <option value="centerHero">Center</option>
                                <option value="doubleHero">Dual Banner</option>
                                <option value="singleHero">Single Banner</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4 optional">
                        <div class="form-group">
                            <label for="visible_on">Show On</label>
                            <select id="visible_on" class="form-control">
                                <option value="Home">Home</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4 optional">
                        <div class="form-group">
                            <label for="below">Below List</label>
                            <select id="below" class="form-control">
                                <option value="" selected>Select</option>
                                #foreach($list in $webListing)
                                    <option value="$list.getTitle()">$list.getTitle()</option>
                                #end
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="tabTitle">Tab Title</label>
                            <input id="tabTitle" class="form-control" placeholder="Tab Title">
                        </div>
                    </div>
                </div>
                <div class="table-responsive style-container"></div>
            </div>
            <div class="modal-footer">
                <span class="pull-left">
                    <input id="status" type="checkbox">
                    <label for="status">Active?</label>
                </span>
                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary save_page">Save</button>
            </div>
        </div>
    </div>
</div>