Subversion Repositories SmartDukaan

Rev

Rev 36890 | Rev 36892 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
22354 ashik.ali 1 
<style>
34511 aman.kumar 2 
    .table-striped > tbody > tr:nth-child(odd) > td {
3 
        background: white;
4 
        background-color: white;
5 
        font-size: 14px;
6 
    }
22354 ashik.ali 7 
 
34511 aman.kumar 8 
    .table-striped > tbody > tr:nth-child(even) > td {
9 
        background: white;
10 
        background-color: white;
11 
    }
28035 tejbeer 12 
 
34511 aman.kumar 13 
    .btn:hover,
14 
    .btn:focus {
15 
        color: grey;
16 
        text-decoration: none;
17 
    }
24263 tejbeer 18 
 
36891 aman 19 
    #contactUsModal .modal-dialog.modal-lg {
20 
        width: 80%;
21 
        margin: 30px auto;
22 
        left: auto;
34511 aman.kumar 23 
        right: auto;
24 
    }
22354 ashik.ali 25 
 
34511 aman.kumar 26 
    .modal-content {
27 
        background: white;
28 
    }
28035 tejbeer 29 
 
34511 aman.kumar 30 
    .modelHeaderCustom {
31 
        font-size: 14px;
32 
        font-weight: bold;
33 
    }
28035 tejbeer 34 
 
34511 aman.kumar 35 
    hr {
36 
        background-color: #007aff;
37 
        border: none;
38 
        height: 1px;
39 
        background: #007aff;
40 
    }
28035 tejbeer 41 
 
34511 aman.kumar 42 
    .border-highlight {
43 
        border: 3px solid red;
44 
    }
36890 aman 45 
 
46 
    #contact-us-table .contact-action-btn {
47 
        margin: 0 2px;
48 
        padding: 2px 8px;
49 
    }
22354 ashik.ali 50 
</style>
28035 tejbeer 51 
<section class="wrapper">
34511 aman.kumar 52 
    <!--overview start-->
53 
    <div class="row">
54 
        <div class="col-lg-12">
55 
            <h3 class="page-header">
56 
                <i class="icon_document_alt"></i>#springMessage("support.contactdetails")
57 
            </h3>
58 
            <ol class="breadcrumb">
59 
                <li>
60 
                    <i class="fa fa-home"></i>
61 
                    <a href="${rc.contextPath}/dashboard">#springMessage("support.home")</a>
62 
                </li>
63 
                <li>
64 
                    <i class="icon_document_alt"></i>#springMessage("support.contactdetails")
65 
                </li>
66 
            </ol>
67 
        </div>
32669 shampa 68 
    </div>
34511 aman.kumar 69 
    <div id="contact-us-table">
70 
        <div class="row">
33984 aman.kumar 71 
 
34511 aman.kumar 72 
            <div class="col-lg-9">
36890 aman 73 
                #if($contactUsEditor)
74 
                    <div style="margin-bottom: 10px;">
75 
                        <button type="button" class="btn btn-primary contact-add-btn" data-section="MAIN">
76 
                            <i class="fa fa-plus"></i> Add Contact
77 
                        </button>
78 
                    </div>
79 
                #end
34511 aman.kumar 80 
                <table class="table table-bordered">
81 
                    <tbody>
82 
                    <tr>
83 
                        <th>#springMessage("support.area")</th>
84 
                        <th>#springMessage("support.basearea")</th>
85 
                        <th>#springMessage("support.name")</th>
86 
                        <th>#springMessage("support.designation")</th>
87 
                        <th>#springMessage("support.mobile")</th>
88 
                        <th>#springMessage("support.email")</th>
36890 aman 89 
                        #if($contactUsEditor)<th>Action</th>#end
34511 aman.kumar 90 
                    </tr>
34806 aman 91 
 
36890 aman 92 
                    #foreach($contact in $mainContacts)
93 
                        <tr>
94 
                            <td>$!{contact.area}</td>
95 
                            <td>$!{contact.baseArea}</td>
96 
                            <td>$!{contact.name}</td>
97 
                            <td>$!{contact.designation}</td>
98 
                            <td>$!{contact.mobile}</td>
99 
                            <td>
100 
                                <a href="mailto:$!{contact.email}">$!{contact.email}</a>
101 
                            </td>
102 
                            #if($contactUsEditor)
103 
                                <td style="white-space: nowrap;">
104 
                                    <button type="button" class="btn btn-xs btn-info contact-action-btn contact-edit-btn"
105 
                                            data-id="$!{contact.id}" data-section="$!{contact.section}"
106 
                                            data-area="$!{contact.area}" data-basearea="$!{contact.baseArea}"
107 
                                            data-name="$!{contact.name}" data-designation="$!{contact.designation}"
108 
                                            data-mobile="$!{contact.mobile}" data-email="$!{contact.email}">
109 
                                        <i class="fa fa-pencil"></i> Edit
110 
                                    </button>
111 
                                    <button type="button" class="btn btn-xs btn-danger contact-action-btn contact-delete-btn"
112 
                                            data-id="$!{contact.id}" data-name="$!{contact.name}">
