Update layout of cpu and gpu create and edit pages

This commit is contained in:
Timothy Warren 2024-06-19 15:20:19 -04:00
parent d6abde17ed
commit 33759b8ced
9 changed files with 549 additions and 357 deletions

709
composer.lock generated

File diff suppressed because it is too large Load Diff

View File

@ -68,8 +68,8 @@ trait CpuBase {
#[ORM\Column('tdp', type: 'integer', nullable: TRUE)] #[ORM\Column('tdp', type: 'integer', nullable: TRUE)]
private ?int $tdp; private ?int $tdp;
#[ORM\Column('process_node', type: 'integer', nullable: TRUE)] #[ORM\Column('process_node', type: 'string', nullable: TRUE)]
private ?int $processNode; private ?string $processNode;
// ------------------------------------------------------------------------ // ------------------------------------------------------------------------
// CPU Cache // CPU Cache

View File

@ -39,7 +39,7 @@ class GpuCore implements Stringable {
private ?string $architectureLink = ''; private ?string $architectureLink = '';
#[ORM\Column(name: 'process_node', nullable: TRUE)] #[ORM\Column(name: 'process_node', nullable: TRUE)]
private ?int $processNode; private ?string $processNode;
public function __toString(): string public function __toString(): string
{ {

View File

@ -34,6 +34,7 @@ class CpuType extends AbstractType {
]) ])
->add('sockets', EntityType::class, [ ->add('sockets', EntityType::class, [
'class' => Socket::class, 'class' => Socket::class,
'label' => 'Socket(s)',
'multiple' => true, 'multiple' => true,
'expanded' => false, 'expanded' => false,
'query_builder' => self::getSockets(), 'query_builder' => self::getSockets(),

View File

@ -0,0 +1,42 @@
<?php
declare(strict_types=1);
namespace App\Migrations;
use Doctrine\DBAL\Schema\Schema;
use Doctrine\Migrations\AbstractMigration;
/**
* Auto-generated Migration: Please modify to your needs!
*/
final class Version20240619172003 extends AbstractMigration
{
public function getDescription(): string
{
return '';
}
public function up(Schema $schema): void
{
// this up() migration is auto-generated, please modify it to your needs
$this->addSql('ALTER TABLE collection.cpu ALTER process_node TYPE VARCHAR(255)');
$this->addSql('ALTER TABLE collection.cpu ALTER process_node TYPE VARCHAR(255)');
$this->addSql('ALTER TABLE collection.gpu_core ALTER process_node TYPE VARCHAR(255)');
$this->addSql('ALTER TABLE collection.gpu_core ALTER process_node TYPE VARCHAR(255)');
$this->addSql('ALTER TABLE collection.previously_owned_cpu ALTER process_node TYPE VARCHAR(255)');
$this->addSql('ALTER TABLE collection.previously_owned_cpu ALTER process_node TYPE VARCHAR(255)');
}
public function down(Schema $schema): void
{
// this down() migration is auto-generated, please modify it to your needs
$this->addSql('CREATE SCHEMA public');
$this->addSql('ALTER TABLE collection.cpu ALTER process_node TYPE INT');
$this->addSql('ALTER TABLE collection.cpu ALTER process_node TYPE INT');
$this->addSql('ALTER TABLE collection.gpu_core ALTER process_node TYPE INT');
$this->addSql('ALTER TABLE collection.gpu_core ALTER process_node TYPE INT');
$this->addSql('ALTER TABLE collection.previously_owned_cpu ALTER process_node TYPE INT');
$this->addSql('ALTER TABLE collection.previously_owned_cpu ALTER process_node TYPE INT');
}
}

View File

@ -14,12 +14,20 @@
</div> </div>
{{ form_start(form) }} {{ form_start(form) }}
<fieldset class="large primary callout">
<legend>General</legend>
<div class="grid-x grid-margin-x">
<div class="cell medium-4">{{ form_row(form.architecture) }}</div>
<div class="cell medium-8">{{ form_row(form.sockets) }}</div>
</div>
</fieldset>
<fieldset class="large primary callout"> <fieldset class="large primary callout">
<legend>Brand, Model, Family</legend> <legend>Brand, Model, Family</legend>
<div class="grid-x grid-margin-x"> <div class="grid-x grid-margin-x">
<div class="cell">{{ form_row(form.architecture) }}</div>
<div class="cell">{{ form_row(form.sockets) }}</div>
<div class="cell medium-6">{{ form_row(form.brand) }}</div> <div class="cell medium-6">{{ form_row(form.brand) }}</div>
<div class="cell medium-6">{{ form_row(form.vendorString) }}</div> <div class="cell medium-6">{{ form_row(form.vendorString) }}</div>
<div class="cell medium-6">{{ form_row(form.productLine) }}</div> <div class="cell medium-6">{{ form_row(form.productLine) }}</div>

View File

@ -14,15 +14,25 @@
</div> </div>
{{ form_start(form) }} {{ form_start(form) }}
<fieldset class="large primary callout">
<legend>General</legend>
<div class="grid-x grid-margin-x">
<div class="cell medium-4">{{ form_row(form.architecture) }}</div>
<div class="cell medium-8">{{ form_row(form.sockets) }}</div>
</div>
</fieldset>
<fieldset class="large primary callout"> <fieldset class="large primary callout">
<legend>Brand, Model, Family</legend> <legend>Brand, Model, Family</legend>
<div class="grid-x grid-margin-x"> <div class="grid-x grid-margin-x">
<div class="cell">{{ form_row(form.architecture) }}</div>
<div class="cell">{{ form_row(form.sockets) }}</div> <div class="cell medium-6">{{ form_row(form.brand) }}</div>
<div class="cell medium-4">{{ form_row(form.brand) }}</div> <div class="cell medium-6">{{ form_row(form.vendorString) }}</div>
<div class="cell medium-4">{{ form_row(form.productLine) }}</div> <div class="cell medium-6">{{ form_row(form.productLine) }}</div>
<div class="cell medium-4">{{ form_row(form.model) }}</div> <div class="cell medium-6">{{ form_row(form.model) }}</div>
<div class="cell medium-6">{{ form_row(form.partNumber) }}</div> <div class="cell medium-6">{{ form_row(form.partNumber) }}</div>
<div class="cell medium-6">{{ form_row(form.lotNumber) }}</div> <div class="cell medium-6">{{ form_row(form.lotNumber) }}</div>
<div class="cell medium-6">{{ form_row(form.microArchitecture) }}</div> <div class="cell medium-6">{{ form_row(form.microArchitecture) }}</div>

View File

@ -18,22 +18,30 @@
<fieldset class="large primary callout"> <fieldset class="large primary callout">
<legend>Names / Brands</legend> <legend>Names / Brands</legend>
{{ form_row(form.gpuBrand) }} <div class="grid-x grid-margin-x">
{{ form_row(form.modelName) }} <div class="cell medium-4">{{ form_row(form.gpuBrand) }}</div>
{{ form_row(form.gpuCore) }} <div class="cell medium-8">{{ form_row(form.modelName) }}</div>
<div class="cell">{{ form_row(form.gpuCore) }}</div>
</div>
<hr /> <hr />
{{ form_row(form.boardBrand) }} <div class="grid-x grid-margin-x">
{{ form_row(form.alternateModelName) }} <div class="cell medium-4">{{ form_row(form.boardBrand) }}</div>
<div class="cell medium-8">{{ form_row(form.alternateModelName) }}</div>
</div>
</fieldset> </fieldset>
<fieldset class="large primary callout"> <fieldset class="large primary callout">
<legend>Bus / Size</legend> <legend>Card Interface</legend>
{{ form_row(form.cardKey) }} <div class="grid-x grid-margin-x">
{{ form_row(form.busInterface) }} <div class="cell medium-4">{{ form_row(form.cardKey) }}</div>
{{ form_row(form.slotSpan) }} <div class="cell medium-4">{{ form_row(form.busInterface) }}</div>
<div class="cell medium-4">{{ form_row(form.slotSpan) }}</div>
</div>
</fieldset> </fieldset>
<fieldset class="large primary callout"> <fieldset class="large primary callout">
@ -48,28 +56,36 @@
<fieldset class="large primary callout"> <fieldset class="large primary callout">
<legend>Clock Speeds</legend> <legend>Clock Speeds</legend>
{{ form_row(form.baseClock) }} <div class="grid-x grid-margin-x">
{{ form_row(form.boostClock) }} <div class="cell medium-6">{{ form_row(form.baseClock) }}</div>
{{ form_row(form.memoryClock) }} <div class="cell medium-6">{{ form_row(form.boostClock) }}</div>
<div class="cell">{{ form_row(form.memoryClock) }}</div>
</div>
</fieldset> </fieldset>
<fieldset class="large primary callout"> <fieldset class="large primary callout">
<legend>Memory</legend> <legend>Memory</legend>
{{ form_row(form.memorySize) }} <div class="grid-x grid-margin-x">
{{ form_row(form.memoryBus) }} <div class="cell medium-4">{{ form_row(form.memorySize) }}</div>
{{ form_row(form.memoryType) }} <div class="cell medium-4">{{ form_row(form.memoryBus) }}</div>
<div class="cell medium-4">{{ form_row(form.memoryType) }}</div>
</div>
</fieldset> </fieldset>
<fieldset class="large primary callout"> <fieldset class="large primary callout">
<legend>Rendering Hardware</legend> <legend>Rendering Hardware</legend>
{{ form_row(form.shadingUnits) }} <div class="grid-x grid-margin-x">
{{ form_row(form.tmus) }} <div class="cell medium-4">{{ form_row(form.shadingUnits) }}</div>
{{ form_row(form.rops) }} <div class="cell medium-4">{{ form_row(form.tmus) }}</div>
{{ form_row(form.computeUnits) }} <div class="cell medium-4">{{ form_row(form.rops) }}</div>
{{ form_row(form.l1cache) }} <div class="cell">{{ form_row(form.computeUnits) }}</div>
{{ form_row(form.l2cache) }} <div class="cell medium-6">{{ form_row(form.l1cache) }}</div>
<div class="cell medium-6">{{ form_row(form.l2cache) }}</div>
</div>
</fieldset> </fieldset>
<fieldset class="large primary callout"> <fieldset class="large primary callout">

View File

@ -17,22 +17,30 @@
<fieldset class="large primary callout"> <fieldset class="large primary callout">
<legend>Names / Brands</legend> <legend>Names / Brands</legend>
{{ form_row(form.gpuBrand) }} <div class="grid-x grid-margin-x">
{{ form_row(form.modelName) }} <div class="cell medium-4">{{ form_row(form.gpuBrand) }}</div>
{{ form_row(form.gpuCore) }} <div class="cell medium-8">{{ form_row(form.modelName) }}</div>
<div class="cell">{{ form_row(form.gpuCore) }}</div>
</div>
<hr /> <hr />
{{ form_row(form.boardBrand) }} <div class="grid-x grid-margin-x">
{{ form_row(form.alternateModelName) }} <div class="cell medium-4">{{ form_row(form.boardBrand) }}</div>
<div class="cell medium-8">{{ form_row(form.alternateModelName) }}</div>
</div>
</fieldset> </fieldset>
<fieldset class="large primary callout"> <fieldset class="large primary callout">
<legend>Bus / Size</legend> <legend>Card Interface</legend>
{{ form_row(form.cardKey) }} <div class="grid-x grid-margin-x">
{{ form_row(form.busInterface) }} <div class="cell medium-4">{{ form_row(form.cardKey) }}</div>
{{ form_row(form.slotSpan) }} <div class="cell medium-4">{{ form_row(form.busInterface) }}</div>
<div class="cell medium-4">{{ form_row(form.slotSpan) }}</div>
</div>
</fieldset> </fieldset>
<fieldset class="large primary callout"> <fieldset class="large primary callout">
@ -47,28 +55,36 @@
<fieldset class="large primary callout"> <fieldset class="large primary callout">
<legend>Clock Speeds</legend> <legend>Clock Speeds</legend>
{{ form_row(form.baseClock) }} <div class="grid-x grid-margin-x">
{{ form_row(form.boostClock) }} <div class="cell medium-6">{{ form_row(form.baseClock) }}</div>
{{ form_row(form.memoryClock) }} <div class="cell medium-6">{{ form_row(form.boostClock) }}</div>
<div class="cell">{{ form_row(form.memoryClock) }}</div>
</div>
</fieldset> </fieldset>
<fieldset class="large primary callout"> <fieldset class="large primary callout">
<legend>Memory</legend> <legend>Memory</legend>
{{ form_row(form.memorySize) }} <div class="grid-x grid-margin-x">
{{ form_row(form.memoryBus) }} <div class="cell medium-4">{{ form_row(form.memorySize) }}</div>
{{ form_row(form.memoryType) }} <div class="cell medium-4">{{ form_row(form.memoryBus) }}</div>
<div class="cell medium-4">{{ form_row(form.memoryType) }}</div>
</div>
</fieldset> </fieldset>
<fieldset class="large primary callout"> <fieldset class="large primary callout">
<legend>Rendering Hardware</legend> <legend>Rendering Hardware</legend>
{{ form_row(form.shadingUnits) }} <div class="grid-x grid-margin-x">
{{ form_row(form.tmus) }} <div class="cell medium-4">{{ form_row(form.shadingUnits) }}</div>
{{ form_row(form.rops) }} <div class="cell medium-4">{{ form_row(form.tmus) }}</div>
{{ form_row(form.computeUnits) }} <div class="cell medium-4">{{ form_row(form.rops) }}</div>
{{ form_row(form.l1cache) }} <div class="cell">{{ form_row(form.computeUnits) }}</div>
{{ form_row(form.l2cache) }} <div class="cell medium-6">{{ form_row(form.l1cache) }}</div>
<div class="cell medium-6">{{ form_row(form.l2cache) }}</div>
</div>
</fieldset> </fieldset>
<fieldset class="large primary callout"> <fieldset class="large primary callout">