removed unrelated test folder 'itc' from source directory'
This commit is contained in:
parent
b1ee09e9ee
commit
640f8e6445
@ -1,12 +0,0 @@
|
|||||||
import '@/styles/itc/machines/itc-machine.css'
|
|
||||||
|
|
||||||
import Itc55100 from '@/components/itc/machines/itc55100/Itc55100'
|
|
||||||
|
|
||||||
export default function ItcMachine()
|
|
||||||
{
|
|
||||||
return (
|
|
||||||
<div id="itc-machine-container" >
|
|
||||||
<Itc55100 />
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,9 +0,0 @@
|
|||||||
import '@/styles/itc/comps/itc-button.css'
|
|
||||||
|
|
||||||
export default function ItcButton( {style, name, onClick} ) {
|
|
||||||
return (
|
|
||||||
<div id="itc-button-container">
|
|
||||||
<button className={style} onClick={onClick}>{name}</button>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,21 +0,0 @@
|
|||||||
import styles from '@/styles/itc/comps/itc-combo.module.css'
|
|
||||||
|
|
||||||
export default function ItcCombo( { label, values, unit, onChange, disable} ) {
|
|
||||||
return (
|
|
||||||
<div id="itc-entry-container" className={styles['container']}>
|
|
||||||
<div className={styles['label-container']}>
|
|
||||||
<p>{label}:</p>
|
|
||||||
</div>
|
|
||||||
<div className={`${styles['entry-container']} ${disable ? styles['disabled'] : ''}`}>
|
|
||||||
<select onChange={onChange}>
|
|
||||||
{values.map((v) => (
|
|
||||||
<option key={v} value={v}>{v}</option>
|
|
||||||
))}
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div className={styles['unit-container']}>
|
|
||||||
<p>{unit}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,17 +0,0 @@
|
|||||||
import styles from '@/styles/itc/comps/itc-entry.module.css'
|
|
||||||
|
|
||||||
export default function ItcEntry( { label, value = '', unit, disable} ) {
|
|
||||||
return (
|
|
||||||
<div id="itc-entry-container" className={styles['container']}>
|
|
||||||
<div className={styles['label-container']}>
|
|
||||||
<p>{label}:</p>
|
|
||||||
</div>
|
|
||||||
<div className={styles['entry-container']}>
|
|
||||||
<input defaultValue={value}/>
|
|
||||||
</div>
|
|
||||||
<div className={styles['unit-container']}>
|
|
||||||
<p>{unit}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,40 +0,0 @@
|
|||||||
'use client'
|
|
||||||
import { useState } from 'react'
|
|
||||||
import NextImage from 'next/image';
|
|
||||||
|
|
||||||
import styles from '@/styles/itc/machines/itc55100/itc55100.module.css';
|
|
||||||
|
|
||||||
import LeftEdge from'@/res/itc/machines/itc55100/LeftEdgeCurve.svg';
|
|
||||||
|
|
||||||
|
|
||||||
import Home from '@/components/itc/machines/itc55100/panels/Home';
|
|
||||||
import TestSpec from '@/components/itc/machines/itc55100/panels/TestSpec'
|
|
||||||
|
|
||||||
const panels = {
|
|
||||||
home: Home,
|
|
||||||
testspec : TestSpec
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function Itc55100()
|
|
||||||
{
|
|
||||||
const nextConfig = {
|
|
||||||
images: {
|
|
||||||
dangerouslyAllowSVG: true,
|
|
||||||
contentDispositionType: 'attachment',
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
const [page, setPage] = useState('home')
|
|
||||||
|
|
||||||
const Panel = panels[page];
|
|
||||||
return (
|
|
||||||
<div id="itc55100-container" className={styles.container}>
|
|
||||||
<div className={styles['left-edge']}>
|
|
||||||
<NextImage src={LeftEdge} alt="Left Edge" fill style={{ objectFit: 'fill' }} />
|
|
||||||
</div>
|
|
||||||
<div className={styles['panel'] }>
|
|
||||||
{Panel ? <Panel navigate={setPage}/> : <div>Unknown panel</div> }
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,36 +0,0 @@
|
|||||||
import styles from '@/styles/itc/machines/itc55100/panels/home.module.css'
|
|
||||||
|
|
||||||
import ItcButton from '@/components/itc/comps/ItcButton'
|
|
||||||
|
|
||||||
export default function HomePanel({ navigate })
|
|
||||||
{
|
|
||||||
return (
|
|
||||||
<div id="itc55100-home-panel" className={styles['container']}>
|
|
||||||
<div className={styles['info-bar']}>
|
|
||||||
<p>GUI Revision: 30-May-2026</p>
|
|
||||||
<p>PLD Revision: 49, 12W</p>
|
|
||||||
<p>Firmware Revision: 30-May-2026</p>
|
|
||||||
</div>
|
|
||||||
<div className={styles['title-bar']}>
|
|
||||||
<p>ITC55100C-WSS ZR</p>
|
|
||||||
</div>
|
|
||||||
<div className={styles['button-grid']}>
|
|
||||||
<ItcButton name="Test Specification" style="b lrg" onClick={() => navigate('testspec')}/>
|
|
||||||
<ItcButton name="Test Modes" style="b lrg" onClick={() => navigate('testmode')}/>
|
|
||||||
<ItcButton name="Package Configure" style="b lrg" onClick={() => navigate('package')}/>
|
|
||||||
<ItcButton name="Test Results" style="b lrg" onClick={() => navigate('testresult')}/>
|
|
||||||
<ItcButton name="Communications" style="b lrg" onClick={() => navigate('communication')}/>
|
|
||||||
<ItcButton name="Settings" style="b lrg" onClick={() => navigate('setting')}/>
|
|
||||||
</div>
|
|
||||||
<div className={styles['hw-config']}>
|
|
||||||
<p>Serial Number: 123456</p>
|
|
||||||
<p>Board Revision: T</p>
|
|
||||||
<p>Crowbar: 200A</p>
|
|
||||||
<p>Sidepanel: 0</p>
|
|
||||||
</div>
|
|
||||||
<div className={styles['copyright']}>
|
|
||||||
<p>© 2026 Integrated Technology Corporation. All rights reserved.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,41 +0,0 @@
|
|||||||
import styles from '@/styles/itc/machines/itc55100/panels/testspec.module.css'
|
|
||||||
|
|
||||||
import ItcButton from '@/components/itc/comps/ItcButton'
|
|
||||||
import ItcEntry from '@/components/itc/comps/ItcEntry'
|
|
||||||
import ItcCombo from '@/components/itc/comps/ItcCombo'
|
|
||||||
|
|
||||||
export default function TestSpecPanel({ navigate })
|
|
||||||
{
|
|
||||||
const enModes = ["Disable", "Enable"];
|
|
||||||
const cbModes = ["Disable", "2uS Delay", "5uS Delay", "10uS Delay", "20uS Test Fire"]
|
|
||||||
const lkModes = ["Disable", "Pre", "Post", "Both"];
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div id="itc55100-test-spec-panel" className={styles['container']}>
|
|
||||||
<div className={styles['spec-name']}>
|
|
||||||
<ItcEntry label="Name" value="Test Specification 1" unit=""/>
|
|
||||||
</div>
|
|
||||||
<div className={styles['spec-grid']}>
|
|
||||||
<ItcEntry label="Drain" value="50.0" unit="V"/>
|
|
||||||
<ItcEntry label="Peak" value="10.0" unit="A"/>
|
|
||||||
<ItcEntry label="Inductor" value="1.0" unit="mH"/>
|
|
||||||
<ItcEntry label="Rated Vds" value="250.0" unit="V"/>
|
|
||||||
<ItcEntry label="Channel" value="N" unit=""/>
|
|
||||||
<ItcEntry label="Gate On" value="20.0" unit="V"/>
|
|
||||||
<ItcEntry label="Gate Off" value="0.0" unit="V"/>
|
|
||||||
<ItcCombo label="Leakage" values={lkModes} unit=""/>
|
|
||||||
<ItcEntry label="Leakage" value="50.0" unit="V"/>
|
|
||||||
<ItcEntry label="Leakage" value="1.0" unit="mA"/>
|
|
||||||
<ItcCombo label="Energy" values={enModes} unit=""/>
|
|
||||||
<ItcEntry label="Energy" value="1500.0" unit="mJ"/>
|
|
||||||
<ItcEntry label="T1 Timeout" value="50.0" unit="uS" />
|
|
||||||
<ItcEntry label="T2 Timeout" value="50.0" unit="uS"/>
|
|
||||||
<ItcCombo label="Multipulse" values={enModes} unit=""/>
|
|
||||||
<ItcCombo label="Crowbar" values={cbModes} unit="" disable="true"/>
|
|
||||||
<ItcEntry label="Threshold" value="500.0" unit="V"/>
|
|
||||||
<ItcEntry label="Overvoltage" value="1500.0" unit="V"/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
@ -1,69 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 400" width="42" height="400">
|
|
||||||
<defs>
|
|
||||||
<linearGradient id="redGrad" x1="0" y1="0" x2="1" y2="1">
|
|
||||||
<stop offset="0%" stop-color="#e8183a"/>
|
|
||||||
<stop offset="40%" stop-color="#c8102e"/>
|
|
||||||
<stop offset="100%" stop-color="#8a0820"/>
|
|
||||||
</linearGradient>
|
|
||||||
|
|
||||||
<radialGradient id="cg" cx="30%" cy="25%" r="65%">
|
|
||||||
<stop offset="0%" stop-color="#777"/>
|
|
||||||
<stop offset="45%" stop-color="#444"/>
|
|
||||||
<stop offset="100%" stop-color="#1a1a1a"/>
|
|
||||||
</radialGradient>
|
|
||||||
|
|
||||||
<radialGradient id="ch" cx="28%" cy="22%" r="50%">
|
|
||||||
<stop offset="0%" stop-color="#cccccc" stop-opacity="0.55"/>
|
|
||||||
<stop offset="100%" stop-color="#000000" stop-opacity="0"/>
|
|
||||||
</radialGradient>
|
|
||||||
|
|
||||||
<radialGradient id="rim" cx="30%" cy="25%" r="70%">
|
|
||||||
<stop offset="60%" stop-color="transparent"/>
|
|
||||||
<stop offset="100%" stop-color="#000" stop-opacity="0.6"/>
|
|
||||||
</radialGradient>
|
|
||||||
</defs>
|
|
||||||
|
|
||||||
<path d="M 0 0 L 13 0 C 13 0, 42 100, 42 200 C 42 300, 13 400, 13 400 L 0 400 Z"
|
|
||||||
fill="url(#redGrad)"/>
|
|
||||||
|
|
||||||
<!-- Circle 1: y=124, r=6, cx=18.6 -->
|
|
||||||
<circle cx="18.6" cy="124" r="7.2" fill="#111"/>
|
|
||||||
<circle cx="18.6" cy="124" r="6" fill="url(#cg)"/>
|
|
||||||
<circle cx="18.6" cy="124" r="6" fill="url(#ch)"/>
|
|
||||||
<circle cx="18.6" cy="124" r="6" fill="url(#rim)"/>
|
|
||||||
<circle cx="18.6" cy="124" r="2.2" fill="#3a3a3a"/>
|
|
||||||
<circle cx="17.2" cy="122.8" r="0.9" fill="#bbb" opacity="0.6"/>
|
|
||||||
|
|
||||||
<!-- Circle 2: y=162, r=8, cx=20.6 -->
|
|
||||||
<circle cx="20.6" cy="162" r="9.5" fill="#111"/>
|
|
||||||
<circle cx="20.6" cy="162" r="8" fill="url(#cg)"/>
|
|
||||||
<circle cx="20.6" cy="162" r="8" fill="url(#ch)"/>
|
|
||||||
<circle cx="20.6" cy="162" r="8" fill="url(#rim)"/>
|
|
||||||
<circle cx="20.6" cy="162" r="3" fill="#3a3a3a"/>
|
|
||||||
<circle cx="19.0" cy="160.6" r="1.2" fill="#bbb" opacity="0.6"/>
|
|
||||||
|
|
||||||
<!-- Circle 3: y=200, r=10, cx=22.6 -->
|
|
||||||
<circle cx="22.6" cy="200" r="11.8" fill="#111"/>
|
|
||||||
<circle cx="22.6" cy="200" r="10" fill="url(#cg)"/>
|
|
||||||
<circle cx="22.6" cy="200" r="10" fill="url(#ch)"/>
|
|
||||||
<circle cx="22.6" cy="200" r="10" fill="url(#rim)"/>
|
|
||||||
<circle cx="22.6" cy="200" r="3.8" fill="#3a3a3a"/>
|
|
||||||
<circle cx="20.8" cy="198.4" r="1.5" fill="#bbb" opacity="0.6"/>
|
|
||||||
|
|
||||||
<!-- Circle 4: y=238, r=8, cx=20.6 -->
|
|
||||||
<circle cx="20.6" cy="238" r="9.5" fill="#111"/>
|
|
||||||
<circle cx="20.6" cy="238" r="8" fill="url(#cg)"/>
|
|
||||||
<circle cx="20.6" cy="238" r="8" fill="url(#ch)"/>
|
|
||||||
<circle cx="20.6" cy="238" r="8" fill="url(#rim)"/>
|
|
||||||
<circle cx="20.6" cy="238" r="3" fill="#3a3a3a"/>
|
|
||||||
<circle cx="19.0" cy="236.6" r="1.2" fill="#bbb" opacity="0.6"/>
|
|
||||||
|
|
||||||
<!-- Circle 5: y=276, r=6, cx=18.6 -->
|
|
||||||
<circle cx="18.6" cy="276" r="7.2" fill="#111"/>
|
|
||||||
<circle cx="18.6" cy="276" r="6" fill="url(#cg)"/>
|
|
||||||
<circle cx="18.6" cy="276" r="6" fill="url(#ch)"/>
|
|
||||||
<circle cx="18.6" cy="276" r="6" fill="url(#rim)"/>
|
|
||||||
<circle cx="18.6" cy="276" r="2.2" fill="#3a3a3a"/>
|
|
||||||
<circle cx="17.2" cy="274.8" r="0.9" fill="#bbb" opacity="0.6"/>
|
|
||||||
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 2.9 KiB |
@ -1,61 +0,0 @@
|
|||||||
#itc-button-container
|
|
||||||
{
|
|
||||||
--button-width: 300px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
width: 100%;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
border: 5px rgb(255,255,255);
|
|
||||||
}
|
|
||||||
|
|
||||||
#itc-button-container button
|
|
||||||
{
|
|
||||||
font-family: var(--font-family);
|
|
||||||
font-size: var(--text-size-small);
|
|
||||||
padding: 0.5rem 0.5rem;
|
|
||||||
border-radius: var(--border-radius-medium);
|
|
||||||
border-width: 1px;
|
|
||||||
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
|
|
||||||
}
|
|
||||||
|
|
||||||
#itc-button-container button:hover
|
|
||||||
{
|
|
||||||
background-color: var(--color-secondary);
|
|
||||||
}
|
|
||||||
|
|
||||||
#itc-button-container button:active
|
|
||||||
{
|
|
||||||
background-color: var(--color-secondary-light);
|
|
||||||
}
|
|
||||||
|
|
||||||
#itc-button-container button.a
|
|
||||||
{
|
|
||||||
font-size: var(--text-size-large);
|
|
||||||
}
|
|
||||||
|
|
||||||
#itc-button-container button.b
|
|
||||||
{
|
|
||||||
font-size: var(--text-size-medium);
|
|
||||||
}
|
|
||||||
|
|
||||||
#itc-button-container button.c
|
|
||||||
{
|
|
||||||
font-size: var(--text-size-small);
|
|
||||||
}
|
|
||||||
|
|
||||||
#itc-button-container button.lrg
|
|
||||||
{
|
|
||||||
width: calc(var(--button-width)*1);
|
|
||||||
}
|
|
||||||
|
|
||||||
#itc-button-container button.med
|
|
||||||
{
|
|
||||||
width: calc(var(--button-width)*.75);
|
|
||||||
}
|
|
||||||
|
|
||||||
#itc-button-container button.sm
|
|
||||||
{
|
|
||||||
width: calc(var(--button-width)*.50);
|
|
||||||
}
|
|
||||||
|
|
||||||
@ -1,24 +0,0 @@
|
|||||||
.container
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
flex: row;
|
|
||||||
font-size: var(--text-size-medium);
|
|
||||||
gap: .75rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container .label-container
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
width: 125px;
|
|
||||||
justify-content: right;
|
|
||||||
}
|
|
||||||
.container .entry-container select
|
|
||||||
{
|
|
||||||
font-size: var(--text-size-medium);
|
|
||||||
width: 150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.disabled
|
|
||||||
{
|
|
||||||
background-color: rgba(0,0,0,0);
|
|
||||||
}
|
|
||||||
@ -1,24 +0,0 @@
|
|||||||
.container
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
flex: row;
|
|
||||||
font-size: var(--text-size-medium);
|
|
||||||
gap: .75rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container .label-container
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
width: 125px;
|
|
||||||
justify-content: right;
|
|
||||||
}
|
|
||||||
.container .entry-container input
|
|
||||||
{
|
|
||||||
font-size: var(--text-size-medium);
|
|
||||||
width: 150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.disabled
|
|
||||||
{
|
|
||||||
background-color: rgba(0,0,0,0);
|
|
||||||
}
|
|
||||||
@ -1,33 +0,0 @@
|
|||||||
#itc-machine-container
|
|
||||||
{
|
|
||||||
--font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
||||||
--text-size-small: 1rem;
|
|
||||||
--text-size-medium: 1.25rem;
|
|
||||||
--text-size-large: 2rem;
|
|
||||||
|
|
||||||
--color-primary-light: #e8183a;
|
|
||||||
--color-primary: #c8102e;
|
|
||||||
--color-primary-dark: #8a0820;
|
|
||||||
|
|
||||||
--color-secondary-light: #bfbfbf;
|
|
||||||
--color-secondary:#838383;
|
|
||||||
--color-secondary-dark: #535353;
|
|
||||||
|
|
||||||
--border-radius-medium: 10px;
|
|
||||||
|
|
||||||
font-family: var(--font-family);
|
|
||||||
font-size: var(--text-size-large);
|
|
||||||
|
|
||||||
box-sizing: border-box;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
width: 100vw;
|
|
||||||
height: 100vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.outline
|
|
||||||
{
|
|
||||||
border: 1px solid #3498db;
|
|
||||||
}
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
.container {
|
|
||||||
--panel-buffer: 10px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
background: linear-gradient(180deg, rgb(230, 230, 230) 0%, var(--color-secondary-light) 2%, var(--color-secondary) 98%, var(--color-secondary-dark) 100%);
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
padding: 0px 51px 0px 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.left-edge {
|
|
||||||
position: relative;
|
|
||||||
width: 51px;
|
|
||||||
height: 100%;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel {
|
|
||||||
flex: 1;
|
|
||||||
min-width: 0;
|
|
||||||
padding: var(--panel-buffer) 0px var(--panel-buffer) 0px;
|
|
||||||
}
|
|
||||||
@ -1,54 +0,0 @@
|
|||||||
.container
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
background-color: rgba(0, 0, 0, 0);
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
gap: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-grid
|
|
||||||
{
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: auto auto;
|
|
||||||
gap: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.info-bar
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: space-between;
|
|
||||||
font-size: var(--text-size-small);
|
|
||||||
}
|
|
||||||
|
|
||||||
.title-bar
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
border-bottom: 1px solid #000000;
|
|
||||||
width: 100%;
|
|
||||||
justify-content: center;
|
|
||||||
font-size: var(--text-size-large);
|
|
||||||
font-weight: bold;
|
|
||||||
padding-bottom: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hw-config
|
|
||||||
{
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: auto auto;
|
|
||||||
justify-content: space-around;
|
|
||||||
gap: 1rem;
|
|
||||||
font-size: var(--text-size-small);
|
|
||||||
}
|
|
||||||
|
|
||||||
.copyright
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
font-size: var(--text-size-small);
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,24 +0,0 @@
|
|||||||
.container
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 1.5rem;
|
|
||||||
background-color: rgba(0, 0, 0, 0);
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
border-radius: inherit;
|
|
||||||
padding: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container .spec-name
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container .spec-grid
|
|
||||||
{
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: auto auto;
|
|
||||||
gap: 1rem;
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue
Block a user