Initial checkin
This commit is contained in:
Joe
13
templates/Home.html
Normal file
13
templates/Home.html
Normal file
@@ -0,0 +1,13 @@
|
||||
<div class="mainScreen well" id="pnl_{{templateName}}">
|
||||
<h1>Moving soon?</h1>
|
||||
<h3>Will Make Offers On:</h3>
|
||||
<ul>
|
||||
<li>Foreclosures</li>
|
||||
<li>Properties in need of repair</li>
|
||||
<li>1-to 4-family Condominiums</li>
|
||||
<li>Town Houses</li>
|
||||
<li>Free standing Houses</li>
|
||||
</ul>
|
||||
|
||||
<b>If you like to sell your property - use the <a class="btn btn-success" href="#Sell"><i>Seller-Form</i></a></b>.
|
||||
</div>
|
||||
29
templates/Sell.html
Normal file
29
templates/Sell.html
Normal file
@@ -0,0 +1,29 @@
|
||||
<script src="/js/sellForm.js"></script>
|
||||
<script src="/js/helpers.js"></script>
|
||||
<script>ibuyproperties.sellForm.init();</script>
|
||||
|
||||
<div class="mainScreen hide" id="pnl_{{templateName}}">
|
||||
<h1>Seller-Form</h1>
|
||||
<hr>
|
||||
|
||||
<div id="pnl_sell_userInfo" class="pnl_sell hide">
|
||||
{{> sell_userInfo}}
|
||||
</div>
|
||||
|
||||
<div id="pnl_sell_propAddress" class="pnl_sell hide">
|
||||
{{> sell_propAddress}}
|
||||
</div>
|
||||
|
||||
<div id="pnl_sell_propInfo" class="pnl_sell hide">
|
||||
{{> sell_propInfo}}
|
||||
</div>
|
||||
|
||||
<div id="pnl_sell_thanks" class="pnl_sell hide">
|
||||
{{> sell_thanks}}
|
||||
</div>
|
||||
|
||||
<div id="pnl_sell_sendError" class="pnl_sell hide">
|
||||
{{> sell_sendError}}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
3
templates/_MetaTemplate.html
Normal file
3
templates/_MetaTemplate.html
Normal file
@@ -0,0 +1,3 @@
|
||||
<div class="mainScreen well" id="pnl_{{templateName}}">
|
||||
<h1>ABC</h1>
|
||||
</div>
|
||||
19
templates/about.html
Normal file
19
templates/about.html
Normal file
@@ -0,0 +1,19 @@
|
||||
<div id="modalAbout" class="modal fade" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<!-- Modal content-->
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h4 class="modal-title">About</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Some text.</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
8
templates/debug.html
Normal file
8
templates/debug.html
Normal file
@@ -0,0 +1,8 @@
|
||||
<div id='pnl_debug'>
|
||||
<div id="users-device-size">
|
||||
<div id="xs" cols="1" class="visible-xs">xs</div>
|
||||
<div id="sm" cols="2" class="visible-sm">sm</div>
|
||||
<div id="md" cols="2" class="visible-md">md</div>
|
||||
<div id="lg" cols="3" class="visible-lg">lg</div>
|
||||
</div>
|
||||
</div>
|
||||
18
templates/impressum.html
Normal file
18
templates/impressum.html
Normal file
@@ -0,0 +1,18 @@
|
||||
|
||||
<div id="modalImpressum" class="modal fade" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<!-- Modal content-->
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h4 class="modal-title">Impressum</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Some text.</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
49
templates/nav.html
Normal file
49
templates/nav.html
Normal file
@@ -0,0 +1,49 @@
|
||||
<nav class="navbar navbar-default navbar-fixed-top">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<div style="height:0px" class="visible-sm visible-md visible-lg center">
|
||||
<img class="key" src="img/keyLeft.png"/><img class="key" src="img/keyRight.png"/>
|
||||
</div>
|
||||
<div style="height:0px" class="visible-xs center">
|
||||
<img class="key" src="img/keyLeft.png"/><img class="key" src="img/keyRight.png"/>
|
||||
</div>
|
||||
|
||||
<!-- Brand and toggle get grouped for better mobile display -->
|
||||
<div class="navbar-header">
|
||||
<button type="button" id="topNavToggle" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="/">
|
||||
<img class="logo visible-sm visible-md visible-lg" src="img/Wappen_trans_free.png" />
|
||||
<img class="logo visible-xs" src="img/Wappen_trans_free.png" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||
<ul class="nav navbar-nav">
|
||||
<li class="topNavmainScreen topNavHome active"><a class="navBarTab" href="#Home" >Home</a></li>
|
||||
<li class="topNavmainScreen topNavSell"><a class="navBarTab" href="#Sell">Sell</a></li>
|
||||
</ul>
|
||||
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">More<span class="caret"></span></a>
|
||||
<ul class="dropdown-menu">
|
||||
<!--li><a href="#">Login</a></li>
|
||||
<li><a href="#">logout</a></li>
|
||||
<li role="separator" class="divider"></li-->
|
||||
<li><a href="#" data-toggle="modal" data-target="#modalImpressum">Impressum</a></li>
|
||||
<li><a href="#" data-toggle="modal" data-target="#modalAbout">About</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!-- /.navbar-collapse -->
|
||||
</div><!-- /.container-fluid -->
|
||||
</div>
|
||||
</nav>
|
||||
<br class="visible-md visible-sm visible-lg"/><br class="visible-md visible-sm visible-lg"/><br class="visible-md visible-sm visible-lg"/>
|
||||
<br />
|
||||
46
templates/sell_propAddress.html
Normal file
46
templates/sell_propAddress.html
Normal file
@@ -0,0 +1,46 @@
|
||||
<h3>Property Address</h3>
|
||||
|
||||
<div class="form-group margin-bottom">
|
||||
<div class="col-sm-3 nopadding">
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon fieldLabel" >House Number</span>
|
||||
<input type="text" name="HouseNumber" width="6" class="form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-2 nopadding">
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon fieldLabel" >Apt.</span>
|
||||
<input type="text" name="HouseNumber" width="6" class="form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-7 nopadding">
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon fieldLabel" >Street</span>
|
||||
<input type="text" name="StreetName" class="form-control"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon fieldLabel">City</span>
|
||||
<input type="email" name="city" class="form-control"/>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon fieldLabel">State</span>
|
||||
<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>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon fieldLabel" >Zip-Code</span>
|
||||
<input type="text" name="zipcode" class="form-control"/>
|
||||
</div>
|
||||
|
||||
<br />
|
||||
|
||||
<a class="btn btn-danger" href="#Sell/page1/">Back</a>
|
||||
<a class="btn btn-success" href="#Sell/page3/">Next</a>
|
||||
130
templates/sell_propInfo.html
Normal file
130
templates/sell_propInfo.html
Normal file
@@ -0,0 +1,130 @@
|
||||
<h3>Property Details</h3>
|
||||
<div>What’s the <b>size</b> of the <b>Property</b>?</div>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon" >Sq ft</span>
|
||||
<input type="number" name="sizeSqft" class="form-control"/>
|
||||
</div>
|
||||
|
||||
<div>What’s the <b>size</b> of the <b>Lot</b>?</div>
|
||||
<div class="input-group">
|
||||
<span class="input-group-btn">
|
||||
<button class="btn btn-warning active" name="lotAreaIsSqft" onclick="ibuyproperties.toggleButton($('#ls_sqft'),$('#ls_acre'))" id="ls_sqft" type="button">Sq ft</button>
|
||||
<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>Number of <b>Rooms</b></div>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon" >Full</span>
|
||||
<input type="number" name="numRooms" class="form-control"/>
|
||||
</div>
|
||||
|
||||
<div>Number of <b>Bathrooms</b></div>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon" name="numFullBathRoom" >Full</span>
|
||||
<input type="number" class="form-control"/>
|
||||
<span class="input-group-addon" name="numHalfBathRoom" >Half</span>
|
||||
<input type="number" class="form-control"/>
|
||||
</div>
|
||||
|
||||
<div>What <b>Appliances</b> would be included? Any <b>Amenities</b> (i.e., pool, hot tub)?</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">
|
||||
<span class="input-group-addon" >Years</span>
|
||||
<input type="number" name="yearsOwnedProperty" class="form-control"/>
|
||||
</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 class="input-group">
|
||||
<span class="input-group-addon" >USD (Year)</span>
|
||||
<input type="number" name="currentLandTax" class="form-control"/>
|
||||
</div>
|
||||
|
||||
<div>How much <b>HOA</b> do you currently pay?</div>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon" >USD (Year)</span>
|
||||
<input type="number" name="currentHOA" class="form-control"/>
|
||||
</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">
|
||||
<span class="input-group-addon" >USD</span>
|
||||
<input type="number" name="expectedRentCurrentOwner" class="form-control"/>
|
||||
</div>
|
||||
|
||||
<br />
|
||||
|
||||
<a class="btn btn-danger" href="#Sell/page2/">Back</a>
|
||||
<a type="submit" class="btn btn-success" onclick="ibuyproperties.sellForm.sendForm();">Submit</a>
|
||||
11
templates/sell_sendError.html
Normal file
11
templates/sell_sendError.html
Normal file
@@ -0,0 +1,11 @@
|
||||
<h1>ERROR occured whilst sending form data. Please try again!</h1>
|
||||
|
||||
<b>... or alternatively send the data via <button class="btn btn-success" onclick="generateMail();" id="mailLink">e-mail</button>.</b>
|
||||
|
||||
<script>
|
||||
function generateMail(){
|
||||
var content="mailto:webmaster@i-buy.properties?subject=Property-Information - fallback&body=" + encodeURIComponent("DO NO MODIFY BELOW CONTENT!\r\n----------------------------------------SNIPP----------------------------------------\r\n" + JSON.stringify(ibuyproperties.helpers.toJSO($("#pnl_Sell"))) + "----------------------------------------SNAPP----------------------------------------");
|
||||
console.log("Fallback Mail Content",content);
|
||||
window.location.href=content;
|
||||
}
|
||||
</script>
|
||||
1
templates/sell_thanks.html
Normal file
1
templates/sell_thanks.html
Normal file
@@ -0,0 +1 @@
|
||||
<h1>Thanks!</h1>
|
||||
49
templates/sell_userInfo.html
Normal file
49
templates/sell_userInfo.html
Normal file
@@ -0,0 +1,49 @@
|
||||
<script>
|
||||
function checkEMail(theEmailAddress){
|
||||
return (/^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/.test(theEmailAddress));
|
||||
}
|
||||
|
||||
function nextHandler(){
|
||||
$("#alertInvalidEMail").addClass("hide");
|
||||
if(checkEMail($($('[name="email"]')[0]).val())){
|
||||
window.location="#Sell/page2/";
|
||||
} else {
|
||||
console.log("EMail Wrong");
|
||||
$("#alertInvalidEMail").removeClass("hide");
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<h3>About you</h3>
|
||||
<div id="alertInvalidEMail" class="alert alert-danger hide" role="alert">
|
||||
<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
|
||||
<span class="sr-only">Error:</span>
|
||||
Enter a valid email address
|
||||
</div>
|
||||
<div class="input-group" style="width:100%">
|
||||
<span class="input-group-addon fixWidth1 fieldLabel" >First Name</span>
|
||||
<input type="text" name="firstName" class="form-control"/>
|
||||
</div>
|
||||
<div class="input-group" style="width:100%">
|
||||
<span class="input-group-addon fixWidth1 fieldLabel">Last Name</span>
|
||||
<input type="text" name="LastName" class="form-control"/>
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon fixWidth1 fieldLabel">EMail</span>
|
||||
<input type="email" name="email" class="form-control"/>
|
||||
<span class="input-group-addon fieldLabel">
|
||||
Preferred <input type="checkbox" name="prefEmail"/>
|
||||
</span>
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<span class="input-group-addon fixWidth1 fieldLabel" >Phone</span>
|
||||
<input type="text" name="phone" class="form-control"/>
|
||||
<span class="input-group-addon fieldLabel">
|
||||
Preferred <input type="checkbox" name="prefPhone" />
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<br />
|
||||
|
||||
<button class="btn btn-success" onclick="nextHandler()">Next</button>
|
||||
|
||||
Reference in New Issue
Block a user