rob/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Create container to horizontally scroll tables.

Browse source
This commit is contained in:
Robert Marshall 2021-05-09 07:19:37 +01:00
parent 7e516a56b3
commit c6c1fd3222
3 changed files with 29 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/Website/Views/Account/Index.cshtml
View file

@ -7,20 +7,22 @@
<h2>Manage API Keys</h2> <h2>Manage API Keys</h2>
<h3>Existing Keys</h3> <h3>Existing Keys</h3>
<table class="actions"> <div class="table-scroll-container">
@foreach (var apiKey in Model.ApiKeys) <table class="actions">
{ @foreach (var apiKey in Model.ApiKeys)
<tr> {
<td>@apiKey.Name</td> <tr>
<td class="stretch"><pre>@apiKey.Key</pre></td> <td>@apiKey.Name</td>
<td><img src="/images/copy.svg" alt="Copy" title="Copy" onclick="navigator.clipboard.writeText('@apiKey.Key')" /></td> <td class="stretch"><pre>@apiKey.Key</pre></td>
<td>@(apiKey.Enabled?"Enabled":"Disabled")</td> <td><img src="/images/copy.svg" alt="Copy" title="Copy" onclick="navigator.clipboard.writeText('@apiKey.Key')" /></td>
<td><a asp-action="EnableApiKey" asp-route-key="@apiKey.Key"><img src="/images/enable.svg" alt="Enable" title="Enable" onclick="return confirm('Are you sure?')"/></a></td> <td>@(apiKey.Enabled?"Enabled":"Disabled")</td>
<td><a asp-action="DisableApiKey" asp-route-key="@apiKey.Key"><img src="/images/disable.svg" alt="Disable" title="Disable" onclick="return confirm('Are you sure?')"/></a></td> <td><a asp-action="EnableApiKey" asp-route-key="@apiKey.Key"><img src="/images/enable.svg" alt="Enable" title="Enable" onclick="return confirm('Are you sure?')"/></a></td>
<td><a asp-action="DeleteApiKey" asp-route-key="@apiKey.Key"><img src="/images/delete.svg" alt="Delete" title="Delete" onclick="return confirm('Are you sure?')"/></a></td> <td><a asp-action="DisableApiKey" asp-route-key="@apiKey.Key"><img src="/images/disable.svg" alt="Disable" title="Disable" onclick="return confirm('Are you sure?')"/></a></td>
</tr> <td><a asp-action="DeleteApiKey" asp-route-key="@apiKey.Key"><img src="/images/delete.svg" alt="Delete" title="Delete" onclick="return confirm('Are you sure?')"/></a></td>
} </tr>
</table> }
</table>
</div>
<h3>Create New Key</h3> <h3>Create New Key</h3>
<form asp-action="CreateApiKey"> <form asp-action="CreateApiKey">
<label for="new-key-name">Name: </label><input type="text" name="name" id="new-key-name" /> <label for="new-key-name">Name: </label><input type="text" name="name" id="new-key-name" />

17
src/Website/Views/Home/Index.cshtml
View file

@ -9,14 +9,15 @@
<p>If you wish to get in contact, then get in touch via my <a href="http://uk.linkedin.com/in/robertmarshall/" target="_blank"><img alt="LinkedIn profile" src="https://static.licdn.com/scds/common/u/img/webpromo/btn_liprofile_blue_80x15.png" title=""></a>.</p> <p>If you wish to get in contact, then get in touch via my <a href="http://uk.linkedin.com/in/robertmarshall/" target="_blank"><img alt="LinkedIn profile" src="https://static.licdn.com/scds/common/u/img/webpromo/btn_liprofile_blue_80x15.png" title=""></a>.</p>
<h2>Latest code commit</h2> <h2>Latest code commit</h2>
<table class="commit-table"> <div class="table-scroll-container">
<tr><td>Repository</td><td><a href="@Model.GitCommit.RepositoryUrl">@Model.GitCommit.RepositoryName</a></td></tr> <table class="commit-table">
<tr><td>Branch</td><td>@Model.GitCommit.BranchName</td></tr> <tr><td>Repository</td><td><a href="@Model.GitCommit.RepositoryUrl">@Model.GitCommit.RepositoryName</a></td></tr>
<tr><td>SHA</td><td><a href="@Model.GitCommit.CommitUrl">@Model.GitCommit.Hash</a></td></tr> <tr><td>Branch</td><td>@Model.GitCommit.BranchName</td></tr>
<tr><td>Message</td><td>@Model.GitCommit.CommitMessage</td></tr> <tr><td>SHA</td><td><a href="@Model.GitCommit.CommitUrl">@Model.GitCommit.Hash</a></td></tr>
<tr><td>Timestamp</td><td>@Model.GitCommit.Timestamp</td></tr> <tr><td>Message</td><td>@Model.GitCommit.CommitMessage</td></tr>
</table> <tr><td>Timestamp</td><td>@Model.GitCommit.Timestamp</td></tr>
</table>
</div>
<h2>Latest Blog Post</h2> <h2>Latest Blog Post</h2>
<h3><a href="/blog/view/@Model.BlogPost.Url">@Model.BlogPost.Title</a></h3> <h3><a href="/blog/view/@Model.BlogPost.Url">@Model.BlogPost.Title</a></h3>
<partial name="~/Views/Blog/Entry.cshtml" , model="Model.BlogPost" /> <partial name="~/Views/Blog/Entry.cshtml" , model="Model.BlogPost" />

4
src/Website/wwwroot/css/style.scss
View file

@ -227,6 +227,10 @@ form {
} }
} }
.table-scroll-container{
overflow-y: auto;
}
table.actions { table.actions {
border-collapse: collapse; border-collapse: collapse;
width:100%; width:100%;