marechai/Marechai/Pages/Machines/View.razor

@{
/******************************************************************************
// MARECHAI: Master repository of computing history artifacts information
// ----------------------------------------------------------------------------
//
// Filename       : View.razor
// Author(s)      : Natalia Portillo <claunia@claunia.com>
//
// --[ Description ] ----------------------------------------------------------
//
//     Shows a machine information
//
// --[ 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
*******************************************************************************/
// TODO: Resolutions
}

@page "/machine/{Id:int}"

@using Marechai.Database
@inherits OwningComponentBase<MachinesService>
@inject IStringLocalizer<MachinesService> L
@inject IWebHostEnvironment Host

@if (!_loaded)
{
    <p align="center">@L["Loading..."]</p>

    return;
}

@if (_machine is null)
{
    <p align="center">@L["Machine not found in database"]</p>

    return;
}

<p align="center">
    @if (_machine.CompanyLogo != null &&
         File.Exists(Path.Combine(Host.WebRootPath, "assets/logos", _machine.CompanyLogo + ".svg")))
    {
        <picture>
            <source type="image/svg+xml" srcset="/assets/logos/@(_machine.CompanyLogo).svg">
            <source type="image/webp" srcset="/assets/logos/webp/1x/@(_machine.CompanyLogo).webp,
    /assets/logos/webp/2x/@(_machine.CompanyLogo).webp 2x,
    /assets/logos/webp/3x/@(_machine.CompanyLogo).webp 3x">
            <img srcset="/assets/logos/png/1x/@(_machine.CompanyLogo).png,
                             /assets/logos/png/2x/@(_machine.CompanyLogo).png 2x,
                             /assets/logos/png/3x/@(_machine.CompanyLogo).png 3x" src="/assets/logos/png/1x/@(_machine.CompanyLogo).png" alt="" height="auto" width="auto" style="max-height: 256px; max-width: 256px" />
        </picture>
    }
</p>
@{ var counter = 0; }

@if (_machine.Introduced.HasValue &&
     _machine.Introduced.Value.Year == 1000)
{
    <b>
        <div style="text-align: center;">PROTOTYPE</div>
    </b>
}
<b>
    <a href="/company/@_machine.CompanyId">
        @_machine.CompanyName</a> @_machine.Name</b>
<table width="100%">

