Skip to content

Commit

Permalink
Improved the layout in support of #370.
Browse files Browse the repository at this point in the history
  • Loading branch information
@uncheckederror
uncheckederror committed Jul 29, 2023
1 parent 375117d commit 046bb01
Show file tree
Hide file tree
Showing 3 changed files with 364 additions and 330 deletions.
81 changes: 49 additions & 32 deletions NumberSearch.Mvc/Views/Lookup/Index.cshtml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,23 +24,20 @@
</div>
</div>
</section>
<div class="bg-light pt-5 pb-5">
<div class="bg-light pt-3 pb-3">
<div class="container">
<div class="row">
<div class="col-md-6">
<p>🚀 Enter multiple phone numbers, we will hunt down any information we can find for each phone number and check if we can port the phone number to our network.</p>
<p>🔮 We check to see who the underlying telecom provider is and when the phone number was last transferred between telecom providers.</p>
<p>🔬 Find out how your caller ID displays on other people's phones!</p>
<p class="m-md-0">🔬 Find out how your caller ID displays on other people's phones!</p>
</div>
<div class="offset-xl-2 offset-lg-1"></div>
<div class="col">
<form class="justify-content-center">
<div class="form-group">
<div class="input-group input-group-lg">
<div class="input-group-prepend">
<span class="input-group-text">+1</span>
</div>
<textarea class="form-control" aria-label="With textarea" type="text" name="dialedNumber" placeholder="200 Numbers per Search" style="height:8rem;">@Model?.DialedNumber</textarea>
<textarea class="form-control" aria-label="With textarea" type="text" name="dialedNumber" placeholder="Up to 200 Numbers per Search" style="height:8rem;">@Model?.DialedNumber</textarea>
</div>
<div class="input-group mx-auto input-group-lg pt-2">
<button type="submit" class="btn btn-lg btn-success btn-block" onclick="displayBusyIndicator(this)" asp-controller="Lookup" asp-action="BulkPort">Search</button>
Expand Down Expand Up @@ -68,25 +65,28 @@
}
if (Model != null && Model?.Lookups != null && Model.Lookups.Any())
{
<div class="container">
<div class="pb-3">
<div class="pt-3">
<div class="container">
<div class="table-responsive shadow-sm mb-4">
<table class="table table-striped table-hover table-borderless" id="investigated">
<thead>
<tr>
<th>
Phone Number
</th>
<th>
<th class="d-sm-none">
Related Info
</th>
<th class="d-none d-sm-table-cell">
Last Port Date
</th>
<th>
<th class="d-none d-sm-table-cell">
Caller Name
</th>
<th>
<th class="d-none d-lg-table-cell">
Local Routing #
</th>
<th>
<th class="d-none d-md-table-cell">
Carrier
</th>
</tr>
Expand All @@ -97,21 +97,41 @@
{
<tr>
<td>
<h4>@number?.tn</h4>
<h4>@number?.tn

</h4>
<p class="d-lg-none m-0">
Local Routing #
</p>
<h6 class="d-lg-none m-0">@number?.lrn</h6>
</td>
<td>
@number?.LastPorted
<p class="d-sm-none">
@number?.LIDBName
-
@number?.spid
@number?.lec
-
@number?.lectype
</p>
</td>
<td>
<td class="d-none d-sm-table-cell">
@number?.LIDBName
<p class="d-md-none">
-
@number?.spid
@number?.lec
-
@number?.lectype
</p>
</td>
<td>
<td class="d-none d-lg-table-cell">
<h4>@number?.lrn</h4>
</td>
<td>
<td class="d-none d-md-table-cell">
<p>
@number?.spid
-
@number?.lec
-
@number?.lectype
Expand All @@ -132,7 +152,7 @@
<div class="pb-3">
<div class="row mt-3">
<div class="col">
<div class="btn-group-lg">
<div class="btn-group">
@if (Model?.Portable is not null && Model.Portable.Any())
{
<a class="btn btn-success text-light" href="#portable">@Model.Portable.Count() Local Numbers</a>
Expand All @@ -150,7 +170,7 @@
</div>
<div class="row">
<div class="col-12">
<h1 class="display-2" id="notportable">Not Portable</h1>
<h1 class="pt-1 pb-1" id="notportable">Not Portable</h1>
</div>
<div class="col-12">
<div class="alert alert-danger" role="alert">
Expand All @@ -159,7 +179,7 @@
</div>
</div>
<div class="table-responsive shadow-sm">
<table class="table table-striped table-borderless table-hover">
<table class="table table-striped table-borderless table-hover m-0">
<tbody>
@if (Model?.NotPortable is not null)
{
Expand All @@ -184,10 +204,9 @@
if (Model != null && Model?.Portable != null && Model.Portable.Any())
{
<div class="container">
<div class="pb-3">
<div class="row mt-3">
<div class="col">
<div class="btn-group-lg">
<div class="btn-group">
@if (Model?.Portable is not null && Model.Portable.Any())
{
<a class="btn btn-success text-light" href="#portable">@Model.Portable.Count() Local Numbers</a>
Expand All @@ -205,16 +224,16 @@
</div>
<div class="row">
<div class="col-12">
<h1 class="display-2" id="portable">Local Numbers</h1>
<h1 class="pt-1 pb-1" id="portable">Local Numbers</h1>
</div>
<div class="col-12">
<div class="alert alert-success" role="alert">
These phone numbers can be ported to our network!
</div>
</div>
</div>
<div class="table-responsive shadow-sm mb-4">
<table class="table table-striped table-borderless table-hover">
<div class="table-responsive shadow-sm">
<table class="table table-striped table-borderless table-hover m-0">
<tbody>
<tr>
<th>
Expand All @@ -238,7 +257,6 @@
<th class="hidden">LEC</th>
<th>
<button class="btn btn-outline-info" onclick="showHidden()">All Info</button>

</th>
</tr>
@if (Model?.Portable is not null)
Expand Down Expand Up @@ -330,7 +348,6 @@
</tbody>
</table>
</div>
</div>
</div>
}
if (Model != null && Model?.Wireless != null && Model.Wireless.Any())
Expand All @@ -339,7 +356,7 @@
<div class="pb-3">
<div class="row mt-3">
<div class="col">
<div class="btn-group-lg">
<div class="btn-group">
@if (Model?.Portable is not null && Model.Portable.Any())
{
<a class="btn btn-success text-light" href="#portable">@Model.Portable.Count() Local Numbers</a>
Expand All @@ -355,12 +372,12 @@
</div>
</div>
</div>
<h1 class="display-2" id="wireless">Wireless Numbers</h1>
<h1 class="pt-1 pb-1" id="wireless">Wireless Numbers</h1>
<div class="alert alert-warning col-12" role="alert">
These <strong>wireless</strong> phone numbers can be ported to our network!
</div>
<div class="table-responsive shadow-sm pb-4">
<table class="table table-striped table-borderless table-hover">
<div class="table-responsive shadow-sm">
<table class="table table-striped table-borderless table-hover m-0">
<tbody>
<tr>
<th>
Expand Down Expand Up @@ -478,7 +495,7 @@
</div>
<div class="row mt-3">
<div class="col">
<div class="btn-group-lg">
<div class="btn-group">
@if (Model?.Portable is not null && Model.Portable.Any())
{
<a class="btn btn-success text-light" href="#portable">@Model.Portable.Count() Local Numbers</a>
Expand Down
Loading

0 comments on commit 046bb01

Please sign in to comment.