Subversion Repositories SmartDukaan

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
33443 ranu 1 
<style>
2 
    .btn:hover, .btn:focus {
3 
        color: grey;
4 
        text-decoration: none;
5 
    }
6 
 
7 
    .modal-dialog.modal-lg {
8 
        left: 10%;
9 
        right: auto;
10 
        width: 80%;
11 
    }
12 
 
13 
    .modal-content {
14 
        background: white;
15 
    }
16 
 
17 
    .border-highlight {
18 
        border: 3px solid red;
19 
    }
20 
 
21 
    td.highlight {
22 
        background-color: yellowgreen !important;
23 
    }
24 
</style>
25 
 
26 
 
27 
<section class="wrapper">
28 
    <div class="row">
29 
        <div class="col-lg-12">
30 
            <h3 class="page-header">
31 
                <i class="icon_document_alt"></i>Print Resources List
32 
            </h3>
33 
            <ol class="breadcrumb">
34 
                <li><i class="fa fa-home"></i><a
35 
                        href="${rc.contextPath}/dashboard">Home</a></li>
36 
                <li><i class="icon_document_alt"></i>Print Resource List</li>
37 
            </ol>
38 
        </div>
39 
    </div>
40 
 
41 
 
42 
    <div id="pending-order-table">
43 
        <div class="row">
44 
            <div class="col-lg-12">
45 
 
46 
                <table class="table table-border table-condensed table-bordered" id="all-print-resource">
47 
                    <thead>
48 
                    <tr>
49 
                        <th>Title</th>
50 
                        <th>Image Url</th>
51 
                        <th>Start Date</th>
52 
                        <th>End Date</th>
53 
                        <th>Action</th>
54 
                    </tr>
55 
                    </thead>
56 
                    <tbody>
57 
                        #if(!$printResources.isEmpty())
58 
 
59 
                            #foreach($printResource in $printResources)
60 
                            <tr>
61 
                                <td>$printResource.getTitle()</td>
62 
                                <td>$printResource.getImgUrl()</td>
63 
                                <td>$printResource.getFormattedStartdDate()</td>
64 
                                #if ($printResource.getFormattedEndDate())
65 
                                    <td>$printResource.getFormattedEndDate()</td>
66 
                                #else
67 
                                    <td></td>
68 
                                #end
69 
                                <td>
70 
                                    <a href="$printResource.getImgUrl()" class="btn btn-info"
71 
                                       data-url="$printResource.getImgUrl()" target="_blank">View Image</a>
72 
                                    <button class="btn btn-info change-end-date-btn"
73 
                                            data-url="$printResource.getImgUrl()" data-printid="$printResource.getId()"
74 
                                            data-toggle="modal" data-target="#dateChangeModel">Change End Date
75 
                                    </button>
76 
                                </td>
77 
                            </tr>
78 
                            #end
79 
                        #end
80 
                        #if($printResources.isEmpty())
81 
                        <tr>
82 
                            <td colspan="5">No data available in table</td>
83 
                        </tr>
84 
                        #end
85 
                    </tbody>
86 
                </table>
87 
            </div>
88 
        </div>
89 
    </div>
90 
</section>
91 
 
92 
 
93 
<div class="modal fade" id="dateChangeModel" role="dialog">
94 
    <div class="modal-dialog modal-sm">
95 
        <!-- Modal content-->
96 
        <div class="modal-content">
97 
            <div class="modal-header">
98 
                <button type="button" class="close" data-dismiss="modal">&times;</button>
99 
                <h4 class="modal-title">Change End Date</h4>
100 
            </div>
101 
            <div class="modal-body">
102 
                <label>Select Date </label>
103 
                <input type="date" class="change-date-input-mk form-control">
104 
            </div>
105 
            <div class="modal-footer">
106 
                <button type="button" class="btn btn-info change-end-date-submit-mk" data-dismiss="modal">Submit
107 
                </button>
108 
            </div>
109 
        </div>
110 
 
111 
    </div>
112 
</div>
113 
 
114 
<script>
115 
 
116 
    $(document).ready(function () {
117 
        var dtable = $('#all-print-resource').DataTable({});
118 
    });
119 
</script>