@if (_machine.Introduced.HasValue &&
     _machine.Introduced.Value.Year != 1000)
{
    <tr>
        <th scope=row width="37%">
            <div align=right>
                Introduction date
            </div>
        </th>
        <td width="63%">
            <a asp-controller="Computer" asp-action="ByYear" asp-route-id="@_machine.Introduced.Value.Year">
                @_machine.Introduced.Value.ToLongDateString()</a>
        </td>
    </tr>
}
@if (_machine.FamilyId != null)
{
    <tr>
        <th scope=row width="37%">
            <div align=right>
                Family
            </div>
        </th>
        <td width="63%">
            <a href="/machines/family/@_machine.FamilyId">
                @_machine.FamilyName</a>
        </td>
    </tr>
}
@if (_machine.Model != null)
{
    <tr>
        <th scope=row width="37%">
            <div align=right>
                Model
            </div>
        </th>
        <td width="63%">
            @_machine.Model
        </td>
    </tr>
}
@if (_machine.Processors.Count > 0)
{
    <tr>
    <th scope=row>
        <div align=right>
            Processors
        </div>
    </th>
    <td>
    <table>
    @{ counter = 0; }
    @foreach (var processor in _machine.Processors)
    {
        <tr>
        <td>
        @if (processor.Speed > 0)
        {
            @(processor.GprSize > 0 ? $"{processor.Name} @ {processor.Speed}Mhz ({processor.GprSize} bits)" : $"{processor.Name} @ {processor.Speed}Mhz")
        }
        else
        {
            @($"{processor.Name}")
        }
        <a aria-controls="@($"cpuInfo{counter}")" aria-expanded="false" class="btn btn-link" data-toggle="collapse" href="@($"#cpuInfo{counter}")">
            +info
        </a>
        <div class="collapse" id="@($"cpuInfo{counter}")">
        <div class="card card-body">
        <table>
        @if (processor.ModelCode != null &&
             processor.ModelCode != processor.Name)
        {
            <tr>
                <td>Model</td>
                <td>@processor.ModelCode</td>
            </tr>
        }
        <tr>
            <td>Manufacturer</td>
            <td>
                <a href="/processors/company/@processor.CompanyId">
                    @processor.CompanyName</a>
            </td>
        </tr>
        @if (processor.Introduced != null)
        {
            <tr>
                <td>Introduction date</td>
                <td>@($"{processor.Introduced:yyyy}")</td>
            </tr>
        }
        @if (processor.InstructionSet != null)
        {
            <tr>
                <td>Instruction set</td>
                <td>@processor.InstructionSet</td>
            </tr>
        }
        @if (processor.Speed > 0)
        {
            <tr>
                <td>Nominal speed</td>
                <td>@processor.Speed MHz</td>
            </tr>
        }
        @if (processor.Gprs > 0 ||
             processor.Fprs > 0 ||
             processor.SimdRegisters > 0)
        {
            <tr>
                <td>Registers</td>
                <td>
                    <table>
                        @if (processor.Gprs > 0)
                        {
                            <tr>
                                <td>
                                    @processor.Gprs general purpose registers of @processor.GprSize bits
                                    @if (processor.FprSize > 0 &&
                                         processor.Fprs == 0)
                                    {
                                        @($", that can be used as floating point registers of {processor.FprSize}")
                                    }
                                    @if (processor.SimdSize > 0 &&
                                         processor.SimdRegisters == 0)
                                    {
                                        @($", that can be used as SIMD registers of {processor.FprSize}")
                                    }
                                </td>
                            </tr>
                        }
                        @if (processor.Fprs > 0)
                        {
                            <tr>
                                <td>
                                    @processor.Fprs floating-point registers of @processor.FprSize bits
                                    @if (processor.SimdSize > 0 &&
                                         processor.SimdRegisters == 0)
                                    {
                                        @($", that can be used as SIMD registers of {processor.FprSize}")
                                    }
                                </td>
                            </tr>
                        }
                        @if (processor.SimdRegisters > 0)
                        {
                            <tr>
                                <td>
                                    @processor.SimdRegisters
                                    <abbr title="Single instruction, multiple data">SIMD</abbr>registers of @processor.SimdSize bits
                                </td>
                            </tr>
                        }
                    </table>
                </td>
            </tr>
        }
        @if (processor.Cores > 1)
        {
            <tr>
                <td>Multi-core</td>
                <td>@processor.Cores cores</td>
            </tr>
        }
        @if (processor.ThreadsPerCore > 1)
        {
            <tr>
                <td>
                    <abbr title="Simultaneous multithreading">SMT</abbr>
                </td>
                <td>
                    @processor.ThreadsPerCore threads
                    @if (processor.Cores > 1)
                    {
                        @(" per core")
                    }
                </td>
            </tr>
        }
        @if (processor.DataBus > 0 ||
             processor.AddrBus > 0)
        {
            <tr>
                <td>Bus</td>
                <td>
                    <table>
                        @if (processor.DataBus > 0)
                        {
                            <tr>
                                <td>
                                    @processor.DataBus-bit data
                                </td>
                            </tr>
                        }
                        @if (processor.AddrBus > 0)
                        {
                            <tr>
                                <td>
                                    @processor.AddrBus-bit address
                                </td>
                            </tr>
                        }
                    </table>
                </td>
            </tr>
        }

        @if (processor.L1Instruction > 0 ||
             processor.L1Data > 0 ||
             processor.L2 > 0 ||
             processor.L2 > 0)
        {
            <tr>
                <td>Cache</td>
                <td>
                    <table>
                        @if (processor.L1Instruction > 0)
                        {
                            <tr>
                                <td>
                                    @(processor.L1Data < 0 ? $"{processor.L1Instruction}KiB combined instruction-data L1" : $"{processor.L1Instruction}KiB instruction L1")
                                </td>
                            </tr>
                        }
                        @if (processor.L1Data > 0)
                        {
                            <tr>
                                <td>
                                    @($"{processor.L1Data}KiB data L1")
                                </td>
                            </tr>
                        }
                        @if (processor.L2 > 0)
                        {
                            <tr>
                                <td>
                                    @($"{processor.L2}KiB L2")
                                </td>
                            </tr>
                        }
                        @if (processor.L3 > 0)
                        {
                            <tr>
                                <td>
                                    @($"{processor.L3}KiB L3")
                                </td>
                            </tr>
                        }
                    </table>
                </td>
            </tr>
        }
        @if (processor.Package != null)
        {
            <tr>
                <td>Package</td>
                <td>@processor.Package</td>
            </tr>
        }
        @if (processor.Process != null ||
             processor.ProcessNm > 0)
        {
            <tr>
                <td>Manufacturing process</td>
                <td>
                    @if (processor.Process != null &&
                         processor.ProcessNm > 0)
                    {
                        @processor.Process
                        @("@")
                        @(processor.ProcessNm > 100 ? $"{processor.ProcessNm / 100}µm" : $"{processor.ProcessNm}nm")
                    }
                    else if (processor.ProcessNm > 0)
                    {
                        @(processor.ProcessNm > 100 ? $"{processor.ProcessNm / 100}µm" : $"{processor.ProcessNm}nm")
                    }
                    else
                    {
                        @processor.Process
                    }
                </td>
            </tr>
        }
        @if (processor.DieSize > 0)
        {
            <tr>
                <td>Die size</td>
                <td>@processor.DieSize mm&sup2;</td>
            </tr>
        }
        @if (processor.Transistors > 0)
        {
            <tr>
                <td>Transistors</td>
                <td>@processor.Transistors</td>
            </tr>
        }
        </table>
        </div>
        </div>
        </td>
        </tr>

        counter++;
    }
    </table>
    </td>
    </tr>
}
@if (_machine.Memory != null &&
     _machine.Memory.Count > 0)
{
    <tr>
        <th scope=row>
            <div align=right>
                Memory
            </div>
        </th>
        <td>
            <table>
                @foreach (var memory in _machine.Memory)
                {
                    string memValue;
                    if (memory.Size > 1073741824)
                    {
                        memValue = $"{memory.Size / 1073741824} GiB";
                    }
                    else if (memory.Size > 1048576)
                    {
                        memValue = $"{memory.Size / 1048576} MiB";
                    }
                    else if (memory.Size > 1024)
                    {
                        memValue = $"{memory.Size / 1024} KiB";
                    }
                    else if (memory.Size > 0)
                    {
                        memValue = $"{memory.Size} bytes";
                    }
                    else
                    {
                        memValue = "Unknown size";
                    }

                    string speedValue;
                    if (memory.Speed > 1000000000)
                    {
                        speedValue = $"{memory.Speed / 1000000000} GHz";
                    }
                    else if (memory.Speed > 1000000)
                    {
                        speedValue = $"{memory.Speed / 1000000} MHz";
                    }
                    else if (memory.Speed > 1000)
                    {
                        speedValue = $"{memory.Speed / 1000} KHz";
                    }
                    else if (memory.Speed > 0)
                    {
                        speedValue = $"{memory.Speed} Hz";
                    }
                    else
                    {
                        speedValue = "unknown speed";
                    }

                    <tr>
                        <td>@memValue of @memory.Usage memory (@memory.Type at @speedValue)</td>
                    </tr>
                }
            </table>
        </td>
    </tr>
}
@if (_machine.Gpus.Count > 0)
{
    <tr>
        <th scope=row>
            <div align=right>
                Graphics processing units
            </div>
        </th>
        <td>
            <table>
                @{ counter = 0; }
                @foreach (var gpu in _machine.Gpus)
                {
                    if (gpu.Id == -2)
                    {
                        <td>
                            Framebuffer
                            <a aria-controls="@($"gpuInfo{counter}")" aria-expanded="false" class="btn btn-link" data-toggle="collapse" href="@($"#gpuInfo{counter}")">
                                +info
                            </a>
                            <div class="collapse" id="@($"gpuInfo{counter}")">
                                <div class="card card-body">
                                    This computer directly draws pixels from software to a memory region that's converted to video output by a
                                    <abbr title="Digital to Analog Converter">DAC</abbr> or similar without using any specific graphics processing unit.
                                </div>
                            </div>
                        </td>
                    }
                    else
                    {
                        <td>
                            @($"{gpu.Name}")
                            <a aria-controls="@($"gpuInfo{counter}")" aria-expanded="false" class="btn btn-link" data-toggle="collapse" href="@($"#gpuInfo{counter}")">
                                +info
                            </a>
                            <div class="collapse" id="@($"gpuInfo{counter}")">
                                <div class="card card-body">
                                    <table>
                                        @if (gpu.ModelCode != null &&
                                             gpu.ModelCode != gpu.Name)
                                        {
                                            <tr>
                                                <td>Model</td>
                                                <td>@gpu.ModelCode</td>
                                            </tr>
                                        }
                                        <tr>
                                            <td>Manufacturer</td>
                                            <td>
                                                <a href="/gpus/company/@gpu.CompanyId">
                                                    @gpu.Company</a>
                                            </td>
                                        </tr>
                                        @if (gpu.Introduced != null)
                                        {
                                            <tr>
                                                <td>Introduction date</td>
                                                <td>@($"{gpu.Introduced:yyyy}")</td>
                                            </tr>
                                        }
                                        @if (gpu.Package != null)
                                        {
                                            <tr>
                                                <td>Package</td>
                                                <td>@gpu.Package</td>
                                            </tr>
                                        }
                                        @if (gpu.Process != null ||
                                             gpu.ProcessNm > 0)
                                        {
                                            <tr>
                                                <td>Manufacturing process</td>
                                                <td>
                                                    @if (gpu.Process != null &&
                                                         gpu.ProcessNm > 0)
                                                    {
                                                        @gpu.Process
                                                        @("@")
                                                        @(gpu.ProcessNm > 100 ? $"{gpu.ProcessNm / 100}µm" : $"{gpu.ProcessNm}nm")
                                                    }
                                                    else if (gpu.ProcessNm > 0)
                                                    {
                                                        @(gpu.ProcessNm > 100 ? $"{gpu.ProcessNm / 100}µm" : $"{gpu.ProcessNm}nm")
                                                    }
                                                    else
                                                    {
                                                        @gpu.Process
                                                    }
                                                </td>
                                            </tr>
                                        }
                                        @if (gpu.DieSize > 0)
                                        {
                                            <tr>
                                                <td>Die size</td>
                                                <td>@gpu.DieSize mm&sup2;</td>
                                            </tr>
                                        }
                                        @if (gpu.Transistors > 0)
                                        {
                                            <tr>
                                                <td>Transistors</td>
                                                <td>@gpu.Transistors</td>
                                            </tr>
                                        }
                                    </table>
                                </div>
                            </div>
                        </td>
                    }
                    counter++;
                }
            </table>
        </td>
    </tr>
}
@if (_machine.SoundSynthetizers.Count > 0)
{
    <tr>
        <th scope=row>
            <div align=right>
                Sound synthetizers
            </div>
        </th>
        <td>
            <table>
                @{ counter = 0; }
                @foreach (var sound in _machine.SoundSynthetizers)
                {
                    <tr>
                        @if (sound.Id == -2)
                        {
                            <td>
                                Software
                                <a aria-controls="@($"synthInfo{counter}")" aria-expanded="false" class="btn btn-link" data-toggle="collapse" href="@($"#synthInfo{counter}")">
                                    +info
                                </a>
                                <div class="collapse" id="@($"synthInfo{counter}")">
                                    <div class="card card-body">
                                        This computer directly sends data to a
                                        <abbr title="Digital to Analog Converter">DAC</abbr> or similar connected to the audio output.
                                    </div>
                                </div>
                            </td>
                        }
                        else
                        {
                            <td>
                                @($"{sound.Name}")
                                <a aria-controls="@($"synthInfo{counter}")" aria-expanded="false" class="btn btn-link" data-toggle="collapse" href="@($"#synthInfo{counter}")">
                                    +info
                                </a>
                                <div class="collapse" id="@($"synthInfo{counter}")">
                                    <div class="card card-body">
                                        <table>
                                            @if (sound.ModelCode != null &&
                                                 sound.ModelCode != sound.Name)
                                            {
                                                <tr>
                                                    <td>Model</td>
                                                    <td>@sound.ModelCode</td>
                                                </tr>
                                            }
                                            @if (sound.CompanyId != null)
                                            {
                                                <tr>
                                                    <td>Manufacturer</td>
                                                    <td>
                                                        <a href="/soundsynths/company/@sound.CompanyId">
                                                            @sound.CompanyName</a>
                                                    </td>
                                                </tr>
                                            }
                                            @if (sound.Introduced != null)
                                            {
                                                <tr>
                                                    <td>Introduction date</td>
                                                    <td>@($"{sound.Introduced:yyyy}")</td>
                                                </tr>
                                            }
                                            @if (sound.Voices != 0 ||
                                                 sound.SquareWave != 0 ||
                                                 sound.WhiteNoise != 0)
                                            {
                                                <tr>
                                                    <td>Generators</td>
                                                    <td>
                                                        <table>
                                                            @if (sound.Voices != 0)
                                                            {
                                                                <tr>
                                                                    <td>@sound.Voices voices</td>
                                                                </tr>
                                                            }
                                                            @if (sound.SquareWave != 0)
                                                            {
                                                                <tr>
                                                                    <td>@sound.SquareWave square wave</td>
                                                                </tr>
                                                            }
                                                            @if (sound.WhiteNoise != 0)
                                                            {
                                                                <tr>
                                                                    <td>@sound.WhiteNoise white noise</td>
                                                                </tr>
                                                            }
                                                        </table>
                                                    </td>
                                                </tr>
                                            }
                                            @if (sound.Depth != 0 ||
                                                 sound.Frequency > 0)
                                            {
                                                <tr>
                                                    <td>Sample rate</td>
                                                    <td>
                                                        <table>
                                                            @if (sound.Depth != 0 &&
                                                                 sound.Frequency > 0)
                                                            {
                                                                <tr>
                                                                    <td>@sound.Depth bits at @(sound.Frequency > 1000 ? $"{sound.Frequency / 1000}KHz" : $"{sound.Frequency}Hz")</td>
                                                                </tr>
                                                            }
                                                            else if (sound.Depth != 0)
                                                            {
                                                                <tr>
                                                                    <td>@sound.Depth bits</td>
                                                                </tr>
                                                            }
                                                            else
                                                            {
                                                                <tr>
                                                                    <td>@(sound.Frequency > 1000 ? $"{sound.Frequency / 1000}KHz" : $"{sound.Frequency}Hz")</td>
                                                                </tr>
                                                            }
                                                        </table>
                                                    </td>
                                                </tr>
                                            }
                                            @if (sound.Type != 0)
                                            {
                                                <tr>
                                                    <td>Synthetizer type</td>
                                                    <td>
                                                        @sound.Type
                                                    </td>
                                                </tr>
                                            }
                                        </table>
                                    </div>
                                </div>
                            </td>
                        }
                    </tr>
                    counter++;
                }
            </table>
        </td>
    </tr>
}
@if (_machine.Storage.Count > 0)
{
    <tr>
        <th scope=row>
            <div align=right>
                Storage
            </div>
        </th>
        <td>
            <table>
                @foreach (var storage in _machine.Storage)
                {
                    string capString = null;

                    if (storage.Capacity != 0)
                    {
                        if (storage.Type == StorageType.CompactCassette)
                        {
                            capString = $"{storage.Capacity} bps";
                        }
                        else
                        {
                            if (storage.Capacity > 1073741824)
                            {
                                capString = $"{storage.Capacity / 1073741824} GiB";
                            }
                            else if (storage.Capacity > 1048576)
                            {
                                capString = $"{storage.Capacity / 1048576} MiB";
                            }
                            else if (storage.Capacity > 1024)
                            {
                                capString = $"{storage.Capacity / 1024} KiB";
                            }
                            else if (storage.Capacity > 0)
                            {
                                capString = $"{storage.Capacity} bytes";
                            }
                            else
                            {
                                capString = null;
                            }
                        }
                    }

                    <tr>
                        @if (storage.Interface != StorageInterface.Unknown)
                        {
                            if (storage.Type == StorageType.Empty)
                            {
                                <td>Available @storage.Interface interface.</td>
                            }
                            else
                            {
                                if (capString != null)
                                {
                                    <td>@storage.Type connected thru a @storage.Interface interface with a nominal capacity of @capString</td>
                                }
                                else
                                {
                                    <td>@storage.Type connected thru a @storage.Interface interface</td>
                                }
                            }
                        }
                        else
                        {
                            if (capString != null)
                            {
                                <td>@storage.Type with a nominal capacity of @capString</td>
                            }
                            else
                            {
                                <td>@storage.Type</td>
                            }
                        }
                    </tr>
                }
            </table>
        </td>
    </tr>
}
</table>
@if (File.Exists(Path.Combine(Host.WebRootPath, "assets/photos/computers", _machine.Id + ".jpg")))
{
    <img src="@Path.Combine("/assets/photos/computers", _machine.Id + ".jpg")" alt="">
}

@code
{
    [Parameter]
    public int Id { get; set; }

    MachineViewModel _machine;
    bool _loaded;

    protected override async Task OnInitializedAsync()
    {
        _machine = await Service.GetMachine(Id);

        _loaded = true;
    }
}