Subversion Repositories SmartDukaan

Rev

Rev 32348 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 32348 Rev 37823
Line 1... Line 1...
1 
<section class="wrapper">
 1 
<section class="wrapper seller-setup">
2 
	<div class="row">
 2 
    <div class="row">
3 
		<div class="col-lg-12">
 3 
        <div class="col-lg-12">
4 
			<h3 class="page-header">
 - 
 
5 
				<i class="icon_document_alt"></i>Seller
 4 
            <h3 class="page-header"><i class="icon_document_alt"></i>Sellers &amp; Warehouses</h3>
6 
			</h3>
 - 
 
7 
			<ol class="breadcrumb">
 5 
            <ol class="breadcrumb">
8 
				<li><i class="fa fa-home"></i><a
 - 
 
9 
					href="${rc.contextPath}/dashboard">Home</a></li>
 6 
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
10 
				<li><i class="icon_document_alt"></i> Seller</li>
 7 
                <li><i class="icon_document_alt"></i> Sellers &amp; Warehouses</li>
11 
			</ol>
 8 
            </ol>
12 
		</div>
 9 
        </div>
13 
	</div>
 10 
    </div>
14
- 
 
15 
 
 11 
 
- 
 
 12 
    ## Sellers: one row per GST registration
16 
    <div class = "row">
 13 
    <div class="panel panel-default">
17 
					<div class="col-lg-2 form-group">
 14 
        <div class="panel-heading clearfix">
- 
 
 15 
            <strong>Sellers</strong>
18 
						<select class="form-control input-sm" id = "sellerWare"  placeholder="States">
 16 
            <button type="button" class="btn btn-primary btn-sm pull-right" data-toggle="modal"
- 
 
 17 
                    data-target="#new-seller-modal">New Seller
- 
 
 18 
            </button>
- 
 
 19 
        </div>
19 
						<option value="" disabled selected>States</option>
 20 
        <table class="table table-striped table-condensed">
- 
 
 21 
            <thead>
- 
 
 22 
            <tr>
- 
 
 23 
                <th>Label</th>
- 
 
 24 
                <th>GSTIN</th>
- 
 
 25 
                <th>State</th>
- 
 
 26 
                <th>Warehouses</th>
- 
 
 27 
                <th></th>
- 
 
 28 
            </tr>
- 
 
 29 
            </thead>
- 
 
 30 
            <tbody>
20 
							#foreach($sellerLbl in $sellerLabel)
 31 
                #foreach($seller in $sellers)
- 
 
 32 
                <tr>
- 
 
 33 
                    <td>$seller.getLabel()</td>
21 
		             		<option value="$sellerLbl.getId()">$sellerLbl.getLabel()</option>
 34 
                    <td>#if($seller.getGstin())$seller.getGstin()#end</td>
- 
 
 35 
                    <td>#if($stateNames.get($seller.getStateId()))$stateNames.get($seller.getStateId())#end</td>
- 
 
 36 
                    <td>#if($warehouseCounts.get($seller.getId()))$warehouseCounts.get($seller.getId())#else 0#end</td>
- 
 
 37 
                    <td class="text-right">
- 
 
 38 
                        <button type="button" class="btn btn-default btn-xs seller-open"
- 
 
 39 
                                data-seller-id="$seller.getId()">Warehouses
- 
 
 40 
                        </button>
- 
 
 41 
                    </td>
- 
 
 42 
                </tr>
22 
		             		#end
 43 
                #end
23 
		             	</select>
 44 
            </tbody>
- 
 
 45 
        </table>
24 
					</div>
 46 
    </div>
25
47 
 
26 
						<div class="col-lg-1">
 48 
    <div class="warehouse-container"></div>
- 
 
 49 
 
27 
						<button class="btn btn-primary seller-warehouse" type="button">click</button>
 50 
    ## Address masters: what a warehouse prints as the seller address
28
- 
 
29 
					</div>
 51 
    <div class="panel panel-default">
30
- 
 
31 
	<div class="col-lg-2">
 52 
        <div class="panel-heading clearfix">
