<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TroopMaster Web</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
<link href="/Content/bootstrap.min.css" rel="stylesheet" />
<link href="/Content/kendo/2017.3.1026/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="/Content/kendo/2017.3.1026/kendo.black.min.css" rel="stylesheet" type="text/css" />
<link href="/Content/kendo/2017.3.1026/kendo.dataviz.black.min.css" rel="stylesheet" type="text/css" />
<link href="/Content/Site.css" rel="stylesheet" />
<script src="/bundles/modernizr?v=inCVuEFe6J4Q07A0AcRsbJic_UE5MwpRMNGcOtk94TE1"></script>
<!--This bundle was moved by the Telerik VS Extensions for compatibility reasons-->
<script src="/bundles/jquery?v=gkWyJthHPtwkFjvHuNinBjchIfwLwc_KbE-H26J2kAI1"></script>
<script src="/bundles/jqueryval?v=sTM6z75i3uDpVeh__Zai1IpnDnqY9pO-TNy0Ztaw6Y81"></script>
<script src="/bundles/myscripts?v=NEZZWPo_2TtyXASw9e35iY39b2BOptpfKCTs4SSJAxA1"></script>
<script src="/bundles/bootstrap?v=-g7cxTWQV6ve_iRyKtg7LoBytQltgj_w8zTNeaLaBc41"></script>
<script src="/Scripts/pdfobject.min.js"></script>
<script src="/Scripts/TSI/Troopmaster.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('[data-toggle="tooltip"]').tooltip();
});
function closemodal() {
$('#modal-container').modal('hide');
$('body').removeClass('modal-open');
$('.modal-backdrop').remove();
}
</script>
<script src="/Scripts/kendo/2017.3.1026/jszip.min.js"></script>
<script src="/Scripts/kendo/2017.3.1026/kendo.all.min.js"></script>
<script src="/Scripts/kendo/2017.3.1026/kendo.aspnetmvc.min.js"></script>
<script src="/Scripts/kendo.modernizr.custom.js"></script>
</head>
<body>
<img src="/images/ajax-loading.gif" id="loading-indicator" style="display:none" />
<div class="container body-content">
<div tabindex="-1" class="modal fade" id="ModalPartial" role="dialog" aria-hidden="true" aria-labelledby="myModalLabel" data-keyboard="false" data-backdrop="static" style="z-index:1052;">
<div class=" modal-dialog modal-lg">
<div class="modal-content" id="ModalPartial-content">
</div>
</div>
</div>
<div class="modal fade" id="modal-container" data-keyboard="false" data-backdrop="static" role="dialog" aria-labelledby="modal-container-label" aria-hidden="true" style="z-index:1051;">
<div class="modal-dialog modal-lg" id="modalSize">
<div class="modal-content" id="modal-content">
</div>
</div>
</div>
<panel>
</panel>
<style>
.transparent{
background: rgba(34,34,34,.5);
vertical-align:top;
}
.tablemain{
width:100%;
vertical-align:top;
}
.tdleft
{
width:33%;
}
.tdright
{
width:33%;
}
.tablecontent
{
width:320px;
}
.tdback
{
background-image: url(../../images/troopmaster.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
vertical-align:top;
height:600px;
}
</style>
<h2>TroopMaster Web</h2>
<br /><br /><br />
<table class="tablemain">
<tr>
<td class="tdleft"></td>
<td class="tdback">
<table class="tablemain transparent">
<tr class="trtop">
<td class="tdleft"></td>
<td class="tdmiddle ">
<div>
<table class="tablecontent">
<tr>
<td colspan="2">
<h2>Select Unit Info</h2>
</td>
</tr>
<tr>
<td>
Select State:<br />
<select class="form-control" id="States" name="States" style="width:200px;"><option value=""></option>
<option value="AA">AA</option>
<option value="AE">AE</option>
<option value="AK">AK</option>
<option value="AL">AL</option>
<option value="AR">AR</option>
<option value="AZ">AZ</option>
<option value="CA">CA</option>
<option value="CO">CO</option>
<option value="CT">CT</option>
<option value="DE">DE</option>
<option value="FL">FL</option>
<option value="GA">GA</option>
<option value="HI">HI</option>
<option value="IA">IA</option>
<option value="ID">ID</option>
<option value="IL">IL</option>
<option value="IN">IN</option>
<option value="KS">KS</option>
<option value="KY">KY</option>
<option value="LA">LA</option>
<option value="MA">MA</option>
<option value="MD">MD</option>
<option value="ME">ME</option>
<option value="MI">MI</option>
<option value="MN">MN</option>
<option value="MO">MO</option>
<option value="MS">MS</option>
<option value="MT">MT</option>
<option value="NC">NC</option>
<option value="ND">ND</option>
<option value="NE">NE</option>
<option value="NH">NH</option>
<option value="NJ">NJ</option>
<option value="NM">NM</option>
<option value="NV">NV</option>
<option value="NY">NY</option>
<option value="OH">OH</option>
<option value="OK">OK</option>
<option value="OR">OR</option>
<option value="PA">PA</option>
<option value="PR">PR</option>
<option value="RI">RI</option>
<option value="SC">SC</option>
<option value="SD">SD</option>
<option value="TN">TN</option>
<option value="TX">TX</option>
<option value="UT">UT</option>
<option value="VA">VA</option>
<option value="VT">VT</option>
<option value="WA">WA</option>
<option value="WI">WI</option>
<option value="WV">WV</option>
<option value="WY">WY</option>
</select>
<br />
</td>
</tr>
<tr>
<td>
<div id="UnitNumsDiv">
Select Unit Number:<br />
<select class="form-control" id="UnitNums" name="UnitNums" style="width:200px;"></select>
<br />
</div>
</td>
</tr>
<tr>
<td>
<div id="CitiesDiv">
Select City:<br />
<select class="form-control" id="Cities" name="Cities" style="width:200px;"></select>
<br />
</div>
</td>
</tr>
<tr>
<td>
<div id="CustomerNumsDiv">
Select Account:<br />
<select class="form-control" id="CustomerNums" name="CustomerNums" style="width:200px;"></select>
<br />
</div>
</td>
</tr>
<tr>
<td>
<div id="infoDiv">
</div>
</td>
</tr>
</table>
</div>
</td>
<td class="tdright"></td>
</tr>
</table>
</td>
<td class="tdright"></td>
</tr>
</table>
<br /><br />
<script>
$(document).ready(function () {
$('#container1').animate({ marginTop: '-=100px' });
var url = window.location.href;
if (url.indexOf('https:') === -1 && url.indexOf('localhost') === -1 && url.indexOf('tmtest.me') === -1 && url.indexOf('brian-xps') === -1) {
url = url.replace('http://', 'https://');
window.location.assign(url)
}
$('#UnitNumsDiv').hide();
$('#CitiesDiv').hide();
$('#CustomerNumsDiv').hide();
$('#States').change(function () {
var state = $('#States').val();
data = {
state: state,
};
$.ajax({
cache: false,
url: '/Login/SelectState',
type: 'POST',
contentType: 'application/json',
data: JSON.stringify(data),
success: function (resp) {
if (resp.success == true) {
if (resp.tenantid) {
SiteSelected(resp.tenantid);
return;
}
$('#UnitNums').empty();
$(resp.units).each(function () {
$("<option />", {
val: this.Value,
text: this.Text
}).appendTo($('#UnitNums'));
})
$('#UnitNumsDiv').show();
}
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
bootbox.alert("Something went wrong");
}
});
});
$('#UnitNums').change(function () {
var state = $('#States').val();
var unitnum = $('#UnitNums').val();
data = {
state: state,
unitnum: unitnum,
};
$.ajax({
cache: false,
url: '/Login/SelectUnit',
type: 'POST',
contentType: 'application/json',
data: JSON.stringify(data),
success: function (resp) {
if (resp.success == true) {
if (resp.tenantid) {
SiteSelected(resp.tenantid);
return;
}
$('#Cities').empty();
$(resp.cities).each(function () {
$("<option />", {
val: this.Value,
text: this.Text
}).appendTo($('#Cities'));
})
$('#CitiesDiv').show();
}
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
bootbox.alert("Something went wrong");
}
});
});
$('#Cities').change(function () {
var state = $('#States').val();
var unitnum = $('#UnitNums').val();
var unitcity = $('#Cities').val();
data = {
state: state,
unitnum: unitnum,
unitcity: unitcity,
};
$.ajax({
cache: false,
url: '/Login/SelectCity',
type: 'POST',
contentType: 'application/json',
data: JSON.stringify(data),
success: function (resp) {
if (resp.success == true) {
if (resp.tenantid) {
SiteSelected(resp.tenantid);
return;
}
$('#CustomerNums').empty();
$(resp.nums).each(function () {
$("<option />", {
val: this.Value,
text: this.Text
}).appendTo($('#CustomerNums'));
})
$('#CustomerNumsDiv').show();
}
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
bootbox.alert("Something went wrong");
}
});
});
$('#CustomerNums').change(function () {
var siteid = $('#CustomerNums').val();
SiteSelected(siteid);
});
});
function SiteSelected(siteid) {
data = {
SiteId: siteid,
};
$.ajax({
cache: false,
url: '/Login/SiteSelected',
type: 'POST',
contentType: 'application/json',
data: JSON.stringify(data),
success: function (resp) {
if(resp.success == true)
{
window.location = "Index";
}
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
bootbox.alert("Something went wrong");
}
});
}
</script>
<div class="footer navbar-fixed-bottom">
<script>
$(document).ready(function () {
// bootbox.alert("TroopMaster Web will be taken offline for updates at 8:00AM Eastern.<br />This process usually takes no more than a few minutes to complete.<br /><br />Please logout of the site to avoid any data loss.")
});
</script>
</div>
</div>
<script>
$(document).ajaxSend(function (event, request, settings) {
$('#loading-indicator').show();
});
$(document).ajaxComplete(function (event, request, settings) {
$('#loading-indicator').hide();
});
</script>
<script type="text/javascript">
$(document).ready(function () {
});
</script>
</body>
</html>