Subversion Repositories SmartDukaan

Rev

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