- 
 
 53 
            <strong>Addresses</strong>
- 
 
 54 
            <small class="text-muted">&nbsp;Only active addresses can be assigned to a warehouse</small>
32 
        <button type="button" class=" btn btn-primary " data-toggle="modal" data-target="#myModal"
 55 
            <button type="button" class="btn btn-primary btn-sm pull-right" data-toggle="modal"
33 
                style="font-size:12px;">New Seller
 56 
                    data-target="#new-address-modal">New Address
34 
        </button>
 57 
            </button>
35
58 
        </div>
36 
        <div id="myModal" class="modal fade" role="dialog">
 59 
        <table class="table table-striped table-condensed">
- 
 
 60 
            <thead>
- 
 
 61 
            <tr>
37 
            <div class="modal-dialog">
 62 
                <th>#</th>
38 
                <!-- Modal content-->
 63 
                <th>Address</th>
39 
                <div class="modal-content"  style="width: 1050px;">
 64 
                <th>City</th>
40 
                    <div class="modal-header">
 65 
                <th>Pin</th>
41 
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
 66 
                <th>State</th>
42 
                        <h4 class="modal-title">New Seller</h4>
 67 
                <th>Contact</th>
43 
                    </div>
 68 
                <th>Used by</th>
44 
                    <div class="modal-body"    style="height: 250px;">
 69 
                <th>Status</th>
- 
 
 70 
            </tr>
45
71 
            </thead>
- 
 
 72 
            <tbody>
46 
                     <form id="add-seller-form">
 73 
                #foreach($address in $addresses)
47 
                            <div class="form-row">
 74 
                <tr #if(!$address.isActive()) class="text-muted" #end>
48 
                                <div class="form-group col-md-6">
 75 
                    <td>$address.getId()</td>
49 
                                    <label for="label">Label</label>
 76 
                    <td>$address.getAddress()</td>
50 
                                    <input type="text" class="form-control" id="label"  name="inputLabel"  placeholder="Label">
 77 
                    <td>#if($address.getCity())$address.getCity()#end</td>
51 
                                </div>
 78 
                    <td>$address.getPin()</td>
52 
                      <div class="form-group col-md-6">
 79 
                    <td>#if($address.getStateName())$address.getStateName()#end</td>
53 
                           <label for="state">State</label>
 80 
                    <td>#if($address.getContactPerson())$address.getContactPerson()#end
54 
                       	<select class="form-control input-sm" id = "state" name="state" placeholder="State"  style="height: 60px;">
 81 
                        #if($address.getContactNumber())<br><small>$address.getContactNumber()</small>#end</td>
55 
						    <option value="" disabled selected>State</option>
 82 
                    <td>#foreach($warehouseId in $address.getUsedByWarehouseIds())$warehouseId#if($foreach.hasNext), #end#end</td>
- 
 
 83 
                    <td>
56 
							#foreach($stateName in $state)
 84 
                        <button type="button"
- 
 
 85 
                                class="btn btn-xs address-active-toggle #if($address.isActive()) btn-success #else btn-default #end"
57 
		             		<option value="$stateName.getId()">$stateName.getName()</option>
 86 
                                data-address-id="$address.getId()" data-active="$address.isActive()">
- 
 
 87 
                            #if($address.isActive())Active#else Inactive#end
58 
		             		#end
 88 
                        </button>
59 
		                   	</select>
89 
                    </td>
60 
		                   	</div>
 90 
                </tr>
61
91 
                #end
62 
                              <div class="form-group col-md-6">
 92 
            </tbody>
- 
 
 93 
        </table>
- 
 
 94 
    </div>
- 
 
 95 
 
- 
 
 96 
    ## New seller
63 
                                    <label for="gstin">GST</label>
 97 
    <div id="new-seller-modal" class="modal fade" role="dialog">
64 
                                    <input type="text" class="form-control" id="gstin"  name="inputGst"  placeholder="gstin">
 98 
        <div class="modal-dialog">
65 
                                </div>
 99 
            <div class="modal-content">
