joe/i-buy.properties
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Simplyfy form

Browse Source
This commit is contained in:
Joe Tretter
2021-09-13 15:11:01 -05:00
parent e64a9d1894
commit 9254008a02
2 changed files with 90 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
templates/sell_propAddress.html
View File

@@ -3,44 +3,88 @@
<div class="form-group margin-bottom"> <div class="form-group margin-bottom">
<div class="col-sm-3 nopadding"> <div class="col-sm-3 nopadding">
<div class="input-group"> <div class="input-group">
<span class="input-group-addon fieldLabel" >House Number</span> <span class="input-group-addon fieldLabel">House Number</span>
<input type="text" name="HouseNumber" width="6" class="form-control"/> <input type="text" name="HouseNumber" width="6" class="form-control" />
</div> </div>
</div> </div>
<div class="col-sm-2 nopadding"> <div class="col-sm-2 nopadding">
<div class="input-group"> <div class="input-group">
<span class="input-group-addon fieldLabel" >Apt.</span> <span class="input-group-addon fieldLabel">Apt.</span>
<input type="text" name="HouseNumber" width="6" class="form-control"/> <input type="text" name="Apartment" width="6" class="form-control" />
</div> </div>
</div> </div>
<div class="col-sm-7 nopadding"> <div class="col-sm-7 nopadding">
<div class="input-group"> <div class="input-group">
<span class="input-group-addon fieldLabel" >Street</span> <span class="input-group-addon fieldLabel">Street</span>
<input type="text" name="StreetName" class="form-control"/> <input type="text" name="StreetName" class="form-control" />
</div> </div>
</div> </div>
</div> </div>
<div class="input-group"> <div class="input-group">
<span class="input-group-addon fieldLabel">City</span> <span class="input-group-addon fieldLabel">City</span>
<input type="email" name="city" class="form-control"/> <input type="email" name="city" class="form-control" />
</div> </div>
<div class="input-group"> <div class="input-group">
<span class="input-group-addon fieldLabel">State</span> <span class="input-group-addon fieldLabel">State</span>
<select class="form-control" name="State"> <select class="form-control" name="State">
<option>Alabama</option><option>Alaska</option><option>Arizona</option><option>Arkansas</option><option>California</option><option>Colorado</option><option>Connecticut</option><option>Delaware</option><option>Florida</option><option>Georgia</option><option>Hawaii</option><option>Idaho</option><option>Illinois Indiana</option><option>Iowa</option><option>Kansas</option><option>Kentucky</option><option>Louisiana</option><option>Maine</option><option>Maryland</option><option>Massachusetts</option><option>Michigan</option><option>Minnesota</option><option>Mississippi</option><option>Missouri</option><option>Montana Nebraska</option><option>Nevada</option><option>New Hampshire</option><option>NewJersey</option><option>New Mexico</option><option>New York</option><option>North Carolina</option><option>NorthDakota</option><option>Ohio</option><option>Oklahoma</option><option>Oregon</option><option>Pennsylvania RhodeIsland</option><option>South Carolina</option><option>South Dakota</option><option>Tennessee</option><option selected="selected">Texas</option><option>Utah</option><option>Vermont</option><option>Virginia</option><option>Washington</option><option>West Virginia</option><option>Wisconsin</option><option>Wyoming</option> <option>Alabama</option>
<option>Alaska</option>
<option>Arizona</option>
<option>Arkansas</option>
<option>California</option>
<option>Colorado</option>
<option>Connecticut</option>
<option>Delaware</option>
<option>Florida</option>
<option>Georgia</option>
<option>Hawaii</option>
<option>Idaho</option>
<option>Illinois Indiana</option>
<option>Iowa</option>
<option>Kansas</option>
<option>Kentucky</option>
<option>Louisiana</option>
<option>Maine</option>
<option>Maryland</option>
<option>Massachusetts</option>
<option>Michigan</option>
<option>Minnesota</option>
<option>Mississippi</option>
<option>Missouri</option>
<option>Montana Nebraska</option>
<option>Nevada</option>
<option>New Hampshire</option>
<option>NewJersey</option>
<option>New Mexico</option>
<option>New York</option>
<option>North Carolina</option>
<option>NorthDakota</option>
<option>Ohio</option>
<option>Oklahoma</option>
<option>Oregon</option>
<option>Pennsylvania RhodeIsland</option>
<option>South Carolina</option>
<option>South Dakota</option>
<option>Tennessee</option>
<option selected="selected">Texas</option>
<option>Utah</option>
<option>Vermont</option>
<option>Virginia</option>
<option>Washington</option>
<option>West Virginia</option>
<option>Wisconsin</option>
<option>Wyoming</option>
</select> </select>
</div> </div>
<div class="input-group">
<div class="input-group"> <span class="input-group-addon fieldLabel">Zip-Code</span>
<span class="input-group-addon fieldLabel" >Zip-Code</span> <input type="text" name="zipcode" class="form-control" />
<input type="text" name="zipcode" class="form-control"/>
</div> </div>
<br /> <br />
<a class="btn btn-danger" href="#Sell/page1/">Back</a> <a class="btn btn-danger" href="#Sell/page1/">Back</a>
<a class="btn btn-success" href="#Sell/page3/">Next</a> <a class="btn btn-success" href="#Sell/page3/">Next</a>