113 
                                        <i class="fa fa-trash"></i> Delete
114 
                                    </button>
115 
                                </td>
116 
                            #end
117 
                        </tr>
118 
                    #end
36233 aman 119 
 
35975 aman 120 
                    <tr>
36890 aman 121 
                        <td colspan="#if($contactUsEditor)7#{else}6#end" align="center">
34511 aman.kumar 122 
                            <b>Escalations</b>
36890 aman 123 
                            #if($contactUsEditor)
124 
                                <button type="button" class="btn btn-primary btn-xs contact-add-btn"
125 
                                        data-section="ESCALATION" style="margin-left: 10px;">
126 
                                    <i class="fa fa-plus"></i> Add Escalation
127 
                                </button>
128 
                            #end
34511 aman.kumar 129 
                        </td>
130 
                    </tr>
131 
                    <tr>
132 
                        <td>Area</td>
133 
                        <td>Region</td>
134 
                        <th>Name</th>
135 
                        <th>Designation</th>
136 
                        <th>Mobile</th>
137 
                        <th>Email</th>
36890 aman 138 
                        #if($contactUsEditor)<th>Action</th>#end
34511 aman.kumar 139 
                    </tr>
36890 aman 140 
                    #foreach($contact in $escalationContacts)
141 
                        <tr>
142 
                            <td>$!{contact.area}</td>
143 
                            <td>$!{contact.baseArea}</td>
144 
                            <td>$!{contact.name}</td>
145 
                            <td>$!{contact.designation}</td>
146 
                            <td>$!{contact.mobile}</td>
147 
                            <td>
148 
                                <a href="mailto:$!{contact.email}">$!{contact.email}</a>
149 
                            </td>
150 
                            #if($contactUsEditor)
151 
                                <td style="white-space: nowrap;">
152 
                                    <button type="button" class="btn btn-xs btn-info contact-action-btn contact-edit-btn"
153 
                                            data-id="$!{contact.id}" data-section="$!{contact.section}"
154 
                                            data-area="$!{contact.area}" data-basearea="$!{contact.baseArea}"
155 
                                            data-name="$!{contact.name}" data-designation="$!{contact.designation}"
156 
                                            data-mobile="$!{contact.mobile}" data-email="$!{contact.email}">
157 
                                        <i class="fa fa-pencil"></i> Edit
158 
                                    </button>
159 
                                    <button type="button" class="btn btn-xs btn-danger contact-action-btn contact-delete-btn"
160 
                                            data-id="$!{contact.id}" data-name="$!{contact.name}">
161 
                                        <i class="fa fa-trash"></i> Delete
162 
                                    </button>
163 
                                </td>
164 
                            #end
165 
                        </tr>
166 
                    #end
34806 aman 167 
 
34511 aman.kumar 168 
                    </tbody>
169 
                </table>
170 
            </div>
171 
        </div>
32669 shampa 172 
    </div>
36890 aman 173 
 
174 
    #if($contactUsEditor)
175 
        <!-- Add / Edit contact modal -->
176 
        <div class="modal fade" id="contactUsModal" tabindex="-1" role="dialog" aria-hidden="true">
177 
            <div class="modal-dialog modal-lg">
178 
                <div class="modal-content">
179 
                    <div class="modal-header">
180 
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
181 
                        <h4 class="modal-title modelHeaderCustom" id="contactUsModalTitle">Add Contact</h4>
182 
                    </div>
183 
                    <div class="modal-body">
184 
                        <form id="contactUsForm" onsubmit="return false;">
185 
                            <input type="hidden" id="cuId" name="id" value="0"/>
186 
                            <input type="hidden" id="cuSection" name="section" value="MAIN"/>
187 
                            <div class="form-group">
188 
                                <label>Area</label>
189 
                                <input type="text" class="form-control" id="cuArea" name="area"/>
190 
                            </div>
191 
                            <div class="form-group">
192 
                                <label id="cuBaseAreaLabel">Base Area</label>
193 
                                <input type="text" class="form-control" id="cuBaseArea" name="baseArea"/>
194 
                            </div>
195 
                            <div class="form-group">
196 
                                <label>Name <span style="color:red;">*</span></label>
197 
                                <input type="text" class="form-control" id="cuName" name="name"/>
198 
                            </div>
199 
                            <div class="form-group">
200 
                                <label>Designation</label>
201 
                                <input type="text" class="form-control" id="cuDesignation" name="designation"/>
202 
                            </div>
203 
                            <div class="form-group">
204 
                                <label>Mobile No</label>
205 
                                <input type="text" class="form-control" id="cuMobile" name="mobile"/>
206 
                            </div>
207 
                            <div class="form-group">
208 
                                <label>Email Id</label>
209 
                                <input type="text" class="form-control" id="cuEmail" name="email"/>
210 
                            </div>
211 
                        </form>
212 
                    </div>
213 
                    <div class="modal-footer">
214 
                        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
215 
                        <button type="button" class="btn btn-primary" id="contactUsSaveBtn">Save</button>
216 
                    </div>
217 
                </div>
218 
            </div>
219 
        </div>
220 
    #end
24263 tejbeer 221 
</section>