66 
                        <div class="form-group col-md-6">
 100 
                <div class="modal-header">
67 
                                    <label for="address">Address</label>
 101 
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
68 
                                    <input type="text" class="form-control" id="address"  name="inputAddress"  placeholder="Address">
 102 
                    <h4 class="modal-title">New Seller</h4>
69 
                                </div>
 103 
                </div>
- 
 
 104 
                <div class="modal-body">
- 
 
 105 
                    <form id="new-seller-form" autocomplete="off">
70 
                                <div class="form-group col-md-6">
 106 
                        <div class="form-group">
71 
                                    <label for="sellerPin">Pin</label>
 107 
                            <label for="new-seller-label">Label</label>
72 
                                    <input type="text" class="form-control" id="pin"  name="inputSellerPin"  placeholder="Address">
 108 
                            <input type="text" class="form-control" id="new-seller-label" maxlength="31"
- 
 
 109 
                                   placeholder="e.g. NSSPL-HR-GGN">
73 
                                </div>
 110 
                        </div>
74
111 
                        <div class="form-group">
75 
                                 <div class="form-group col-md-2" style="padding:-3px;">
 112 
                            <label for="new-seller-gstin">GSTIN</label>
76 
                            <button type="button" class="btn btn-primary" id="newSeller" data-dismiss="modal"
 113 
                            <input type="text" class="form-control text-uppercase" id="new-seller-gstin" maxlength="15"
77 
                                    data-backdrop='static' data-keyboard='false'>submit
 114 
                                   placeholder="15 characters">
78 
                            </button>
 115 
                            <p class="help-block" id="new-seller-gstin-hint">State and PAN are read from the GSTIN.</p>
79 
                            </div>
 116 
                        </div>
80
117 
                        <div class="form-group">
81
118 
                            <label for="new-seller-address">Registered address</label>
82 
                            </div>
 119 
                            <input type="text" class="form-control" id="new-seller-address" maxlength="255">
83
120 
                        </div>
84 
                        </form>
 121 
                    </form>
85 
                    </div>
 122 
                </div>
86 
                    <div class="modal-footer">
 123 
                <div class="modal-footer">
87 
                        <button type="submit" class="btn btn-default" data-dismiss="modal">Close</button>
 124 
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
88 
                    </div>
 125 
                    <button type="button" class="btn btn-primary" id="new-seller-submit">Create seller</button>
89 
                </div>
 126 
                </div>
90 
            </div>
 127 
            </div>
91 
        </div>
 128 
        </div>
92 
    </div>
 129 
    </div>
93
130 
 
94 
 	<div class="col-lg-2">
 - 
 
95 
        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myAddress"
 - 
 
96 
                style="font-size:12px;">New Address
 - 
 
97 
        </button>
 131 
    ## New address
98
- 
 
99 
        <div id="myAddress" class="modal fade" role="dialog">
 132 
    <div id="new-address-modal" class="modal fade" role="dialog">
100 
            <div class="modal-dialog">
 133 
        <div class="modal-dialog">
101 
                <!-- Modal content-->
 134 
            <div class="modal-content">
102 
                <div class="modal-content"  style="width: 1050px;">
 - 
 
103 
                    <div class="modal-header">
 135 
                <div class="modal-header">
104 
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
 136 
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
105 
                        <h4 class="modal-title">New Address</h4>
 137 
                    <h4 class="modal-title">New Address</h4>
106 
                    </div>
 138 
                </div>
107 
                    <div class="modal-body"    style="height: 250px;">
 139 
                <div class="modal-body">
- 
 
 140 
                    <form id="new-address-form" autocomplete="off">
- 
 
 141 
                        <div class="form-group">
- 
 
 142 
                            <label for="new-address-address">Address</label>
- 
 
 143 
                            <input type="text" class="form-control address-preview-source" id="new-address-address"
- 
 
 144 
                                   maxlength="230" placeholder="Building, plot, street, area">
108
145 
                        </div>
109 
                     <form id="add-address-form">
 146 
                        <div class="row">
