Files
marechai/Marechai/Pages/Companies/View.razor
2020-12-20 21:34:13 +00:00

409 lines
16 KiB
Plaintext

@{
/******************************************************************************
// MARECHAI: Master repository of computing history artifacts information
// ----------------------------------------------------------------------------
//
// Author(s) : Natalia Portillo <claunia@claunia.com>
//
// --[ License ] --------------------------------------------------------------
//
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as
// published by the Free Software Foundation, either version 3 of the
// License, or (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program. If not, see <http://www.gnu.org/licenses/>.
//
// ----------------------------------------------------------------------------
// Copyright © 2003-2020 Natalia Portillo
*******************************************************************************/
}
@page "/company/{Id:int}"
@using Marechai.Database
@inherits OwningComponentBase<CompaniesService>
@inject IStringLocalizer<CompaniesService> L
@inject CompanyLogosService CompanyLogosService
@inject IWebHostEnvironment Host
@if(!_loaded)
{
<p align="center">@L["Loading..."]</p>
return;
}
@if(_company is null)
{
<p align="center">@L["Company not found."]</p>
return;
}
<div class="container-fluid">
<p align="center">
@if(_company.LastLogo != null &&
File.Exists(Path.Combine(Host.WebRootPath, "assets/logos", _company.LastLogo + ".svg")))
{
<picture>
<source srcset="/assets/logos/@(_company.LastLogo).svg" type="image/svg+xml">
<source srcset="/assets/logos/webp/1x/@(_company.LastLogo).webp,
/assets/logos/webp/2x/@(_company.LastLogo).webp 2x,
/assets/logos/webp/3x/@(_company.LastLogo).webp 3x" type="image/webp">
<img alt="" height="auto" src="/assets/logos/png/1x/@(_company.LastLogo).png" srcset="/assets/logos/png/1x/@(_company.LastLogo).png,
/assets/logos/png/2x/@(_company.LastLogo).png 2x,
/assets/logos/png/3x/@(_company.LastLogo).png 3x" style="max-height: 256px; max-width: 256px" width="auto" />
</picture>
}
</p>
<div class="row">
@if(_logos != null &&
_logos.Count > 1)
{
<div class="col-3">
<Carousel @bind-SelectedSlide="@_selectedSlide" ShowControls="true" ShowIndicators="true">
@foreach(var logo in _logos.Where(logo => File.Exists(Path.Combine(Host.WebRootPath, "assets/logos", logo.Guid + ".svg"))))
{
<CarouselSlide Name="@logo.Guid.ToString()">
<div style="width: 256px; height: 256px; margin: auto;">
<picture>
<source srcset="/assets/logos/@(logo.Guid).svg" type="image/svg+xml">
<source srcset="/assets/logos/webp/1x/@(logo.Guid).webp,
/assets/logos/webp/1x/@(logo.Guid).webp 2x,
/assets/logos/webp/1x/@(logo.Guid).webp 3x" type="image/webp">
<img alt="" class="d-block w-100" height="auto" src="/assets/logos/png/1x/@(logo.Guid).png" srcset="/assets/logos/png/1x/@(logo.Guid).png,
/assets/logos/png/1x/@(logo.Guid).png 2x,
/assets/logos/png/1x/@(logo.Guid).webp 3x" style="max-height: 256px; max-width: 256px" width="auto" />
</picture>
</div>
@if(logo.Year.HasValue)
{
<div style="text-align: center;">@(string.Format(L["in use since {0}"], logo.Year))</div>
}
</CarouselSlide>
}
</Carousel>
</div>
}
<div class="col-6">
<table class="table">
<tr>
<th class="text-center" colspan="2">
<b>@_company.Name</b>
</th>
</tr>
@if(_company.Founded.HasValue)
{
<tr>
<th class="text-right">@L["Founded"]</th>
@if(_company.FoundedMonthIsUnknown)
{
<td>@_company.Founded.Value.Year.</td>
}
else if(_company.FoundedDayIsUnknown)
{
<td>@($"{_company.Founded.Value:Y}").</td>
}
else
{
<td>@_company.Founded.Value.ToLongDateString().</td>
}
</tr>
}
@if(!string.IsNullOrEmpty(_company.LegalName))
{
<tr>
<th class="text-right">@L["Legal name"]</th>
<td>@_company.LegalName</td>
</tr>
}
<tr>
<th class="text-right">@L["Country"]</th>
<td>
@if(_company.Country != null)
{
<a href="/companies/country/@_company.CountryId">
@if(File.Exists(Path.Combine(Host.WebRootPath, "assets/flags/countries", $"{_company.CountryId:D3}.svg")))
{
<picture>
<source srcset="/assets/flags/countries/@($"{_company.CountryId:D3}").svg" type="image/svg+xml">
<source srcset="/assets/flags/countries/webp/1x/@($"{_company.CountryId:D3}").webp,
/assets/flags/countries/webp/1x/@($"{_company.CountryId:D3}").webp 2x,
/assets/flags/countries/webp/1x/@($"{_company.CountryId:D3}").webp 3x" type="image/webp">
<img alt="" height="32" src="/assets/flags/countries/png/1x/@($"{_company.CountryId:D3}").png" srcset="/assets/flags/countries/png/1x/@($"{_company.CountryId:D3}").png,
/assets/flags/countries/png/1x/@($"{_company.CountryId:D3}").png 2x,
/assets/flags/countries/png/1x/@($"{_company.CountryId:D3}").webp 3x" />
</picture>
}
@L[_company.Country]
</a>
}
else
{
@L["Unknown (country)"]
}
</td>
</tr>
<tr>
<th class="text-right">@L["Status"]</th>
@switch(_company.Status)
{
case CompanyStatus.Unknown:
<td>@L["Current company status is unknown."]</td>
break;
case CompanyStatus.Active:
<td>@L["Company is active."]</td>
break;
case CompanyStatus.Sold:
if(_company.Sold != null)
{
if(_soldTo != null)
{
<td>
<a href="/company/@_soldTo.Id">
@string.Format(L["Company sold to {0} on {1}."], _soldTo.Name, _company.SoldMonthIsUnknown ? $"{_company.Sold.Value.Year}" : _company.SoldDayIsUnknown ? $"{_company.Sold.Value:Y}" : _company.SoldMonthIsUnknown ? $"{_company.Sold.Value.Year}" : _company.SoldDayIsUnknown ? $"{_company.Sold.Value:Y}" : _company.Sold.Value.ToLongDateString())
</a>
</td>
}
else
{
<td>@string.Format(L["Company sold on {0} to an unknown company."], _company.SoldMonthIsUnknown ? $"{_company.Sold.Value.Year}" : _company.SoldDayIsUnknown ? $"{_company.Sold.Value:Y}" : _company.Sold.Value.ToLongDateString())</td>
}
}
else
{
if(_soldTo != null)
{
<td>
<a href="/company/@_soldTo.Id">
@string.Format(L["Company sold to {0} on an unknown date."], _soldTo.Name)
</a>
</td>
}
else
{
<td>@L["Company was sold to an unknown company on an unknown date."]</td>
}
}
break;
case CompanyStatus.Merged:
if(_company.Sold != null)
{
if(_soldTo != null)
{
<td>
<a href="/company/@_soldTo.Id">@string.Format(L["Company merged on {0} to form {1}."], _company.SoldMonthIsUnknown ? $"{_company.Sold.Value.Year}" : _company.SoldDayIsUnknown ? $"{_company.Sold.Value:Y}" : _company.Sold.Value.ToLongDateString(), _soldTo.Name)</a>
</td>
}
else
{
<td>@string.Format(L["Company merged on {0} to form an unknown company."], _company.SoldMonthIsUnknown ? $"{_company.Sold.Value.Year}" : _company.SoldDayIsUnknown ? $"{_company.Sold.Value:Y}" : _company.Sold.Value.ToLongDateString())</td>
}
}
else
{
if(_soldTo != null)
{
<td>
<a href="/company/@_soldTo.Id">@string.Format(L["Company merged on an unknown date to form {0}."], _soldTo.Name)</a>
</td>
}
else
{
<td>@L["Company merged to form an unknown company on an unknown date."]</td>
}
}
break;
case CompanyStatus.Bankrupt:
if(_company.Sold != null)
{
<td>@string.Format(L["Company declared bankruptcy on {0}."], _company.SoldMonthIsUnknown ? $"{_company.Sold.Value.Year}" : _company.SoldDayIsUnknown ? $"{_company.Sold.Value:Y}" : _company.Sold.Value.ToLongDateString())</td>
}
else
{
<td>@L["Company declared bankruptcy on an unknown date."]</td>
}
break;
case CompanyStatus.Defunct:
if(_company.Sold != null)
{
<td>@string.Format(L["Company ceased operations on {0}."], _company.SoldMonthIsUnknown ? $"{_company.Sold.Value.Year}" : _company.SoldDayIsUnknown ? $"{_company.Sold.Value:Y}" : _company.Sold.Value.ToLongDateString())</td>
}
else
{
<td>@L["Company ceased operations on an unknown date."]</td>
}
break;
case CompanyStatus.Renamed:
if(_company.Sold != null)
{
if(_soldTo != null)
{
<td>
<a href="/company/@_soldTo.Id">@string.Format(L["Company renamed to {0} on {1}."], _soldTo.Name, _company.SoldMonthIsUnknown ? $"{_company.Sold.Value.Year}" : _company.SoldDayIsUnknown ? $"{_company.Sold.Value:Y}" : _company.Sold.Value.ToLongDateString())</a>
</td>
}
else
{
<td>@string.Format(L["Company was renamed on {0} to an unknown name."], _company.SoldMonthIsUnknown ? $"{_company.Sold.Value.Year}" : _company.SoldDayIsUnknown ? $"{_company.Sold.Value:Y}" : _company.Sold.Value.ToLongDateString())</td>
}
}
else
{
if(_soldTo != null)
{
<td>
<a href="/company/@_soldTo.Id">
@string.Format(L["Company renamed to {0} on an unknown date."], _soldTo.Name)
</a>
</td>
}
else
{
<td>@L["Company renamed to an unknown name on an unknown date."]</td>
}
}
break;
default:
throw new ArgumentOutOfRangeException();
}
</tr>
<tr>
<th class="text-right">@L["Address"]</th>
<td>
@_company.Address
<br>
@if(_company.City != _company.Province)
{
@_company.City
<br>
}
@_company.PostalCode @_company.Province
</td>
</tr>
@if(!string.IsNullOrEmpty(_company.Website) ||
!string.IsNullOrEmpty(_company.Twitter) ||
!string.IsNullOrEmpty(_company.Facebook))
{
<tr>
<th class="text-right">@L["Links"]</th>
<td>
@if(!string.IsNullOrEmpty(_company.Website))
{
<a href="@_company.Website">@L["Website"]</a>
<br />
}
@if(!string.IsNullOrEmpty(_company.Twitter))
{
<a href="https://www.twitter.com/@_company.Twitter">Twitter</a>
<br />
}
@if(!string.IsNullOrEmpty(_company.Facebook))
{
<a href="https://www.facebook.com/@_company.Facebook">Facebook</a>
<br />
}
</td>
</tr>
}
</table>
</div>
</div>
@{
// TODO: Accordion
}
<div class="row" id="itemsAccordion">
<div class="card">
@if(_computers.Count > 0)
{
<div class="card-header" id="headingComputers">
<h5 class="mb-0">
<button aria-controls="collapseComputers" aria-expanded="false" class="btn btn-info" data-target="#collapseComputers" data-toggle="collapse" @onclick="@CollapseComputers">
@((MarkupString)string.Format(L["<ok>{0}</ok> computers known."], _computers.Count).Replace("<ok>", "<span class=\"badge badge-success\">").Replace("</ok>", "</span>"))
</button>
</h5>
</div>
<div aria-labelledby="headingComputers" class="@(ComputersCollapsed ? "collapse" : "")" data-parent="#itemsAccordion" id="collapseComputers">
<div class="card-body">
@foreach(var computer in _computers)
{
<a href="/machine/@computer.Id">
@computer.Name
</a>
<br />
}
</div>
</div>
}
else
{
<div class="card-header" id="headingComputers">
<h5 class="mb-0">
<button class="btn btn-info">
@((MarkupString)L["<red>No</red> computers known."].ToString().Replace("<red>", "<span class=\"badge badge-danger\">").Replace("</red>", "</span>"))
</button>
</h5>
</div>
}
@if(_consoles.Count > 0)
{
<div class="card-header" id="headingConsoles">
<h5 class="mb-0">
<button aria-controls="collapseConsoles" aria-expanded="false" class="btn btn-info" data-target="#collapseConsoles" data-toggle="collapse" @onclick="@CollapseConsoles">
@((MarkupString)string.Format(L["<ok>{0}</ok> videogame consoles known."], _consoles.Count).Replace("<ok>", "<span class=\"badge badge-success\">").Replace("</ok>", "</span>"))
</button>
</h5>
</div>
<div aria-labelledby="headingConsoles" class="@(ConsolesCollapsed ? "collapse" : "")" data-parent="#itemsAccordion" id="collapseConsoles">
<div class="card-body">
@foreach(var console in _consoles)
{
<a href="/machine/@console.Id">
@console.Name
</a>
<br />
}
</div>
</div>
}
else
{
<div class="card-header" id="headingComputers">
<h5 class="mb-0">
<button class="btn btn-info">
@((MarkupString)L["<red>No</red> videogame consoles known."].ToString().Replace("<red>", "<span class=\"badge badge-danger\">").Replace("</red>", "</span>"))
</button>
</h5>
</div>
}
</div>
</div>
@if(_description != null)
{
<hr />
<div class="container">
@((MarkupString)_description)
</div>
}
</div>
<style>
.carousel-indicators {
position: absolute;
bottom: -50px;
}
.carousel-indicators li {
background-color: black;
}
.carousel-control-prev,
.carousel-control-next {
filter: sepia(100%) saturate(200%) brightness(0%) hue-rotate(330deg);
}
</style>