Subversion Repositories SmartDukaan

Rev

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