127
templates/sell_propInfo.html
View File

@@ -1,130 +1,63 @@
<h3>Property Details</h3> <h3>Property Details</h3>
<div>What’s the <b>size</b> of the <b>Property</b>?</div> <div>What’s the <b>size</b> of the <b>Property</b>?</div>
<div class="input-group"> <div class="input-group">
<span class="input-group-addon" >Sq ft</span> <span class="input-group-addon">Sq ft</span>
<input type="number" name="sizeSqft" class="form-control"/> <input type="number" name="sizeSqft" class="form-control" />
</div> </div>
<div>What’s the <b>size</b> of the <b>Lot</b>?</div> <div>What’s the <b>size</b> of the <b>Lot</b>?</div>
<div class="input-group"> <div class="input-group">
<span class="input-group-btn"> <span class="input-group-addon">Sq ft</span>
<button class="btn btn-warning active" name="lotAreaIsSqft" onclick="ibuyproperties.toggleButton($('#ls_sqft'),$('#ls_acre'))" id="ls_sqft" type="button">Sq ft</button> <input type="number" name="lotArea" class="form-control" />
<button class="btn btn-default" name="lotAreaIsAcre" onclick="ibuyproperties.toggleButton($('#ls_acre'),$('#ls_sqft'))" id="ls_acre" type="button">Acre</button>
</span>
<input type="number" name="lotArea" class="form-control"/>
</div> </div>
<div>Number of <b>Rooms</b></div> <div>Number of <b>Rooms</b></div>
<div class="input-group"> <div class="input-group">
<span class="input-group-addon" >Full</span> <span class="input-group-addon">Full</span>
<input type="number" name="numRooms" class="form-control"/> <input type="number" name="numRooms" class="form-control" />
</div> </div>
<div>Number of <b>Bathrooms</b></div> <div>Number of <b>Bathrooms</b></div>
<div class="input-group"> <div class="input-group">
<span class="input-group-addon" name="numFullBathRoom" >Full</span> <span class="input-group-addon" name="numFullBathRoom">Full</span>
<input type="number" class="form-control"/> <input type="number" class="form-control" />
<span class="input-group-addon" name="numHalfBathRoom" >Half</span> <span class="input-group-addon" name="numHalfBathRoom">Half</span>
<input type="number" class="form-control"/> <input type="number" class="form-control" />
</div> </div>
<div>What <b>Appliances</b> would be included? Any <b>Amenities</b> (i.e., pool, hot tub)?</div> <div><b>What price are you asking</b> for your property?</div>
<textarea class="form-control" name="txtAppliancesIncluded" rows="6" placeholder="" required></textarea>
<div><b>How long have you owned</b> the property?</div>
<div class="input-group"> <div class="input-group">
<span class="input-group-addon" >Years</span> <span class="input-group-addon">USD</span>
<input type="number" name="yearsOwnedProperty" class="form-control"/> <input type="number" name="askPrice" class="form-control" />
</div> </div>
<div><b>How long have you lived</b> in the property?</div>
<div class="input-group">
<span class="input-group-addon" >Years</span>
<input type="number" name="yearsLivedInProperty" class="form-control"/>
</div>
<div>Do <b>you live in the property right now</b>?</div>
<div class="btn-group" role="group" aria-label="...">
<button type="button" name="ownerOccupiedYes" onclick="ibuyproperties.toggleButton($('#btn_ownerOccupiedYes'),$('#btn_ownerOccupiedNo'))" id="btn_ownerOccupiedYes" class="btn btn-default">Yes</button>
<button type="button" name="ownerOccupiedNo" onclick="ibuyproperties.toggleButton($('#btn_ownerOccupiedNo'),$('#btn_ownerOccupiedYes'))" id="btn_ownerOccupiedNo" class="btn btn-default">No</button>
</div>
<div><b>What are you asking</b> for your property?</div>
<div class="input-group">
<span class="input-group-addon" >USD</span>
<input type="number" name="askPrice" class="form-control"/>
</div>
<div>How <b>long</b> have you been <b>trying to sell it</b>?</div>
<div class="input-group">
<span class="input-group-addon" >Months</span>
<input type="number" name="monthsTriedSelling" class="form-control"/>
</div>
<div>What <b>mortgages or financing</b> are currently on the property? What is the interest
rate? The terms? The monthly payments? Would you consider a lease
with an option to buy?</div>
<textarea class="form-control" name="txtFinancingInformation" rows="6" placeholder="" required></textarea>
<div>Can <b>you help</b> with <b>financing</b>?</div>
<div class="btn-group" role="group" aria-label="...">
<button type="button" name="canHelpWithFinancingYes" onclick="ibuyproperties.toggleButton($('#btn_helpFinYes'),$('#btn_helpFinNo'))" id="btn_helpFinYes" class="btn btn-default">Yes</button>
<button type="button" name="canHelpWithFinancingNo" onclick="ibuyproperties.toggleButton($('#btn_helpFinNo'),$('#btn_helpFinYes'))" id="btn_helpFinNo" class="btn btn-default">No</button>
</div>
<div>Do you <b>need cash at</b> the time of <b>closing</b>?</div>
<div class="btn-group" role="group" aria-label="...">
<button type="button" name="needCashOnClosingYes" class="btn btn-default" onclick="$('#grp_cashAtClosing').removeClass('hidden');ibuyproperties.toggleButton($('#btn_needCashOnCloseYes'),$('#btn_needCashOnCloseNo'))" id="btn_needCashOnCloseYes">Yes</button>
<button type="button" name="needCashOnClosingNo" class="btn btn-default" onclick="$('#grp_cashAtClosing').addClass('hidden');ibuyproperties.toggleButton($('#btn_needCashOnCloseNo'),$('#btn_needCashOnCloseYes'))" id="btn_needCashOnCloseNo">No</button>
</div>
<ul id="grp_cashAtClosing" class="hidden">
<li>
<div>How much?</div>
<div class="input-group">
<span class="input-group-addon" >USD</span>
<input type="number" name="amountOfCashNeededOnClosing" class="form-control"/>
</div>
</li>
<li>
<div>Could I give you the <b>down payment in smaller amounts/increments over a period of time</b>?</div>
<div class="btn-group" role="group" aria-label="...">
<button type="button" name="installmentDownPaymentYes" class="btn btn-default" onclick="ibuyproperties.toggleButton($('#btn_incrDPYes'),$('#btn_incrDPNo'))" id="btn_incrDPYes">Yes</button>
<button type="button" name="installmentDownPaymentNo" class="btn btn-default" onclick="ibuyproperties.toggleButton($('#btn_incrDPNo'),$('#btn_incrDPYes'))" id="btn_incrDPNo">No</button>
</div>
</li>
</ul>
<div><b>Why</b> are you <b>selling</b> the property?</div>
<textarea class="form-control" name="reasonForSelling" rows="6" placeholder="" required></textarea>
<div><b>What will you be doing with the money</b> received?</div>
<textarea class="form-control" name="usageOfMoney" rows="3" placeholder="" required></textarea>
<div>What is the <b>best thing</b> about your property?</div>
<textarea class="form-control" name="bestThingAboutProperty" rows="3" placeholder="" required></textarea>
<div>What is the <b>thing you like least</b>?</div>
<textarea class="form-control" name="worstThingAboutProperty" rows="3" placeholder="" required></textarea>
<div>How much <b>Land Tax</b> do you currently pay?</div> <div>How much <b>Land Tax</b> do you currently pay?</div>
<div class="input-group"> <div class="input-group">
<span class="input-group-addon" >USD (Year)</span> <span class="input-group-addon">USD (Year)</span>
<input type="number" name="currentLandTax" class="form-control"/> <input type="number" name="currentLandTax" class="form-control" />
</div> </div>
<div>How much <b>HOA</b> do you currently pay?</div> <div>How much <b>HOA</b> do you currently pay?</div>
<div class="input-group"> <div class="input-group">
<span class="input-group-addon" >USD (Year)</span> <span class="input-group-addon">USD (Year)</span>
<input type="number" name="currentHOA" class="form-control"/> <input type="number" name="currentHOA" class="form-control" />
</div> </div>
<div>Do you know what the <b>average monthly rent payment</b> would be <b>for a property like yours</b>?</div> <div>
Do you know what the <b>average monthly rent payment</b> would be
<b>for a property like yours</b>?
</div>
<div class="input-group"> <div class="input-group">
<span class="input-group-addon" >USD</span> <span class="input-group-addon">USD</span>
<input type="number" name="expectedRentCurrentOwner" class="form-control"/> <input type="number" name="expectedRentCurrentOwner" class="form-control" />
</div> </div>
<br /> <br />
<a class="btn btn-danger" href="#Sell/page2/">Back</a> <a class="btn btn-danger" href="#Sell/page2/">Back</a>
<a type="submit" class="btn btn-success" onclick="ibuyproperties.sellForm.sendForm();">Submit</a> <a
type="submit"
class="btn btn-success"
onclick="ibuyproperties.sellForm.sendForm();"
>Submit</a
>