110 
                            <div class="form-row">
 147 
                            <div class="form-group col-sm-6">
- 
 
 148 
                                <label for="new-address-city">City</label>
- 
 
 149 
                                <input type="text" class="form-control address-preview-source" id="new-address-city"
- 
 
 150 
                                       maxlength="50" placeholder="Printed as the city on invoices">
- 
 
 151 
                            </div>
111 
                                <div class="form-group col-md-6">
 152 
                            <div class="form-group col-sm-6">
112 
                                    <label for="address">Address</label>
 153 
                                <label for="new-address-pin">Pin</label>
113 
                                    <input type="text" class="form-control" id="newAddAddress"  name="inputnewAddAddress"  placeholder="Address">
 154 
                                <input type="text" class="form-control address-preview-source" id="new-address-pin"
- 
 
 155 
                                       maxlength="6" inputmode="numeric" placeholder="6 digits">
114 
                                </div>
 156 
                            </div>
- 
 
 157 
                        </div>
- 
 
 158 
                        <div class="row">
115 
                                <div class="form-group col-md-6">
 159 
                            <div class="form-group col-sm-6">
116 
                                    <label for="state">State</label>
 160 
                                <label for="new-address-state">State</label>
117 
                         	<select class="form-control input-sm" id = "stateId" name="stateId" placeholder="State"  style="height: 60px;">
 161 
                                <select class="form-control address-preview-source" id="new-address-state">
118 
						    <option value="" disabled selected>State</option>
 162 
                                    <option value="" selected disabled>Select state</option>
119 
							#foreach($stateName in $state)
 163 
                                    #foreach($state in $states)
120 
		             		<option value="$stateName.getId()">$stateName.getName()</option>
 164 
                                        <option value="$state.getId()">$state.getName()</option>
121 
		             		#end
 165 
                                    #end
122 
		                   	</select>
166 
                                </select>
123 
		                   	</div>
 167 
                            </div>
124
168 
                        </div>
- 
 
 169 
                        <div class="row">
- 
 
 170 
                            <div class="form-group col-sm-6">
- 
 
 171 
                                <label for="new-address-contact-person">Contact person</label>
- 
 
 172 
                                <input type="text" class="form-control" id="new-address-contact-person" maxlength="127">
125
173 
                            </div>
126 
                   <div class="form-group col-md-2" style="padding:-3px;">
 174 
                            <div class="form-group col-sm-6">
- 
 
 175 
                                <label for="new-address-contact-number">Contact number</label>
127 
                            <button type="button" class="btn btn-primary" id="newAddress" data-dismiss="modal" style="margin: 27px;"
 176 
                                <input type="text" class="form-control" id="new-address-contact-number" maxlength="15"
128 
                                    data-backdrop='static' data-keyboard='false'>submit
 177 
                                       inputmode="numeric" placeholder="10 to 15 digits, one number">
129 
                            </button>
 178 
                            </div>
130 
                          </div>
 179 
                        </div>
- 
 
 180 
                        <div class="well well-sm">
- 
 
 181 
                            <small class="text-muted">Invoice will print</small>
- 
 
 182 
                            <div id="new-address-preview" class="text-muted">-</div>
131 
                     </div>
183 
                        </div>
132 
                </form>
 184 
                    </form>
133 
                    </div>
 185 
                </div>
134 
                    <div class="modal-footer">
 186 
                <div class="modal-footer">
135 
                        <button type="submit" class="btn btn-default" data-dismiss="modal">Close</button>
 187 
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
136 
                    </div>
 188 
                    <button type="button" class="btn btn-primary" id="new-address-submit">Create address</button>
137 
                </div>
 189 
                </div>
138 
            </div>
 190 
            </div>
139 
        </div>
 191 
        </div>
140 
    </div>
192 
    </div>
141 
 </div>
 - 
 
142
- 
 
143 
 
 - 
 
144 
      <div class="warehouse-container" style="width: 700px;">
 - 
 
145 
		</div>
 - 
 
146 
 
 - 
 
147 
</section>
 193 
</section>