Rendering with material-ui
Signed-off-by: James Ketrenos <james.p.ketrenos@intel.com>
This commit is contained in:
James Ketrenos
parent
be7b047862
commit
e48856b4bc
440
src/App.css
440
src/App.css
@ -1,443 +1,3 @@
|
|||||||
body {
|
body {
|
||||||
font-family: 'Droid Sans', 'Arial Narrow', Arial, sans-serif;
|
font-family: 'Droid Sans', 'Arial Narrow', Arial, sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
.Cards {
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
display: inline-block;
|
|
||||||
text-align: right;
|
|
||||||
vertical-align: bottom;
|
|
||||||
padding: 0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Stack {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Stack:not(:first-child) {
|
|
||||||
margin-left: -3em;
|
|
||||||
transition: margin-left 1s ease-in-out 0.25s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Stack > * {
|
|
||||||
transition: margin-left 1s ease-in-out 0.25s, margin-right 1s ease-in-out 0.25s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Development:hover,
|
|
||||||
.Placard:hover,
|
|
||||||
.Resource:hover {
|
|
||||||
filter: brightness(150%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.Stack > *:not(:first-child) {
|
|
||||||
margin-left: -4.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Hand {
|
|
||||||
min-height: calc(7.2em + 0.5em);
|
|
||||||
}
|
|
||||||
|
|
||||||
.Hand:hover .Stack:hover > *:not(:first-child) {
|
|
||||||
margin-left: -2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Hand:hover .Stack:hover:not(:last-child) > *:last-child {
|
|
||||||
margin-right: 3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Placard {
|
|
||||||
position: relative;
|
|
||||||
width: 9.4em;
|
|
||||||
height: 11.44em;
|
|
||||||
background-position: center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size: cover;
|
|
||||||
margin: 0.25em;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Development {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
width: 4.9em;
|
|
||||||
height: 7.2em;
|
|
||||||
background-position: center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size: cover;
|
|
||||||
margin: 0.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Resource {
|
|
||||||
position: relative;
|
|
||||||
width: 4.9em;
|
|
||||||
height: 7.2em;
|
|
||||||
display: inline-block;
|
|
||||||
background-position: center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size: cover;
|
|
||||||
margin: 0.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Statistics > div:nth-child(2) {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
border: 1px solid black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Statistics div:nth-child(2) div {
|
|
||||||
padding: 0.25em 0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.MarkdownLoader {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gitlab-banner {
|
|
||||||
display: inline-block;
|
|
||||||
position: absolute;
|
|
||||||
top: 0px;
|
|
||||||
right: 0px;
|
|
||||||
overflow: hidden;
|
|
||||||
background-color: #252525;
|
|
||||||
box-sizing: border-box;
|
|
||||||
cursor: pointer;
|
|
||||||
height: 1.5em;
|
|
||||||
line-height: 0.9em;
|
|
||||||
opacity: 0.25;
|
|
||||||
transition: opacity 0.5s ease-out;
|
|
||||||
text-decoration: none;
|
|
||||||
padding: 0.25em 0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gitlab-banner:hover {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gitlab-banner a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: #fff;
|
|
||||||
white-space: nowrap;
|
|
||||||
font-variant: all-small-caps;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gitlab-banner:hover a {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
#spinner {
|
|
||||||
display: none;
|
|
||||||
position: fixed;
|
|
||||||
left: 50%;
|
|
||||||
top: 50%;
|
|
||||||
width: 60px;
|
|
||||||
height: 60px;
|
|
||||||
margin-left: -30px;
|
|
||||||
margin-top: -30px;
|
|
||||||
z-index: 100;
|
|
||||||
background-image: url(../assets/vtt-logo.png);
|
|
||||||
background-color: #0071C5;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Logo {
|
|
||||||
width: 52px;
|
|
||||||
height: 52px;
|
|
||||||
background-image: url(../assets/vtt.svg);
|
|
||||||
background-color: #252525;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center center;
|
|
||||||
background-size: 95% 95%;
|
|
||||||
border-radius: 50%;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
#spinner.spin {
|
|
||||||
display: inline-block;
|
|
||||||
-webkit-animation:spin 1s linear infinite;
|
|
||||||
-moz-animation:spin 1s linear infinite;
|
|
||||||
animation:spin 1s linear infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
|
|
||||||
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
|
|
||||||
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
|
|
||||||
|
|
||||||
.Header {
|
|
||||||
background-color: #252525;
|
|
||||||
color: #ffffff;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
z-index: 20;
|
|
||||||
display: flex;
|
|
||||||
box-sizing: border-box;
|
|
||||||
flex-direction: column;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Header .Group {
|
|
||||||
height: 60px;
|
|
||||||
display: flex;
|
|
||||||
padding-left: 1em;
|
|
||||||
padding-right: calc(1em + 52px);
|
|
||||||
background-color: #0071C5;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Header .Group .Subtitle {
|
|
||||||
font-size: 0.7em;
|
|
||||||
line-height: 1.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Header .Group .Heading {
|
|
||||||
margin: 0 auto;
|
|
||||||
width: calc(100% - 8em);
|
|
||||||
max-width: 90em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Header .Pages {
|
|
||||||
height: 60px;
|
|
||||||
display: flex;
|
|
||||||
margin: 0 auto;
|
|
||||||
width: calc(100% - 8em);
|
|
||||||
max-width: 90em;
|
|
||||||
/* justify-content: space-between;*/
|
|
||||||
font-size: 1.2em;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Header .Pages .Link {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
height: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding: 0.5em 1em;
|
|
||||||
border-bottom: 3px solid transparent;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Header .Pages .Link.Highlight {
|
|
||||||
border-bottom-color: #0071C5 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Header .Pages .Link.Active,
|
|
||||||
.Header .Pages .Link:hover {
|
|
||||||
border-bottom-color: #003663;
|
|
||||||
/*border-bottom-color: #00A7FF;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
a.Link {
|
|
||||||
font-family: Oswald;
|
|
||||||
text-decoration: none;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Footer {
|
|
||||||
position: fixed;
|
|
||||||
background-color: #252525;
|
|
||||||
color: #ffffff;
|
|
||||||
height: 64px;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
font-size: 0.9em;
|
|
||||||
font-family: Droid Sans;
|
|
||||||
z-index: 20;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Footer .Copyright {
|
|
||||||
position: absolute;
|
|
||||||
line-height: 64px;
|
|
||||||
text-align: center;
|
|
||||||
left: 64px;
|
|
||||||
right: 64px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Footer .Lizard {
|
|
||||||
position: absolute;
|
|
||||||
width: 100px;
|
|
||||||
height: 64px;
|
|
||||||
right: 1em;
|
|
||||||
background-image: url(../assets/agama.png);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: 98% center;
|
|
||||||
background-size: auto 40px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Body {
|
|
||||||
position: absolute;
|
|
||||||
/* .Header's two 60px chunks */
|
|
||||||
/*
|
|
||||||
margin-top: 120px;
|
|
||||||
*/
|
|
||||||
/* .Footer's 64 px */
|
|
||||||
/*
|
|
||||||
margin-bottom: 64px;
|
|
||||||
*/
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
background-image: linear-gradient(#090B1A, #131524);
|
|
||||||
color: #ffffff;
|
|
||||||
z-index: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Body > * {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup {
|
|
||||||
position: fixed;
|
|
||||||
display: none;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
z-index: 0;
|
|
||||||
background: rgba(0, 0, 0, 0.5);
|
|
||||||
padding: 5em;
|
|
||||||
z-index: 1000;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popped-up {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Board {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
z-index: 0;
|
|
||||||
pointer-events: none;
|
|
||||||
opacity: 1;
|
|
||||||
transition: opacity 1.5s ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Board.NoBackground {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Index {
|
|
||||||
display: none;
|
|
||||||
position: absolute;
|
|
||||||
background-color: #fff;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 12em;
|
|
||||||
margin-right: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Index > div {
|
|
||||||
padding: 0.25em 0.5em;
|
|
||||||
cursor: pointer;
|
|
||||||
color: #444;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Index div.story {
|
|
||||||
font-size: 0.9em;
|
|
||||||
padding-left: 0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Index div.topic {
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Index .active {
|
|
||||||
color: black;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Index div.inactive:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Main {
|
|
||||||
display: inline-flex;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
background-image: url(../assets/vtt-logo.png);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.Main.NoBackground {
|
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Content {
|
|
||||||
position: relative;
|
|
||||||
box-sizing: border-box;
|
|
||||||
margin: 1em auto;
|
|
||||||
width: calc(100% - 8em);
|
|
||||||
max-width: 90em;
|
|
||||||
color: black;
|
|
||||||
z-index: 10;
|
|
||||||
background-color: #fff;
|
|
||||||
overflow-y: scroll;
|
|
||||||
scroll-behavior: smooth;
|
|
||||||
padding: 1.5em 1.5em 0 1.5em;
|
|
||||||
box-sizing: border-box;
|
|
||||||
transition: top 1s ease-in-out;
|
|
||||||
top: -100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Content #MinBox {
|
|
||||||
position: relative;
|
|
||||||
box-sizing: border-box;
|
|
||||||
min-height: calc(100% - 2.5em);
|
|
||||||
padding-bottom: 1.3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.OnScreen {
|
|
||||||
top: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Markdown pre {
|
|
||||||
max-width: 100ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Markdown h1 {
|
|
||||||
margin-top: 1em;
|
|
||||||
font-size: 1.0em;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Markdown h2 {
|
|
||||||
margin-top: 0.8em;
|
|
||||||
font-size: 1.0em;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Markdown h1:first-child,
|
|
||||||
.Markdown h2:first-child {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Markdown th {
|
|
||||||
font-variant-caps: all-small-caps;
|
|
||||||
font-size: 1.1em;
|
|
||||||
font-weight: normal;
|
|
||||||
padding: 0.25em 0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Markdown table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
margin: 0 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Markdown td {
|
|
||||||
vertical-align: top;
|
|
||||||
padding: 0.25em 0.5em;
|
|
||||||
border: 1px solid #f0f0f0;
|
|
||||||
}
|
|
||||||
|
|||||||
48
src/App.js
48
src/App.js
@ -6,60 +6,28 @@ import 'core-js/features/number/is-nan';
|
|||||||
|
|
||||||
/* App starts here */
|
/* App starts here */
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { withRouter, NavLink, Route, Switch } from "react-router-dom";
|
|
||||||
import Button from '@material-ui/core/Button';
|
import Button from '@material-ui/core/Button';
|
||||||
import AppBar from '@material-ui/core/AppBar';
|
import AppBar from '@material-ui/core/AppBar';
|
||||||
|
import Box from '@material-ui/core/Box';
|
||||||
import Toolbar from '@material-ui/core/Toolbar';
|
import Toolbar from '@material-ui/core/Toolbar';
|
||||||
import IconButton from '@material-ui/core/IconButton';
|
import { makeStyles } from '@material-ui/core/styles';
|
||||||
import Typography from '@material-ui/core/Typography';
|
|
||||||
|
|
||||||
//import 'typeface-roboto';
|
//import 'typeface-roboto';
|
||||||
|
|
||||||
import Board from "./Board.js";
|
import Board from "./Board.js";
|
||||||
import './modest.css';
|
|
||||||
import "./App.css";
|
import "./App.css";
|
||||||
|
|
||||||
function noChange() {};
|
function App() {
|
||||||
|
|
||||||
class App extends React.Component {
|
|
||||||
constructor(props) {
|
|
||||||
super(props);
|
|
||||||
this.props.history.listen((location, action) => {});
|
|
||||||
}
|
|
||||||
|
|
||||||
componentDidMount() {
|
|
||||||
const location = this.props.history.location.pathname;
|
|
||||||
console.log(`App.mounted at ${location}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
hidePopup() {
|
|
||||||
this.setState({
|
|
||||||
modalShown: false
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
render() {
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="App" ref={ ref => (this.app = ref) }>
|
<React.Fragment>
|
||||||
<AppBar position="static">
|
<AppBar position="fixed">
|
||||||
<Toolbar>
|
<Toolbar>
|
||||||
<IconButton edge="start" color="inherit" aria-label="menu">
|
|
||||||
Test
|
|
||||||
</IconButton>
|
|
||||||
<Typography variant="h6">
|
|
||||||
News
|
|
||||||
</Typography>
|
|
||||||
<Button color="inherit">Login</Button>
|
<Button color="inherit">Login</Button>
|
||||||
</Toolbar>
|
</Toolbar>
|
||||||
</AppBar>
|
</AppBar>
|
||||||
<div className="Body">
|
|
||||||
<Toolbar/>
|
|
||||||
<Board/>
|
<Board/>
|
||||||
</div>
|
</React.Fragment>
|
||||||
</div>
|
|
||||||
);
|
);
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export default withRouter(App);
|
export default App;
|
||||||
|
|||||||
102
src/Board.css
Executable file
102
src/Board.css
Executable file
@ -0,0 +1,102 @@
|
|||||||
|
.Board {
|
||||||
|
display: inline-block;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Display {
|
||||||
|
display: inline-block;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Cards {
|
||||||
|
display: inline-block;
|
||||||
|
position: absolute;
|
||||||
|
text-align: right;
|
||||||
|
vertical-align: bottom;
|
||||||
|
padding: 0.5em;
|
||||||
|
box-sizing: border-box;
|
||||||
|
max-height: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Stack {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Stack:not(:first-child) {
|
||||||
|
margin-left: -3em;
|
||||||
|
transition: margin-left 1s ease-in-out 0.25s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Stack > * {
|
||||||
|
transition: margin-left 1s ease-in-out 0.25s, margin-right 1s ease-in-out 0.25s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Development:hover,
|
||||||
|
.Placard:hover,
|
||||||
|
.Resource:hover {
|
||||||
|
filter: brightness(150%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.Stack > *:not(:first-child) {
|
||||||
|
margin-left: -4.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Hand {
|
||||||
|
min-height: calc(7.2em + 0.5em);
|
||||||
|
}
|
||||||
|
|
||||||
|
.Hand:hover .Stack:hover > *:not(:first-child) {
|
||||||
|
margin-left: -2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Hand:hover .Stack:hover:not(:last-child) > *:last-child {
|
||||||
|
margin-right: 3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Placard {
|
||||||
|
position: relative;
|
||||||
|
width: 9.4em;
|
||||||
|
height: 11.44em;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
margin: 0.25em;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Development {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
width: 4.9em;
|
||||||
|
height: 7.2em;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
margin: 0.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Resource {
|
||||||
|
position: relative;
|
||||||
|
width: 4.9em;
|
||||||
|
height: 7.2em;
|
||||||
|
display: inline-block;
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
margin: 0.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Statistics > div:nth-child(2) {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Statistics div:nth-child(2) div {
|
||||||
|
padding: 0.25em 0.5em;
|
||||||
|
}
|
||||||
34
src/Board.js
34
src/Board.js
@ -1,4 +1,5 @@
|
|||||||
import React, { useState, useEffect } from "react";
|
import React, { useState, useEffect } from "react";
|
||||||
|
import "./Board.css";
|
||||||
|
|
||||||
const hexagonRatio = 1.1547005,
|
const hexagonRatio = 1.1547005,
|
||||||
tileHeight = 0.16,
|
tileHeight = 0.16,
|
||||||
@ -367,6 +368,10 @@ class Board extends React.Component {
|
|||||||
y = event.clientY;
|
y = event.clientY;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (this.offsetY) {
|
||||||
|
y -= this.offsetY;
|
||||||
|
}
|
||||||
|
|
||||||
/* Scale mouse.x and mouse.y relative to board */
|
/* Scale mouse.x and mouse.y relative to board */
|
||||||
this.mouse.x = (x - rect.left) /
|
this.mouse.x = (x - rect.left) /
|
||||||
(this.minSize / hexagonRatio) - 0.5 - tileHeight * 0.5,
|
(this.minSize / hexagonRatio) - 0.5 - tileHeight * 0.5,
|
||||||
@ -425,10 +430,23 @@ class Board extends React.Component {
|
|||||||
}
|
}
|
||||||
|
|
||||||
this.updateSizeTimer = setTimeout(() => {
|
this.updateSizeTimer = setTimeout(() => {
|
||||||
this.canvas.width = this.canvas.offsetWidth;
|
const container = document.getElementById("root"),
|
||||||
this.canvas.height = this.canvas.offsetHeight;
|
offset = container.firstChild.offsetHeight,
|
||||||
this.width = this.canvas.parentElement.clientWidth;
|
height = window.innerHeight - offset;
|
||||||
this.height = this.canvas.parentElement.clientHeight;
|
|
||||||
|
this.offsetY = offset;
|
||||||
|
this.width = window.innerWidth;
|
||||||
|
this.height = height;
|
||||||
|
|
||||||
|
this.canvas.width = this.width;
|
||||||
|
this.canvas.height = this.height;
|
||||||
|
this.canvas.style.top = `${offset}px`;
|
||||||
|
this.canvas.style.width = `${this.width}px`;
|
||||||
|
this.canvas.style.height = `${this.height}px`;
|
||||||
|
this.cards.style.top = `${offset}px`;
|
||||||
|
this.cards.style.width = `${this.width}px`;
|
||||||
|
this.cards.style.height = `${this.heigh}tpx`;
|
||||||
|
|
||||||
this.updateSizeTimer = 0;
|
this.updateSizeTimer = 0;
|
||||||
this.drawFrame();
|
this.drawFrame();
|
||||||
}, 250);
|
}, 250);
|
||||||
@ -814,9 +832,9 @@ class Board extends React.Component {
|
|||||||
|
|
||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
<>
|
<div className="Board" ref={el => this.el = el}>
|
||||||
<canvas className="Board" ref={el => this.canvas = el}></canvas>
|
<canvas className="Display" ref={el => this.canvas = el}></canvas>
|
||||||
<div className="Cards">
|
<div className="Cards" ref={el => this.cards = el}>
|
||||||
<div>In hand</div>
|
<div>In hand</div>
|
||||||
<div className="Hand">
|
<div className="Hand">
|
||||||
<Resource type="wood" count={this.state.wood}/>
|
<Resource type="wood" count={this.state.wood}/>
|
||||||
@ -858,7 +876,7 @@ class Board extends React.Component {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,31 +0,0 @@
|
|||||||
import React, { PureComponent } from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
|
|
||||||
import { okaidia } from "react-syntax-highlighter/dist/esm/styles/prism";
|
|
||||||
|
|
||||||
class CodeBlock extends PureComponent {
|
|
||||||
/* NOTE: the line-numbers plugin isn't working.
|
|
||||||
* See https://betterstack.dev/blog/code-highlighting-in-react-using-prismjs/
|
|
||||||
* for some clues on how to fix it. */
|
|
||||||
static propTypes = {
|
|
||||||
value: PropTypes.string.isRequired,
|
|
||||||
language: PropTypes.string,
|
|
||||||
plugins: PropTypes.arrayOf(PropTypes.string)
|
|
||||||
};
|
|
||||||
|
|
||||||
static defaultProps = {
|
|
||||||
language: null,
|
|
||||||
plugins: [ "line-numbers" ]
|
|
||||||
};
|
|
||||||
|
|
||||||
render() {
|
|
||||||
const { language, plugins, value } = this.props;
|
|
||||||
return (
|
|
||||||
<SyntaxHighlighter className="line-numbers" language={language} style={okaidia} plugins={plugins}>
|
|
||||||
{value}
|
|
||||||
</SyntaxHighlighter>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default CodeBlock;
|
|
||||||
173
src/Contents.js
173
src/Contents.js
@ -1,173 +0,0 @@
|
|||||||
import React, { useState, useEffect } from "react";
|
|
||||||
|
|
||||||
import WaveBalls from "./WaveBalls.js";
|
|
||||||
import AnimakitExpander from "animakit-expander";
|
|
||||||
|
|
||||||
import "./App.css";
|
|
||||||
|
|
||||||
const sections = [
|
|
||||||
"Platforms",
|
|
||||||
"Drivers",
|
|
||||||
"Compute",
|
|
||||||
"Media",
|
|
||||||
"3D",
|
|
||||||
"Solutions"
|
|
||||||
];
|
|
||||||
|
|
||||||
class Header extends React.Component {
|
|
||||||
render() {
|
|
||||||
return (
|
|
||||||
<div className="Header">
|
|
||||||
<Logo/>
|
|
||||||
<div className="Pages">
|
|
||||||
{
|
|
||||||
sections.map((section) =>
|
|
||||||
<div key={ section }>{ section }</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class Logo extends React.Component {
|
|
||||||
render() {
|
|
||||||
return <div className="Logo"></div>
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class Footer extends React.Component {
|
|
||||||
render() {
|
|
||||||
return (
|
|
||||||
<div className="Footer">
|
|
||||||
Copyright 2019 Intel Corporation
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class Body extends React.Component {
|
|
||||||
static defaultProps = {
|
|
||||||
topics: [ {
|
|
||||||
title: "Agama",
|
|
||||||
stories: [ {
|
|
||||||
title: "About Agama",
|
|
||||||
content: "Agama is the quarterly distribution of Intel graphics projects for Linux, packaged, validated, and made available from a single repository."
|
|
||||||
}]
|
|
||||||
}, {
|
|
||||||
title: "Media",
|
|
||||||
stories: [ {
|
|
||||||
title: "About Media",
|
|
||||||
content: "Media capabilities for Intel graphics cards on Linux are provided by Intel's Media packages."
|
|
||||||
} ]
|
|
||||||
}, {
|
|
||||||
title: "Compute",
|
|
||||||
stories: [ {
|
|
||||||
title: "About Compute",
|
|
||||||
content: "Compute capabilities for Intel graphics cards on Linux are provided by Intel's Open CL project: Neo."
|
|
||||||
} ]
|
|
||||||
}, {
|
|
||||||
title: "3D",
|
|
||||||
stories: [ {
|
|
||||||
title: "About 3D",
|
|
||||||
content: "3D capabilities for Intel graphics cards on Linux are provided by Mesa."
|
|
||||||
} ]
|
|
||||||
}, {
|
|
||||||
title: "Solutions",
|
|
||||||
stories: [ {
|
|
||||||
title: "About Solutions",
|
|
||||||
content: "Turn-key containers ready to rock."
|
|
||||||
} ]
|
|
||||||
} ]
|
|
||||||
};
|
|
||||||
|
|
||||||
constructor(props) {
|
|
||||||
super(props);
|
|
||||||
this.props.topics.forEach((topic) => {
|
|
||||||
for (var i = 0; i < 10; i++) {
|
|
||||||
topic.stories.push({
|
|
||||||
title: "Title #" + (i + 1),
|
|
||||||
content: "Content for #" + (i + 1)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
this.topicClicked = this.topicClicked.bind(this);
|
|
||||||
this.state = {
|
|
||||||
topic: 0,
|
|
||||||
story: 0
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
topicClicked(index) {
|
|
||||||
this.setState({
|
|
||||||
topic: index,
|
|
||||||
story: 0
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
storyClicked(index) {
|
|
||||||
this.setState({ story: index });
|
|
||||||
}
|
|
||||||
|
|
||||||
componentDidMount() {
|
|
||||||
console.log("App.mounted");
|
|
||||||
sections.forEach((section) => {
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
render() {
|
|
||||||
const topic = this.props.topics[this.state.topic],
|
|
||||||
story = topic.stories[this.state.story];
|
|
||||||
|
|
||||||
console.log(this.state.topic);
|
|
||||||
return (
|
|
||||||
<div className="Body">
|
|
||||||
<div className="Page">
|
|
||||||
<div className="Index" target="Content">
|
|
||||||
{
|
|
||||||
this.props.topics.map((topic, topicIndex) =>
|
|
||||||
<div key={ "topic-" + topicIndex }>
|
|
||||||
<div
|
|
||||||
className={ "topic " + ((this.state.topic == topicIndex) ? "active" : "inactive") }
|
|
||||||
onClick={() => this.topicClicked(topicIndex)}>{topic.title}</div>
|
|
||||||
<AnimakitExpander expanded={ (this.state.topic == topicIndex) ? true : false }>
|
|
||||||
{
|
|
||||||
topic.stories.map((story, storyIndex) =>
|
|
||||||
<div
|
|
||||||
className={ "story " + ((this.state.topic == topicIndex && this.state.story == storyIndex) ? "active" : "inactive") }
|
|
||||||
onClick={() => this.storyClicked(storyIndex)}
|
|
||||||
key={ "story-" + topicIndex + "-" + storyIndex }>{story.title}</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
</AnimakitExpander>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
<div className="Content">
|
|
||||||
<b>{ story.title }</b><br></br>
|
|
||||||
<div>{story.content}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<WaveBalls/>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class App extends React.Component {
|
|
||||||
render() {
|
|
||||||
return (
|
|
||||||
<div className="App">
|
|
||||||
<Header/>
|
|
||||||
<Body/>
|
|
||||||
<Footer/>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default App;
|
|
||||||
0
src/WaveBalls.js
Executable file → Normal file
0
src/WaveBalls.js
Executable file → Normal file
@ -1,42 +0,0 @@
|
|||||||
.tab-content {
|
|
||||||
border: 1px solid #d0d0d0;
|
|
||||||
border-top-color: transparent;
|
|
||||||
border-bottom-left-radius: 0.25em;
|
|
||||||
border-bottom-right-radius: 0.25em;
|
|
||||||
padding: 1em;
|
|
||||||
padding-bottom: 1.3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-content p {
|
|
||||||
margin: 1em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-content p:last-child {
|
|
||||||
margin-bottom: 0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-content .Markdown table {
|
|
||||||
min-width: 75%;
|
|
||||||
margin: 1em 0 1em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-content .Markdown table thead {
|
|
||||||
background-color: #555;
|
|
||||||
color: white;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-content .Markdown h1,
|
|
||||||
.tab-content .Markdown h2,
|
|
||||||
.tab-content .Markdown h3 {
|
|
||||||
margin-top: 1em;
|
|
||||||
font-size: 1.1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-content .Markdown h3 {
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav.nav-tabs {
|
|
||||||
margin-top: 1em;
|
|
||||||
}
|
|
||||||
186
src/drivers.js
186
src/drivers.js
@ -1,186 +0,0 @@
|
|||||||
/* App starts here */
|
|
||||||
import React, { useState, useEffect } from "react";
|
|
||||||
import ReactMarkdown from "react-markdown/with-html";
|
|
||||||
import CodeBlock from "./CodeBlock";
|
|
||||||
import MarkdownLoader from "./markdown-loader";
|
|
||||||
import Tabs from "react-bootstrap/Tabs";
|
|
||||||
import Tab from "react-bootstrap/Tab";
|
|
||||||
import Col from "react-bootstrap/Col";
|
|
||||||
import Row from "react-bootstrap/Row";
|
|
||||||
import { lookupIntelGPU } from "./intel-gpu-info";
|
|
||||||
|
|
||||||
import "./drivers.css";
|
|
||||||
|
|
||||||
import { intelGPUs } from './intel-gpu-info.js';
|
|
||||||
|
|
||||||
|
|
||||||
class HardwareTable extends React.Component {
|
|
||||||
constructor(props) {
|
|
||||||
super(props);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
render () {
|
|
||||||
/* const GPUs = intelGPUs.filter((item) => {
|
|
||||||
return item.
|
|
||||||
})*/
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<Row>
|
|
||||||
<ReactMarkdown className="Markdown" source="
|
|
||||||
If you aren't sure which graphics product you have, you can use the [Identify Hardware](#identify-hardware) tool.
|
|
||||||
"/>
|
|
||||||
</Row>
|
|
||||||
{ (this.props.device) && <Row><div> Filtering by { this.props.device } </div></Row> }
|
|
||||||
<Row>
|
|
||||||
<Col sm={3}>
|
|
||||||
Graphics
|
|
||||||
</Col>
|
|
||||||
<Col sm={6}>
|
|
||||||
test two
|
|
||||||
</Col>
|
|
||||||
</Row>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class OSPicker extends React.Component {
|
|
||||||
constructor(props) {
|
|
||||||
super(props);
|
|
||||||
console.log("OSPicker: " + props.device);
|
|
||||||
this.clearFilter = this.clearFilter.bind(this);
|
|
||||||
}
|
|
||||||
|
|
||||||
clearFilter() {
|
|
||||||
if (window.clearFilter) {
|
|
||||||
window.clearFilter();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
render() {
|
|
||||||
const id = parseInt("0x" + (this.props.device || "0")),
|
|
||||||
device = lookupIntelGPU(id);
|
|
||||||
let suffix;
|
|
||||||
if (device) {
|
|
||||||
switch (device.gen) {
|
|
||||||
case 1:
|
|
||||||
suffix = "st";
|
|
||||||
break;
|
|
||||||
case 2:
|
|
||||||
suffix = "nd";
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
suffix = "th";
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Tabs id="os-support-table">
|
|
||||||
<Tab eventKey="linux" title="Linux">
|
|
||||||
<MarkdownLoader src={ "drivers/overview.md" }/>
|
|
||||||
<Tabs defaultActiveKey="ubuntu" id="os-distro-table">
|
|
||||||
{/*<Tab eventKey="centos" title="CentOS">
|
|
||||||
<Tabs defaultActiveKey="centos-8.0" id="os-distro-table">
|
|
||||||
<Tab eventKey="centos-8.0" title="8.0">
|
|
||||||
<MarkdownLoader src={ "drivers/centos-8.0.md" }/>
|
|
||||||
</Tab>
|
|
||||||
<Tab eventKey="centos-7.x" title="7.x">
|
|
||||||
{ (device) &&
|
|
||||||
<>
|
|
||||||
<p><b>Hardware selected:</b> PCI device ID 8086:{ device.id.toString(16).replace(/0x/, "") } is
|
|
||||||
a { device.gen }<sup>{ suffix }</sup> generation { device.name }. <button onClick={clearFilter}>clear</button>
|
|
||||||
</p>
|
|
||||||
</>
|
|
||||||
} {
|
|
||||||
(device && device.gen > 8) &&
|
|
||||||
<ReactMarkdown renderers={{ code: CodeBlock }} className="Markdown" source="
|
|
||||||
|
|
||||||
Supported by CentOS 7.7.
|
|
||||||
|
|
||||||
CentOS should recognize this hardware and install the necessary drivers automatically.
|
|
||||||
"/>
|
|
||||||
} {
|
|
||||||
(device && device.gen <= 8) &&
|
|
||||||
<ReactMarkdown renderers={{ code: CodeBlock }} className="Markdown" source="
|
|
||||||
|
|
||||||
Not supported by CentOS 7.7. To use this hardware with CentOS 7.7 you will need a custom kernel.
|
|
||||||
|
|
||||||
**Recommended**: Use CentOS 8 or newer.
|
|
||||||
"/>
|
|
||||||
} { (!device) && <MarkdownLoader src={ "drivers/centos-7.md" }/> }
|
|
||||||
</Tab>
|
|
||||||
</Tabs>
|
|
||||||
</Tab>*/}
|
|
||||||
<Tab eventKey="redhat" title="Red Hat">
|
|
||||||
<Tabs defaultActiveKey="redhat-8.0" id="os-distro-table">{/*
|
|
||||||
<Tab eventKey="redhat-8.1" title="8.1">
|
|
||||||
<MarkdownLoader src={ "drivers/redhat-8.1.md" }/>
|
|
||||||
</Tab>
|
|
||||||
*/}<Tab eventKey="redhat-8.0" title="8.0">
|
|
||||||
<MarkdownLoader src={ "drivers/redhat-8.0.md" }/>
|
|
||||||
</Tab>
|
|
||||||
<Tab eventKey="redhat-7.x" title="7.x">
|
|
||||||
<MarkdownLoader src={ "drivers/redhat-7.md" }/>
|
|
||||||
</Tab>
|
|
||||||
</Tabs>
|
|
||||||
</Tab>
|
|
||||||
<Tab eventKey="suse" title="SUSE">
|
|
||||||
<Tabs defaultActiveKey="suse-15-sp1" id="os-distro-table">
|
|
||||||
<Tab eventKey="suse-15-sp1" title="15 SP1">
|
|
||||||
<MarkdownLoader src={ "drivers/suse-15-sp1.md" }/>
|
|
||||||
</Tab>
|
|
||||||
</Tabs>
|
|
||||||
</Tab>
|
|
||||||
<Tab eventKey="ubuntu" title="Ubuntu">
|
|
||||||
<Tabs defaultActiveKey="ubuntu-19.10" id="os-distro-table">
|
|
||||||
<Tab eventKey="ubuntu-19.10" title="19.10 (eoan)">
|
|
||||||
<MarkdownLoader src={ "drivers/ubuntu-eoan.md" }/>
|
|
||||||
</Tab>
|
|
||||||
<Tab eventKey="ubuntu-19.04" title="19.04 (disco)">
|
|
||||||
<MarkdownLoader src={ "drivers/ubuntu-disco.md" }/>
|
|
||||||
</Tab>
|
|
||||||
<Tab eventKey="ubuntu-18.04" title="18.04 (bionic)">
|
|
||||||
<MarkdownLoader src={ "drivers/ubuntu-bionic.md" }/>
|
|
||||||
</Tab>
|
|
||||||
</Tabs>
|
|
||||||
</Tab>
|
|
||||||
<Tab eventKey="other" title="Other...">
|
|
||||||
<MarkdownLoader src={ "drivers/other.md" }/>
|
|
||||||
</Tab>
|
|
||||||
</Tabs>
|
|
||||||
</Tab>
|
|
||||||
<Tab eventKey="windows" title="Windows">
|
|
||||||
<MarkdownLoader src={ "drivers/windows.md" }/>
|
|
||||||
</Tab>
|
|
||||||
{/*<Tab eventKey="hardware" title="Hardware">
|
|
||||||
<HardwareTable device={ this.props.device }/>
|
|
||||||
</Tab>*/}
|
|
||||||
</Tabs>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class Drivers extends React.Component {
|
|
||||||
constructor(props) {
|
|
||||||
super(props);
|
|
||||||
console.log("Drivers: " + props.device);
|
|
||||||
}
|
|
||||||
|
|
||||||
render () {
|
|
||||||
return (
|
|
||||||
<div className="Content OnScreen" id="Content">
|
|
||||||
<ReactMarkdown renderers={{ code: CodeBlock }} className="Markdown" source="
|
|
||||||
# Drivers for Intel graphics technology
|
|
||||||
"/>
|
|
||||||
{/*Select either the operating system you are looking for, or select Hardware to see a table of OS support.*/}
|
|
||||||
<div id="MinBox">
|
|
||||||
<OSPicker device={ this.props.device }/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default Drivers;
|
|
||||||
@ -1,296 +0,0 @@
|
|||||||
"use strict";
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Device ID names derived from Mesa, which are licensed
|
|
||||||
* under the terms of MIT license:
|
|
||||||
*
|
|
||||||
* https://gitlab.freedesktop.org/mesa/mesa/blob/master/docs/license.html
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
var intelGPUs=[];
|
|
||||||
intelGPUs.push({id: 0x7121, family: "I810", name: "i8xx", gen: 0, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x7123, family: "I810_DC100", name: "i8xx", gen: 0, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x7125, family: "I810_E", name: "i8xx", gen: 0, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x1132, family: "I815", name: "i8xx", gen: 0, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x3577, family: "I830_M", name: "Intel(R) 830M", gen: 0, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x2562, family: "845_G", name: "Intel(R) 845G", gen: 0, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x3582, family: "I855_GM", name: "Intel(R) 852GM/855GM", gen: 0, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x2572, family: "I865_G", name: "Intel(R) 865G", gen: 0, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x2582, family: "I915_G", name: "Intel(R) 915G", gen: 0, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x258A, family: "E7221_G", name: "Intel(R) E7221G (i915)", gen: 0, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x2592, family: "I915_GM", name: "Intel(R) 915GM", gen: 0, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x2772, family: "I945_G", name: "Intel(R) 945G", gen: 0, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x27A2, family: "I945_GM", name: "Intel(R) 945GM", gen: 0, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x27AE, family: "I945_GME", name: "Intel(R) 945GME", gen: 0, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x29B2, family: "Q35_G", name: "Intel(R) Q35", gen: 0, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x29C2, family: "G33_G", name: "Intel(R) G33", gen: 0, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x29D2, family: "Q33_G", name: "Intel(R) Q33", gen: 0, gt: 0});
|
|
||||||
intelGPUs.push({id: 0xA011, family: "PNV_GM", name: "Intel(R) Pineview M", gen: 0, gt: 0});
|
|
||||||
intelGPUs.push({id: 0xA001, family: "PNV_G", name: "Intel(R) Pineview", gen: 0, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x29A2, family: "i965", name: "Intel(R) 965G", gen: 4, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x2992, family: "i965", name: "Intel(R) 965Q", gen: 4, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x2982, family: "i965", name: "Intel(R) 965G", gen: 4, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x2972, family: "i965", name: "Intel(R) 946GZ", gen: 4, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x2A02, family: "i965", name: "Intel(R) 965GM", gen: 4, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x2A12, family: "i965", name: "Intel(R) 965GME/GLE", gen: 4, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x2A42, family: "g4x", name: "Mobile Intel® GM45 Express Chipset", gen: 4, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x2E02, family: "g4x", name: "Intel(R) Integrated Graphics Device", gen: 4, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x2E12, family: "g4x", name: "Intel(R) Q45/Q43", gen: 4, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x2E22, family: "g4x", name: "Intel(R) G45/G43", gen: 4, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x2E32, family: "g4x", name: "Intel(R) G41", gen: 4, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x2E42, family: "g4x", name: "Intel(R) B43", gen: 4, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x2E92, family: "g4x", name: "Intel(R) B43", gen: 4, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x0042, family: "ilk", name: "Intel(R) Ironlake Desktop", gen: 5, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x0046, family: "ilk", name: "Intel(R) Ironlake Mobile", gen: 5, gt: 0});
|
|
||||||
intelGPUs.push({id: 0x0102, family: "snb_gt1", name: "Intel(R) Sandybridge Desktop", gen: 6, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0112, family: "snb_gt2", name: "Intel(R) Sandybridge Desktop", gen: 6, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x0122, family: "snb_gt2", name: "Intel(R) Sandybridge Desktop", gen: 6, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x0106, family: "snb_gt1", name: "Intel(R) Sandybridge Mobile", gen: 6, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0116, family: "snb_gt2", name: "Intel(R) Sandybridge Mobile", gen: 6, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x0126, family: "snb_gt2", name: "Intel(R) Sandybridge Mobile", gen: 6, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x010A, family: "snb_gt1", name: "Intel(R) Sandybridge Server", gen: 6, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0152, family: "ivb_gt1", name: "Intel(R) Ivybridge Desktop", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0162, family: "ivb_gt2", name: "Intel(R) Ivybridge Desktop", gen: 7, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x0156, family: "ivb_gt1", name: "Intel(R) Ivybridge Mobile", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0166, family: "ivb_gt2", name: "Intel(R) Ivybridge Mobile", gen: 7, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x015A, family: "ivb_gt1", name: "Intel(R) Ivybridge Server", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x016A, family: "ivb_gt2", name: "Intel(R) Ivybridge Server", gen: 7, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x0402, family: "hsw_gt1", name: "Intel(R) Haswell Desktop", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0412, family: "hsw_gt2", name: "Intel(R) Haswell Desktop", gen: 7, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x0422, family: "hsw_gt3", name: "Intel(R) Haswell Desktop", gen: 7, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x0406, family: "hsw_gt1", name: "Intel(R) Haswell Mobile", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0416, family: "hsw_gt2", name: "Intel(R) Haswell Mobile", gen: 7, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x0426, family: "hsw_gt3", name: "Intel(R) Haswell Mobile", gen: 7, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x040A, family: "hsw_gt1", name: "Intel(R) Haswell Server", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x041A, family: "hsw_gt2", name: "Intel(R) Haswell Server", gen: 7, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x042A, family: "hsw_gt3", name: "Intel(R) Haswell Server", gen: 7, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x040B, family: "hsw_gt1", name: "Intel(R) Haswell", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x041B, family: "hsw_gt2", name: "Intel(R) Haswell", gen: 7, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x042B, family: "hsw_gt3", name: "Intel(R) Haswell", gen: 7, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x040E, family: "hsw_gt1", name: "Intel(R) Haswell", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x041E, family: "hsw_gt2", name: "Intel(R) Haswell", gen: 7, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x042E, family: "hsw_gt3", name: "Intel(R) Haswell", gen: 7, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x0C02, family: "hsw_gt1", name: "Intel(R) Haswell Desktop", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0C12, family: "hsw_gt2", name: "Intel(R) Haswell Desktop", gen: 7, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x0C22, family: "hsw_gt3", name: "Intel(R) Haswell Desktop", gen: 7, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x0C06, family: "hsw_gt1", name: "Intel(R) Haswell Mobile", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0C16, family: "hsw_gt2", name: "Intel(R) Haswell Mobile", gen: 7, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x0C26, family: "hsw_gt3", name: "Intel(R) Haswell Mobile", gen: 7, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x0C0A, family: "hsw_gt1", name: "Intel(R) Haswell Server", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0C1A, family: "hsw_gt2", name: "Intel(R) Haswell Server", gen: 7, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x0C2A, family: "hsw_gt3", name: "Intel(R) Haswell Server", gen: 7, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x0C0B, family: "hsw_gt1", name: "Intel(R) Haswell", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0C1B, family: "hsw_gt2", name: "Intel(R) Haswell", gen: 7, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x0C2B, family: "hsw_gt3", name: "Intel(R) Haswell", gen: 7, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x0C0E, family: "hsw_gt1", name: "Intel(R) Haswell", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0C1E, family: "hsw_gt2", name: "Intel(R) Haswell", gen: 7, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x0C2E, family: "hsw_gt3", name: "Intel(R) Haswell", gen: 7, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x0A02, family: "hsw_gt1", name: "Intel(R) Haswell Desktop", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0A12, family: "hsw_gt2", name: "Intel(R) Haswell Desktop", gen: 7, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x0A22, family: "hsw_gt3", name: "Intel(R) Haswell Desktop", gen: 7, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x0A06, family: "hsw_gt1", name: "Intel(R) Haswell Mobile", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0A16, family: "hsw_gt2", name: "Intel(R) Haswell Mobile", gen: 7, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x0A26, family: "hsw_gt3", name: "Intel(R) Haswell Mobile", gen: 7, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x0A0A, family: "hsw_gt1", name: "Intel(R) Haswell Server", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0A1A, family: "hsw_gt2", name: "Intel(R) Haswell Server", gen: 7, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x0A2A, family: "hsw_gt3", name: "Intel(R) Haswell Server", gen: 7, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x0A0B, family: "hsw_gt1", name: "Intel(R) Haswell", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0A1B, family: "hsw_gt2", name: "Intel(R) Haswell", gen: 7, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x0A2B, family: "hsw_gt3", name: "Intel(R) Haswell", gen: 7, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x0A0E, family: "hsw_gt1", name: "Intel(R) Haswell", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0A1E, family: "hsw_gt2", name: "Intel(R) Haswell", gen: 7, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x0A2E, family: "hsw_gt3", name: "Intel(R) Haswell", gen: 7, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x0D02, family: "hsw_gt1", name: "Intel(R) Haswell Desktop", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0D12, family: "hsw_gt2", name: "Intel(R) Haswell Desktop", gen: 7, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x0D22, family: "hsw_gt3", name: "Intel(R) Haswell Desktop", gen: 7, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x0D06, family: "hsw_gt1", name: "Intel(R) Haswell Mobile", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0D16, family: "hsw_gt2", name: "Intel(R) Haswell Mobile", gen: 7, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x0D26, family: "hsw_gt3", name: "Intel(R) Haswell Mobile", gen: 7, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x0D0A, family: "hsw_gt1", name: "Intel(R) Haswell Server", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0D1A, family: "hsw_gt2", name: "Intel(R) Haswell Server", gen: 7, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x0D2A, family: "hsw_gt3", name: "Intel(R) Haswell", gen: 7, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x0D0B, family: "hsw_gt1", name: "Intel(R) Haswell", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0D1B, family: "hsw_gt2", name: "Intel(R) Haswell", gen: 7, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x0D2B, family: "hsw_gt3", name: "Intel(R) Haswell", gen: 7, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x0D0E, family: "hsw_gt1", name: "Intel(R) Haswell", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0D1E, family: "hsw_gt2", name: "Intel(R) Haswell", gen: 7, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x0D2E, family: "hsw_gt3", name: "Intel(R) Haswell", gen: 7, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x0F31, family: "byt", name: "Intel(R) Bay Trail", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0F32, family: "byt", name: "Intel(R) Bay Trail", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0F33, family: "byt", name: "Intel(R) Bay Trail", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0157, family: "byt", name: "Intel(R) Bay Trail", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x0155, family: "byt", name: "Intel(R) Bay Trail", gen: 7, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x22B0, family: "chv", name: "Intel(R) HD Graphics (Cherrytrail)", gen: 8, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x22B1, family: "chv", name: "Intel(R) HD Graphics XXX (Braswell)", gen: 8, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x22B2, family: "chv", name: "Intel(R) HD Graphics (Cherryview)", gen: 8, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x22B3, family: "chv", name: "Intel(R) HD Graphics (Cherryview)", gen: 8, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x1602, family: "bdw_gt1", name: "Intel(R) Broadwell GT1", gen: 8, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x1606, family: "bdw_gt1", name: "Intel(R) Broadwell GT1", gen: 8, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x160A, family: "bdw_gt1", name: "Intel(R) Broadwell GT1", gen: 8, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x160B, family: "bdw_gt1", name: "Intel(R) Broadwell GT1", gen: 8, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x160D, family: "bdw_gt1", name: "Intel(R) Broadwell GT1", gen: 8, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x160E, family: "bdw_gt1", name: "Intel(R) Broadwell GT1", gen: 8, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x1612, family: "bdw_gt2", name: "Intel(R) HD Graphics 5600 (Broadwell GT2)", gen: 8, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x1616, family: "bdw_gt2", name: "Intel(R) HD Graphics 5500 (Broadwell GT2)", gen: 8, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x161A, family: "bdw_gt2", name: "Intel(R) Broadwell GT2", gen: 8, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x161B, family: "bdw_gt2", name: "Intel(R) Broadwell GT2", gen: 8, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x161D, family: "bdw_gt2", name: "Intel(R) Broadwell GT2", gen: 8, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x161E, family: "bdw_gt2", name: "Intel(R) HD Graphics 5300 (Broadwell GT2)", gen: 8, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x1622, family: "bdw_gt3", name: "Intel(R) Iris Pro 6200 (Broadwell GT3e)", gen: 8, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x1626, family: "bdw_gt3", name: "Intel(R) HD Graphics 6000 (Broadwell GT3)", gen: 8, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x162A, family: "bdw_gt3", name: "Intel(R) Iris Pro P6300 (Broadwell GT3e)", gen: 8, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x162B, family: "bdw_gt3", name: "Intel(R) Iris 6100 (Broadwell GT3)", gen: 8, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x162D, family: "bdw_gt3", name: "Intel(R) Broadwell GT3", gen: 8, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x162E, family: "bdw_gt3", name: "Intel(R) Broadwell GT3", gen: 8, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x1902, family: "skl_gt1", name: "Intel(R) HD Graphics 510 (Skylake GT1)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x1906, family: "skl_gt1", name: "Intel(R) HD Graphics 510 (Skylake GT1)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x190A, family: "skl_gt1", name: "Intel(R) Skylake GT1", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x190B, family: "skl_gt1", name: "Intel(R) HD Graphics 510 (Skylake GT1)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x190E, family: "skl_gt1", name: "Intel(R) Skylake GT1", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x1912, family: "skl_gt2", name: "Intel(R) HD Graphics 530 (Skylake GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x1913, family: "skl_gt2", name: "Intel(R) Skylake GT2f", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x1915, family: "skl_gt2", name: "Intel(R) Skylake GT2f", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x1916, family: "skl_gt2", name: "Intel(R) HD Graphics 520 (Skylake GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x1917, family: "skl_gt2", name: "Intel(R) Skylake GT2f", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x191A, family: "skl_gt2", name: "Intel(R) Skylake GT2", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x191B, family: "skl_gt2", name: "Intel(R) HD Graphics 530 (Skylake GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x191D, family: "skl_gt2", name: "Intel(R) HD Graphics P530 (Skylake GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x191E, family: "skl_gt2", name: "Intel(R) HD Graphics 515 (Skylake GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x1921, family: "skl_gt2", name: "Intel(R) HD Graphics 520 (Skylake GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x1923, family: "skl_gt3", name: "Intel(R) Skylake GT3e", gen: 9, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x1926, family: "skl_gt3", name: "Intel(R) Iris Graphics 540 (Skylake GT3e)", gen: 9, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x1927, family: "skl_gt3", name: "Intel(R) Iris Graphics 550 (Skylake GT3e)", gen: 9, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x192A, family: "skl_gt4", name: "Intel(R) Skylake GT4", gen: 9, gt: 4});
|
|
||||||
intelGPUs.push({id: 0x192B, family: "skl_gt3", name: "Intel(R) Iris Graphics 555 (Skylake GT3e)", gen: 9, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x192D, family: "skl_gt3", name: "Intel(R) Iris Graphics P555 (Skylake GT3e)", gen: 9, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x1932, family: "skl_gt4", name: "Intel(R) Iris Pro Graphics 580 (Skylake GT4e)", gen: 9, gt: 4});
|
|
||||||
intelGPUs.push({id: 0x193A, family: "skl_gt4", name: "Intel(R) Iris Pro Graphics P580 (Skylake GT4e)", gen: 9, gt: 4});
|
|
||||||
intelGPUs.push({id: 0x193B, family: "skl_gt4", name: "Intel(R) Iris Pro Graphics 580 (Skylake GT4e)", gen: 9, gt: 4});
|
|
||||||
intelGPUs.push({id: 0x193D, family: "skl_gt4", name: "Intel(R) Iris Pro Graphics P580 (Skylake GT4e)", gen: 9, gt: 4});
|
|
||||||
intelGPUs.push({id: 0x0A84, family: "bxt", name: "Intel(R) HD Graphics (Broxton)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x1A84, family: "bxt", name: "Intel(R) HD Graphics (Broxton)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x1A85, family: "bxt_2x6", name: "Intel(R) HD Graphics (Broxton 2x6)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x5A84, family: "bxt", name: "Intel(R) HD Graphics 505 (Broxton)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x5A85, family: "bxt_2x6", name: "Intel(R) HD Graphics 500 (Broxton 2x6)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x5902, family: "kbl_gt1", name: "Intel(R) HD Graphics 610 (Kaby Lake GT1)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x5906, family: "kbl_gt1", name: "Intel(R) HD Graphics 610 (Kaby Lake GT1)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x590A, family: "kbl_gt1", name: "Intel(R) Kabylake GT1", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x5908, family: "kbl_gt1", name: "Intel(R) Kabylake GT1", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x590B, family: "kbl_gt1", name: "Intel(R) Kabylake GT1", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x590E, family: "kbl_gt1", name: "Intel(R) Kabylake GT1", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x5913, family: "kbl_gt1_5", name: "Intel(R) Kabylake GT1.5", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x5915, family: "kbl_gt1_5", name: "Intel(R) Kabylake GT1.5", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x5917, family: "kbl_gt2", name: "Intel(R) UHD Graphics 620 (Kabylake GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x5912, family: "kbl_gt2", name: "Intel(R) HD Graphics 630 (Kaby Lake GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x5916, family: "kbl_gt2", name: "Intel(R) HD Graphics 620 (Kaby Lake GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x591A, family: "kbl_gt2", name: "Intel(R) HD Graphics P630 (Kaby Lake GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x591B, family: "kbl_gt2", name: "Intel(R) HD Graphics 630 (Kaby Lake GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x591D, family: "kbl_gt2", name: "Intel(R) HD Graphics P630 (Kaby Lake GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x591E, family: "kbl_gt2", name: "Intel(R) HD Graphics 615 (Kaby Lake GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x5921, family: "kbl_gt2", name: "Intel(R) Kabylake GT2F", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x5923, family: "kbl_gt3", name: "Intel(R) Kabylake GT3", gen: 9, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x5926, family: "kbl_gt3", name: "Intel(R) Iris Plus Graphics 640 (Kaby Lake GT3e)", gen: 9, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x5927, family: "kbl_gt3", name: "Intel(R) Iris Plus Graphics 650 (Kaby Lake GT3e)", gen: 9, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x593B, family: "kbl_gt4", name: "Intel(R) Kabylake GT4", gen: 9, gt: 4});
|
|
||||||
intelGPUs.push({id: 0x591C, family: "kbl_gt2", name: "Intel(R) Amber Lake (Kabylake) GT2", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x87C0, family: "kbl_gt2", name: "Intel(R) Amber Lake (Kabylake) GT2", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x87CA, family: "cfl_gt2", name: "Intel(R) Amber Lake (Coffeelake) GT2", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x3184, family: "glk", name: "Intel(R) UHD Graphics 605 (Geminilake)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x3185, family: "glk_2x6", name: "Intel(R) UHD Graphics 600 (Geminilake 2x6)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x3E90, family: "cfl_gt1", name: "Intel(R) UHD Graphics 610 (Coffeelake 2x6 GT1)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x3E93, family: "cfl_gt1", name: "Intel(R) UHD Graphics 610 (Coffeelake 2x6 GT1)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x3E99, family: "cfl_gt1", name: "Intel(R) HD Graphics (Coffeelake 2x6 GT1)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x3E9C, family: "cfl_gt1", name: "Intel(R) HD Graphics (Coffeelake 2x6 GT1)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x3E91, family: "cfl_gt2", name: "Intel(R) UHD Graphics 630 (Coffeelake 3x8 GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x3E92, family: "cfl_gt2", name: "Intel(R) UHD Graphics 630 (Coffeelake 3x8 GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x3E96, family: "cfl_gt2", name: "Intel(R) HD Graphics (Coffeelake 3x8 GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x3E98, family: "cfl_gt2", name: "Intel(R) UHD Graphics 630 (Coffeelake 3x8 GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x3E9A, family: "cfl_gt2", name: "Intel(R) HD Graphics (Coffeelake 3x8 GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x3E9B, family: "cfl_gt2", name: "Intel(R) UHD Graphics 630 (Coffeelake 3x8 GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x3E94, family: "cfl_gt2", name: "Intel(R) HD Graphics (Coffeelake 3x8 GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x3EA9, family: "cfl_gt2", name: "Intel(R) HD Graphics (Coffeelake 3x8 GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x3EA5, family: "cfl_gt3", name: "Intel(R) HD Graphics (Coffeelake 3x8 GT3)", gen: 9, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x3EA6, family: "cfl_gt3", name: "Intel(R) HD Graphics (Coffeelake 3x8 GT3)", gen: 9, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x3EA7, family: "cfl_gt3", name: "Intel(R) HD Graphics (Coffeelake 3x8 GT3)", gen: 9, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x3EA8, family: "cfl_gt3", name: "Intel(R) HD Graphics (Coffeelake 3x8 GT3)", gen: 9, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x3EA1, family: "cfl_gt1", name: "Intel(R) UHD Graphics (Whiskey Lake 2x6 GT1)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x3EA4, family: "cfl_gt1", name: "Intel(R) UHD Graphics (Whiskey Lake 3x8 GT1)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x3EA0, family: "cfl_gt2", name: "Intel(R) UHD Graphics (Whiskey Lake 3x8 GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x3EA3, family: "cfl_gt2", name: "Intel(R) UHD Graphics (Whiskey Lake 3x8 GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x3EA2, family: "cfl_gt3", name: "Intel(R) UHD Graphics (Whiskey Lake 3x8 GT3)", gen: 9, gt: 3});
|
|
||||||
intelGPUs.push({id: 0x9B21, family: "cfl_gt1", name: "Intel(R) UHD Graphics (Comet Lake 2x6 GT1)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x9BA0, family: "cfl_gt1", name: "Intel(R) UHD Graphics (Comet Lake 2x6 GT1)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x9BA2, family: "cfl_gt1", name: "Intel(R) UHD Graphics (Comet Lake 2x6 GT1)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x9BA4, family: "cfl_gt1", name: "Intel(R) UHD Graphics (Comet Lake 2x6 GT1)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x9BA5, family: "cfl_gt1", name: "Intel(R) UHD Graphics (Comet Lake 2x6 GT1)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x9BA8, family: "cfl_gt1", name: "Intel(R) UHD Graphics (Comet Lake 2x6 GT1)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x9BAA, family: "cfl_gt1", name: "Intel(R) UHD Graphics (Comet Lake 2x6 GT1)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x9BAB, family: "cfl_gt1", name: "Intel(R) UHD Graphics (Comet Lake 2x6 GT1)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x9BAC, family: "cfl_gt1", name: "Intel(R) UHD Graphics (Comet Lake 2x6 GT1)", gen: 9, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x9B41, family: "cfl_gt2", name: "Intel(R) UHD Graphics (Comet Lake 3x8 GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x9BC0, family: "cfl_gt2", name: "Intel(R) UHD Graphics (Comet Lake 3x8 GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x9BC2, family: "cfl_gt2", name: "Intel(R) UHD Graphics (Comet Lake 3x8 GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x9BC4, family: "cfl_gt2", name: "Intel(R) UHD Graphics (Comet Lake 3x8 GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x9BC5, family: "cfl_gt2", name: "Intel(R) UHD Graphics (Comet Lake 3x8 GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x9BC6, family: "cfl_gt2", name: "Intel(R) UHD Graphics (Comet Lake 3x8 GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x9BC8, family: "cfl_gt2", name: "Intel(R) UHD Graphics (Comet Lake 3x8 GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x9BCA, family: "cfl_gt2", name: "Intel(R) UHD Graphics (Comet Lake 3x8 GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x9BCB, family: "cfl_gt2", name: "Intel(R) UHD Graphics (Comet Lake 3x8 GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x9BCC, family: "cfl_gt2", name: "Intel(R) UHD Graphics (Comet Lake 3x8 GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x9BE6, family: "cfl_gt2", name: "Intel(R) UHD Graphics (Comet Lake 3x8 GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x9BF6, family: "cfl_gt2", name: "Intel(R) UHD Graphics (Comet Lake 3x8 GT2)", gen: 9, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x5A49, family: "cnl_2x8", name: "Intel(R) HD Graphics (Cannonlake 2x8 GT0.5)", gen: 10, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x5A4A, family: "cnl_2x8", name: "Intel(R) HD Graphics (Cannonlake 2x8 GT0.5)", gen: 10, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x5A41, family: "cnl_3x8", name: "Intel(R) HD Graphics (Cannonlake 3x8 GT1)", gen: 10, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x5A42, family: "cnl_3x8", name: "Intel(R) HD Graphics (Cannonlake 3x8 GT1)", gen: 10, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x5A44, family: "cnl_3x8", name: "Intel(R) HD Graphics (Cannonlake 3x8 GT1)", gen: 10, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x5A59, family: "cnl_4x8", name: "Intel(R) HD Graphics (Cannonlake 4x8 GT1.5)", gen: 10, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x5A5A, family: "cnl_4x8", name: "Intel(R) HD Graphics (Cannonlake 4x8 GT1.5)", gen: 10, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x5A5C, family: "cnl_4x8", name: "Intel(R) HD Graphics (Cannonlake 4x8 GT1.5)", gen: 10, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x5A50, family: "cnl_5x8", name: "Intel(R) HD Graphics (Cannonlake 5x8 GT2)", gen: 10, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x5A51, family: "cnl_5x8", name: "Intel(R) HD Graphics (Cannonlake 5x8 GT2)", gen: 10, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x5A52, family: "cnl_5x8", name: "Intel(R) HD Graphics (Cannonlake 5x8 GT2)", gen: 10, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x5A54, family: "cnl_5x8", name: "Intel(R) HD Graphics (Cannonlake 5x8 GT2)", gen: 10, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x8A50, family: "icl_8x8", name: "Intel(R) HD Graphics (Ice Lake 8x8 GT2)", gen: 11, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x8A51, family: "icl_8x8", name: "Intel(R) Iris(R) Plus Graphics (Ice Lake 8x8 GT2)", gen: 11, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x8A52, family: "icl_8x8", name: "Intel(R) Iris(R) Plus Graphics (Ice Lake 8x8 GT2)", gen: 11, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x8A53, family: "icl_8x8", name: "Intel(R) Iris(R) Plus Graphics (Ice Lake 8x8 GT2)", gen: 11, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x8A54, family: "icl_6x8", name: "Intel(R) Iris(R) Plus Graphics (Ice Lake 6x8 GT1.5)", gen: 11, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x8A56, family: "icl_4x8", name: "Intel(R) UHD Graphics (Ice Lake 4x8 GT1)", gen: 11, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x8A57, family: "icl_6x8", name: "Intel(R) HD Graphics (Ice Lake 6x8 GT1.5)", gen: 11, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x8A58, family: "icl_4x8", name: "Intel(R) UHD Graphics (Ice Lake 4x8 GT1)", gen: 11, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x8A59, family: "icl_6x8", name: "Intel(R) HD Graphics (Ice Lake 6x8 GT1.5)", gen: 11, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x8A5A, family: "icl_6x8", name: "Intel(R) Iris(R) Plus Graphics (Ice Lake 6x8 GT1.5)", gen: 11, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x8A5B, family: "icl_4x8", name: "Intel(R) HD Graphics (Ice Lake 4x8 GT1)", gen: 11, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x8A5C, family: "icl_6x8", name: "Intel(R) Iris(R) Plus Graphics (Ice Lake 6x8 GT1.5)", gen: 11, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x8A5D, family: "icl_4x8", name: "Intel(R) HD Graphics (Ice Lake 4x8 GT1)", gen: 11, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x8A71, family: "icl_1x8", name: "Intel(R) HD Graphics (Ice Lake 1x8 GT0.5)", gen: 11, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x4500, family: "ehl_4x8", name: "Intel(R) HD Graphics (Elkhart Lake 4x8)", gen: 11, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x4571, family: "ehl_4x8", name: "Intel(R) HD Graphics (Elkhart Lake 4x8)", gen: 11, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x4551, family: "ehl_4x4", name: "Intel(R) HD Graphics (Elkhart Lake 4x4)", gen: 11, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x4541, family: "ehl_2x4", name: "Intel(R) HD Graphics (Elkhart Lake 2x4)", gen: 11, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x4E51, family: "ehl_4x4", name: "Intel(R) HD Graphics (Jasper Lake 4x4)", gen: 11, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x4E61, family: "ehl_4x6", name: "Intel(R) HD Graphics (Jasper Lake 4x6)", gen: 11, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x4E71, family: "ehl_4x8", name: "Intel(R) HD Graphics (Jasper Lake 4x8)", gen: 11, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x9A40, family: "tgl_1x6x16", name: "Intel(R) Graphics (TGL GT2)", gen: 12, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x9A49, family: "tgl_1x6x16", name: "Intel(R) Graphics (TGL GT2)", gen: 12, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x9A59, family: "tgl_1x6x16", name: "Intel(R) Graphics (TGL GT2)", gen: 12, gt: 2});
|
|
||||||
intelGPUs.push({id: 0x9A60, family: "tgl_1x2x16", name: "Intel(R) Graphics (TGL GT1)", gen: 12, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x9A68, family: "tgl_1x2x16", name: "Intel(R) Graphics (TGL GT1)", gen: 12, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x9A70, family: "tgl_1x2x16", name: "Intel(R) Graphics (TGL GT1)", gen: 12, gt: 1});
|
|
||||||
intelGPUs.push({id: 0x9A78, family: "tgl_1x2x16", name: "Intel(R) Graphics (TGL GT1)", gen: 12, gt: 1});
|
|
||||||
|
|
||||||
function lookupIntelGPU(id) {
|
|
||||||
var index = intelGPUs.findIndex(function(device) {
|
|
||||||
return (id == device.id);
|
|
||||||
});
|
|
||||||
if (index) {
|
|
||||||
return intelGPUs[index];
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
export {
|
|
||||||
lookupIntelGPU,
|
|
||||||
intelGPUs
|
|
||||||
};
|
|
||||||
61
src/intel.js
61
src/intel.js
@ -1,61 +0,0 @@
|
|||||||
"use strict";
|
|
||||||
|
|
||||||
/* Convert a Date object to a work-week #, following Intel's
|
|
||||||
* methodology with the exception that we list WW53'(xx) for
|
|
||||||
* December dates that would be in WW01'(xx+1) */
|
|
||||||
function intelDateToWW(date) {
|
|
||||||
if (!(date instanceof Date)) {
|
|
||||||
return "N/A: " + date;
|
|
||||||
}
|
|
||||||
var jan1 = new Date(date);
|
|
||||||
jan1.setMonth(0, 1);
|
|
||||||
var day = jan1.getDay();
|
|
||||||
/* 0 = Sunday */
|
|
||||||
|
|
||||||
/* Determine the start of WW01 in # of seconds since
|
|
||||||
* Jan 1, 1970 00:00 GMT */
|
|
||||||
var time = (jan1.getTime() / 1000) - (24 * 60 * 60) * (day + 1);
|
|
||||||
|
|
||||||
/* Determine how far into the year the requested time
|
|
||||||
* is with WW01 00:00 as the base. */
|
|
||||||
var delta = (date.getTime() / 1000) - time;
|
|
||||||
|
|
||||||
var weeks = Math.ceil(delta / (24 * 60 * 60 * 7)),
|
|
||||||
year = date.getFullYear();
|
|
||||||
|
|
||||||
if (weeks > 52) {
|
|
||||||
weeks -= 52;
|
|
||||||
year++;
|
|
||||||
}
|
|
||||||
|
|
||||||
return "WW" + (weeks < 10 ? "0" : "") + weeks + "'" + (year % 100);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Convert an Intel WW to the date of Friday of that work week */
|
|
||||||
function intelWWToDate(workweek, startOfWeek) {
|
|
||||||
if (!/^ww/i.exec(workweek)) {
|
|
||||||
workweek = "ww" + workweek;
|
|
||||||
}
|
|
||||||
/* 1 2 3 */
|
|
||||||
var parts = ("" + workweek).match(/^ww([0-9]+)\s*('([0-9]+))?$/i);
|
|
||||||
if (!parts) {
|
|
||||||
return "N/A: " + workweek;
|
|
||||||
}
|
|
||||||
var year = parseInt(parts[3] || new Date().getFullYear()),
|
|
||||||
week = parseInt(parts[1].replace(/^0/, ""));
|
|
||||||
if (year < 1000) {
|
|
||||||
year += 2000;
|
|
||||||
}
|
|
||||||
|
|
||||||
var jan1 = new Date(year, 0, 1, 0, 0, 0, 0);
|
|
||||||
|
|
||||||
/* Rebase the returned date to Friday in the target WW */
|
|
||||||
jan1.setDate((week * 7) - (jan1.getDay() + (startOfWeek ? 5 : 1)));
|
|
||||||
|
|
||||||
return jan1;
|
|
||||||
}
|
|
||||||
|
|
||||||
export default {
|
|
||||||
intelDateToWW,
|
|
||||||
intelWWToDate
|
|
||||||
};
|
|
||||||
@ -1,49 +0,0 @@
|
|||||||
#technologies-content .tab-content {
|
|
||||||
border: 1px solid #d0d0d0;
|
|
||||||
border-radius: 0.25em;
|
|
||||||
padding: 1em;
|
|
||||||
padding-bottom: 1.3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-content {
|
|
||||||
border: 1px solid #d0d0d0;
|
|
||||||
border-top-color: transparent;
|
|
||||||
border-bottom-left-radius: 0.25em;
|
|
||||||
border-bottom-right-radius: 0.25em;
|
|
||||||
padding: 1em;
|
|
||||||
padding-bottom: 1.3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-content p {
|
|
||||||
margin: 1em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-content p:last-child {
|
|
||||||
margin-bottom: 0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-content .Markdown table {
|
|
||||||
min-width: 75%;
|
|
||||||
margin: 1em 0 1em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-content .Markdown table thead {
|
|
||||||
background-color: #555;
|
|
||||||
color: white;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-content .Markdown h1,
|
|
||||||
.tab-content .Markdown h2,
|
|
||||||
.tab-content .Markdown h3 {
|
|
||||||
margin-top: 1em;
|
|
||||||
font-size: 1.1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-content .Markdown h3 {
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav.nav-tabs {
|
|
||||||
margin-top: 1em;
|
|
||||||
}
|
|
||||||
@ -1,82 +0,0 @@
|
|||||||
/* App starts here */
|
|
||||||
import React, { useState, useEffect } from "react";
|
|
||||||
import Markdown from "react-markdown/with-html";
|
|
||||||
import Nav from "react-bootstrap/Nav";
|
|
||||||
import Col from "react-bootstrap/Col";
|
|
||||||
import Row from "react-bootstrap/Row";
|
|
||||||
import Tab from "react-bootstrap/Tab";
|
|
||||||
import MarkdownLoader from "./markdown-loader.js";
|
|
||||||
|
|
||||||
import "./internal.css";
|
|
||||||
|
|
||||||
class TopicsPicker extends React.Component {
|
|
||||||
constructor(props) {
|
|
||||||
super(props);
|
|
||||||
}
|
|
||||||
|
|
||||||
render () {
|
|
||||||
return (
|
|
||||||
<Tab.Container id="topics-table" defaultActiveKey="running-internal">
|
|
||||||
<Row>
|
|
||||||
<Col sm={3}>
|
|
||||||
<Nav variant="pills" className="flex-column">
|
|
||||||
<Nav.Item>
|
|
||||||
<Nav.Link eventKey="running-internal">Running internal...</Nav.Link>
|
|
||||||
</Nav.Item>
|
|
||||||
<Nav.Item>
|
|
||||||
<Nav.Link eventKey="what-is-agama">What is Agama?</Nav.Link>
|
|
||||||
</Nav.Item>
|
|
||||||
<Nav.Item>
|
|
||||||
<Nav.Link eventKey="os-support-dates">OS Support Dates</Nav.Link>
|
|
||||||
</Nav.Item>
|
|
||||||
<Nav.Item>
|
|
||||||
<Nav.Link eventKey="zero-to-hero">'Web: Zero to Hero' slides</Nav.Link>
|
|
||||||
</Nav.Item>
|
|
||||||
<Nav.Item>
|
|
||||||
<Nav.Link eventKey="additional-info">Additional information</Nav.Link>
|
|
||||||
</Nav.Item>
|
|
||||||
</Nav>
|
|
||||||
</Col>
|
|
||||||
|
|
||||||
<Col sm={9} id="topics-content">
|
|
||||||
<Tab.Content>
|
|
||||||
<Tab.Pane eventKey="running-internal">
|
|
||||||
<MarkdownLoader src="topics/running-internal.md"/>
|
|
||||||
</Tab.Pane>
|
|
||||||
<Tab.Pane eventKey="what-is-agama">
|
|
||||||
<MarkdownLoader src="topics/what-is-agama.md"/>
|
|
||||||
</Tab.Pane>
|
|
||||||
<Tab.Pane eventKey="os-support-dates">
|
|
||||||
<MarkdownLoader src="topics/os-support-dates.md"/>
|
|
||||||
</Tab.Pane>
|
|
||||||
<Tab.Pane eventKey="zero-to-hero">
|
|
||||||
<MarkdownLoader src="topics/zero-to-hero.md"/>
|
|
||||||
</Tab.Pane>
|
|
||||||
<Tab.Pane eventKey="additional-info">
|
|
||||||
<MarkdownLoader src="topics/support.md"/>
|
|
||||||
</Tab.Pane>
|
|
||||||
</Tab.Content>
|
|
||||||
</Col>
|
|
||||||
</Row>
|
|
||||||
</Tab.Container>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class Internal extends React.Component {
|
|
||||||
constructor(props) {
|
|
||||||
super(props);
|
|
||||||
}
|
|
||||||
|
|
||||||
render () {
|
|
||||||
return (
|
|
||||||
<div className="Content OnScreen" id="Content">
|
|
||||||
<div id="MinBox">
|
|
||||||
<TopicsPicker/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default Internal;
|
|
||||||
@ -1,83 +0,0 @@
|
|||||||
/* App starts here */
|
|
||||||
import React from "react";
|
|
||||||
import ReactMarkdown from "react-markdown/with-html";
|
|
||||||
import CodeBlock from "./CodeBlock";
|
|
||||||
|
|
||||||
class MarkdownLoader extends React.Component {
|
|
||||||
constructor(props) {
|
|
||||||
super(props);
|
|
||||||
this.state= {
|
|
||||||
src: props.src,
|
|
||||||
loaded: "",
|
|
||||||
loading: "",
|
|
||||||
markdown: props.markdown ? props.markdown : "Loading..."
|
|
||||||
};
|
|
||||||
this.loadContent = this.loadContent.bind(this);
|
|
||||||
}
|
|
||||||
|
|
||||||
componentDidMount() {
|
|
||||||
this.loadContent();
|
|
||||||
}
|
|
||||||
|
|
||||||
componentDidUpdate(previous) {
|
|
||||||
if (this.props.src != previous.src) {
|
|
||||||
this.state.src = this.props.src;
|
|
||||||
this.loadContent();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
loadContent() {
|
|
||||||
if (!this.state.src) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log("Loading " + this.state.src, this.props.src);
|
|
||||||
|
|
||||||
this.state.loading = this.state.src;
|
|
||||||
fetch(this.state.src.match(/^https?:\/\//) ? this.state.src : "./docs/" + this.state.src)
|
|
||||||
.then((response) => {
|
|
||||||
if (response.ok) {
|
|
||||||
return response.text();
|
|
||||||
} else {
|
|
||||||
throw Error(response.statusText)
|
|
||||||
}
|
|
||||||
}).then((result) => {
|
|
||||||
/* If 'result' doesn't already contain a link to the GitLab page, add it
|
|
||||||
* to the end of the content. */
|
|
||||||
this.setState({
|
|
||||||
loading: null,
|
|
||||||
loaded: this.state.loading,
|
|
||||||
markdown: result
|
|
||||||
});
|
|
||||||
}, (error) => {
|
|
||||||
this.setState({
|
|
||||||
markdown: this.props.fallback ? this.props.fallback : [
|
|
||||||
"# Error loading " + this.state.src,
|
|
||||||
"",
|
|
||||||
error.message
|
|
||||||
].join("\n")
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
render() {
|
|
||||||
const isDebug = window.location.search.match(/debug(=(y|t|1).*)?/);
|
|
||||||
return (
|
|
||||||
<div className="MarkdownLoader">
|
|
||||||
<ReactMarkdown
|
|
||||||
className="Markdown"
|
|
||||||
escapeHtml={false}
|
|
||||||
source={ this.state.markdown }
|
|
||||||
renderers={{ code: CodeBlock }}
|
|
||||||
/>
|
|
||||||
{ (isDebug) &&
|
|
||||||
<div className='gitlab-banner'>
|
|
||||||
<a target="_new" href={"https://gitlab.devtools.intel.com/vtt/sws/osgc/agama-website/edit/master/docs/" + this.state.src }>edit on gitlab</a>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default MarkdownLoader;
|
|
||||||
200
src/modest.css
200
src/modest.css
@ -1,200 +0,0 @@
|
|||||||
@media print {
|
|
||||||
*,
|
|
||||||
*:before,
|
|
||||||
*:after {
|
|
||||||
background: transparent !important;
|
|
||||||
color: #000 !important;
|
|
||||||
box-shadow: none !important;
|
|
||||||
text-shadow: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
a,
|
|
||||||
a:visited {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
a[href]:after {
|
|
||||||
content: " (" attr(href) ")";
|
|
||||||
}
|
|
||||||
|
|
||||||
abbr[title]:after {
|
|
||||||
content: " (" attr(title) ")";
|
|
||||||
}
|
|
||||||
|
|
||||||
a[href^="#"]:after,
|
|
||||||
a[href^="javascript:"]:after {
|
|
||||||
content: "";
|
|
||||||
}
|
|
||||||
|
|
||||||
pre,
|
|
||||||
blockquote {
|
|
||||||
border: 1px solid #999;
|
|
||||||
page-break-inside: avoid;
|
|
||||||
}
|
|
||||||
|
|
||||||
thead {
|
|
||||||
display: table-header-group;
|
|
||||||
}
|
|
||||||
|
|
||||||
tr,
|
|
||||||
img {
|
|
||||||
page-break-inside: avoid;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100% !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
p,
|
|
||||||
h2,
|
|
||||||
h3 {
|
|
||||||
orphans: 3;
|
|
||||||
widows: 3;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2,
|
|
||||||
h3 {
|
|
||||||
page-break-after: avoid;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
pre,
|
|
||||||
code {
|
|
||||||
font-family: Menlo, Monaco, "Courier New", monospace;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre {
|
|
||||||
padding: .5rem;
|
|
||||||
line-height: 1.25;
|
|
||||||
overflow-x: scroll;
|
|
||||||
}
|
|
||||||
|
|
||||||
a,
|
|
||||||
a:visited {
|
|
||||||
color: #3498db;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover,
|
|
||||||
a:focus,
|
|
||||||
a:active {
|
|
||||||
color: #2980b9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modest-no-decoration {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
html {
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 32rem) and (max-width: 48rem) {
|
|
||||||
html {
|
|
||||||
font-size: 15px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 48rem) {
|
|
||||||
html {
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
p,
|
|
||||||
.modest-p {
|
|
||||||
font-size: 1rem;
|
|
||||||
margin-bottom: 1.3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
.modest-h1,
|
|
||||||
h2,
|
|
||||||
.modest-h2,
|
|
||||||
h3,
|
|
||||||
.modest-h3,
|
|
||||||
h4,
|
|
||||||
.modest-h4 {
|
|
||||||
margin: 1.414rem 0 .5rem;
|
|
||||||
font-weight: inherit;
|
|
||||||
line-height: 1.42;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
.modest-h1 {
|
|
||||||
margin-top: 0;
|
|
||||||
font-size: 3.998rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2,
|
|
||||||
.modest-h2 {
|
|
||||||
font-size: 2.827rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h3,
|
|
||||||
.modest-h3 {
|
|
||||||
font-size: 1.999rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4,
|
|
||||||
.modest-h4 {
|
|
||||||
font-size: 1.414rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h5,
|
|
||||||
.modest-h5 {
|
|
||||||
font-size: 1.121rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h6,
|
|
||||||
.modest-h6 {
|
|
||||||
font-size: .88rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
small,
|
|
||||||
.modest-small {
|
|
||||||
font-size: .707em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* https://github.com/mrmrs/fluidity */
|
|
||||||
|
|
||||||
img,
|
|
||||||
canvas,
|
|
||||||
iframe,
|
|
||||||
video,
|
|
||||||
svg,
|
|
||||||
select,
|
|
||||||
textarea {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
|
|
||||||
|
|
||||||
@import url(https://fonts.googleapis.com/css?family=Arimo:700,700italic);
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6 {
|
|
||||||
font-family: Arimo, Helvetica, sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3 {
|
|
||||||
border-bottom: 2px solid #fafafa;
|
|
||||||
margin-bottom: 1.15rem;
|
|
||||||
padding-bottom: .5rem;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote {
|
|
||||||
border-left: 8px solid #fafafa;
|
|
||||||
padding: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre,
|
|
||||||
code {
|
|
||||||
background-color: #fafafa;
|
|
||||||
}
|
|
||||||
@ -1,6 +0,0 @@
|
|||||||
#releases-content .tab-content {
|
|
||||||
border: 1px solid #d0d0d0;
|
|
||||||
border-radius: 0.25em;
|
|
||||||
padding: 1em;
|
|
||||||
padding-bottom: 1.3em;
|
|
||||||
}
|
|
||||||
@ -1,73 +0,0 @@
|
|||||||
/* App starts here */
|
|
||||||
import React, { useState, useEffect } from "react";
|
|
||||||
import Markdown from "react-markdown/with-html";
|
|
||||||
import Nav from "react-bootstrap/Nav";
|
|
||||||
import Col from "react-bootstrap/Col";
|
|
||||||
import Row from "react-bootstrap/Row";
|
|
||||||
import Tab from "react-bootstrap/Tab";
|
|
||||||
import MarkdownLoader from "./markdown-loader.js";
|
|
||||||
|
|
||||||
import "./releases.css";
|
|
||||||
|
|
||||||
class ReleasePicker extends React.Component {
|
|
||||||
constructor(props) {
|
|
||||||
super(props);
|
|
||||||
}
|
|
||||||
|
|
||||||
render () {
|
|
||||||
return (
|
|
||||||
<Tab.Container id="releases-table" defaultActiveKey="20q1.06">
|
|
||||||
<Row>
|
|
||||||
<Col sm={3}>
|
|
||||||
<Nav variant="pills" className="flex-column">
|
|
||||||
<Nav.Item>
|
|
||||||
<Nav.Link eventKey="20q1.06">2020-02-07</Nav.Link>
|
|
||||||
</Nav.Item>
|
|
||||||
<Nav.Item>
|
|
||||||
<Nav.Link eventKey="19q4.52">2019-12-14</Nav.Link>
|
|
||||||
</Nav.Item>
|
|
||||||
<Nav.Item>
|
|
||||||
<Nav.Link eventKey="19q4">2019-11-11</Nav.Link>
|
|
||||||
</Nav.Item>
|
|
||||||
</Nav>
|
|
||||||
</Col>
|
|
||||||
|
|
||||||
<Col sm={9} id="releases-content">
|
|
||||||
<Tab.Content>
|
|
||||||
<Tab.Pane eventKey="20q1.06">
|
|
||||||
<MarkdownLoader src="releases/releases-20Q1.06.md"/>
|
|
||||||
</Tab.Pane>
|
|
||||||
<Tab.Pane eventKey="19q4.52">
|
|
||||||
<MarkdownLoader src="releases/releases-19Q4.52.md"/>
|
|
||||||
</Tab.Pane>
|
|
||||||
<Tab.Pane eventKey="19q4">
|
|
||||||
<MarkdownLoader src="releases/releases-19Q4.md"/>
|
|
||||||
</Tab.Pane>
|
|
||||||
</Tab.Content>
|
|
||||||
</Col>
|
|
||||||
</Row>
|
|
||||||
</Tab.Container>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class Releases extends React.Component {
|
|
||||||
constructor(props) {
|
|
||||||
super(props);
|
|
||||||
}
|
|
||||||
|
|
||||||
render () {
|
|
||||||
return (
|
|
||||||
<div className="Content OnScreen" id="Content">
|
|
||||||
<div id="MinBox">
|
|
||||||
<Markdown source="
|
|
||||||
Select the release below for information about the packages published.
|
|
||||||
"/>
|
|
||||||
<ReleasePicker/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default Releases;
|
|
||||||
@ -1,197 +0,0 @@
|
|||||||
.solution {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
max-width: 90ex;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.solution-details {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.solution-details .solution-categories {
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.solution .Markdown {
|
|
||||||
margin-top: 0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.solution-field {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
}
|
|
||||||
|
|
||||||
.solution-field :first-child {
|
|
||||||
width: 10em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.solution-field :last-child {
|
|
||||||
flex-grow: 1
|
|
||||||
}
|
|
||||||
|
|
||||||
.solution-back {
|
|
||||||
cursor: pointer;
|
|
||||||
font-weight: bold;
|
|
||||||
line-height: 1.1em;
|
|
||||||
height: 1.1em;
|
|
||||||
margin-bottom: 0.5em;
|
|
||||||
border-bottom: 1px solid #eee;
|
|
||||||
}
|
|
||||||
|
|
||||||
.solution-back:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.solutions-picker {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
flex-direction: row;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.solution-card {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
width: 12em;
|
|
||||||
height: 8em;
|
|
||||||
border: 1px solid black;
|
|
||||||
margin: 1em;
|
|
||||||
box-sizing: border-box;
|
|
||||||
overflow: hidden;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.solution-marque {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.solution-clone .Markdown {
|
|
||||||
font-size: 0.8em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.solution-overview {
|
|
||||||
flex-grow: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.solution-image {
|
|
||||||
flex-grow: 1;
|
|
||||||
width: 10em;
|
|
||||||
height: 6em;
|
|
||||||
background: white;
|
|
||||||
background-size: contain;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: left 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.solution-info {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
height: 5em;
|
|
||||||
padding: 0.5em;
|
|
||||||
overflow: hidden;
|
|
||||||
font-size: 0.8em;
|
|
||||||
line-height: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.solution-title {
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
overflow: hidden;
|
|
||||||
padding-bottom: 0.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.solution-summary {
|
|
||||||
flex-grow: 1;
|
|
||||||
font-size: 0.9em;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
overflow: hidden;
|
|
||||||
line-height: 1.1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.solution-card:hover {
|
|
||||||
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.solution-category {
|
|
||||||
border: 3px solid green;
|
|
||||||
}
|
|
||||||
|
|
||||||
.solution-category-tab > .nav-item {
|
|
||||||
display: flex;
|
|
||||||
/*
|
|
||||||
width: 8em;
|
|
||||||
height: 8em;
|
|
||||||
*/
|
|
||||||
text-align: left;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: flex-end;
|
|
||||||
background-size: auto 50%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: 0.5em 0.5em;
|
|
||||||
padding-left: 2em;
|
|
||||||
min-width: 8em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.solution-category-tab .nav-item[data-rb-event-key=media] {
|
|
||||||
background-image: url(../assets/solutions-media.png);
|
|
||||||
}
|
|
||||||
|
|
||||||
.solution-category-tab .nav-item[data-rb-event-key=compute] {
|
|
||||||
background-image: url(../assets/solutions-compute.png);
|
|
||||||
}
|
|
||||||
|
|
||||||
.solution-category-tab .nav-item[data-rb-event-key=render] {
|
|
||||||
background-image: url(../assets/solutions-render.png);
|
|
||||||
}
|
|
||||||
|
|
||||||
.solution-category-tab .nav-item[data-rb-event-key=all] {
|
|
||||||
background-image: url(../assets/solutions-all.png);
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-content {
|
|
||||||
border: 1px solid #d0d0d0;
|
|
||||||
border-top-color: transparent;
|
|
||||||
border-bottom-left-radius: 0.25em;
|
|
||||||
border-bottom-right-radius: 0.25em;
|
|
||||||
padding: 1em;
|
|
||||||
padding-bottom: 1.3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
margin: 1em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
p:last-child {
|
|
||||||
margin-bottom: 0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Markdown table {
|
|
||||||
min-width: 75%;
|
|
||||||
margin: 1em 0 1em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Markdown table thead {
|
|
||||||
background-color: #555;
|
|
||||||
color: white;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Markdown h1,
|
|
||||||
.Markdown h2,
|
|
||||||
.Markdown h3 {
|
|
||||||
margin-top: 1em;
|
|
||||||
font-size: 1.1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Markdown h3 {
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav.nav-tabs {
|
|
||||||
margin-top: 1em;
|
|
||||||
}
|
|
||||||
247
src/solutions.js
247
src/solutions.js
@ -1,247 +0,0 @@
|
|||||||
/* App starts here */
|
|
||||||
import React, { useState, useEffect } from "react";
|
|
||||||
import ReactMarkdown from "react-markdown/with-html";
|
|
||||||
import CodeBlock from "./CodeBlock";
|
|
||||||
import MarkdownLoader from "./markdown-loader";
|
|
||||||
import Tab from "react-bootstrap/Tab";
|
|
||||||
import Tabs from "react-bootstrap/Tabs";
|
|
||||||
import Col from "react-bootstrap/Col";
|
|
||||||
import Row from "react-bootstrap/Row";
|
|
||||||
|
|
||||||
import "./solutions.css";
|
|
||||||
|
|
||||||
const solutions = [ {
|
|
||||||
category: "HPC",
|
|
||||||
title: "intel-hpc-bench",
|
|
||||||
asset: "hpc.png",
|
|
||||||
summary: "HPC Benchmark workloads",
|
|
||||||
git: "https://gitlab.devtools.intel.com/vtt/sws/osgc/solutions/intel-hcp-bench"
|
|
||||||
}, {
|
|
||||||
category: "AI/ML",
|
|
||||||
title: "intel-pytorch",
|
|
||||||
asset: "intel-pytorch.png",
|
|
||||||
summary: "basic pytorch container",
|
|
||||||
git: "https://gitlab.devtools.intel.com/vtt/sws/osgc/solutions/intel-pytorch"
|
|
||||||
},/*
|
|
||||||
{
|
|
||||||
category: "compute",
|
|
||||||
title: "intel-efficientnet",
|
|
||||||
summary: "No summary provided",
|
|
||||||
git: "https://gitlab.devtools.intel.com/vtt/sws/osgc/solutions/intel-efficientnet"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
category: "compute",
|
|
||||||
title: "intel-deepspeech",
|
|
||||||
summary: "Container featuring the Mozilla DeepSpeech speech-to-text implementation in tensorflow.",
|
|
||||||
git: "https://gitlab.devtools.intel.com/vtt/sws/osgc/solutions/intel-deepspeech"
|
|
||||||
},*/
|
|
||||||
/*{
|
|
||||||
category: "compute",
|
|
||||||
title: "intel-deepvoice3",
|
|
||||||
summary: "Deepvoice3 text to speech container using Intel GPU and deepspeech3 pytorch.",
|
|
||||||
git: "https://gitlab.devtools.intel.com/vtt/sws/osgc/solutions/intel-deepvoice3"
|
|
||||||
},*/
|
|
||||||
/*{
|
|
||||||
category: "compute",
|
|
||||||
title: "intel-rl",
|
|
||||||
summary: "Intel reinforcement learning container",
|
|
||||||
git: "https://gitlab.devtools.intel.com/vtt/sws/osgc/solutions/intel-rl"
|
|
||||||
},*/
|
|
||||||
{
|
|
||||||
category: "AI/ML,HPC",
|
|
||||||
title: "intel-compute-clinfo",
|
|
||||||
asset: "intel-compute-clinfo.png",
|
|
||||||
summary: "Basic container installing OpenCL runtime; testing packages",
|
|
||||||
git: "https://gitlab.devtools.intel.com/vtt/sws/osgc/solutions/intel-compute-clinfo"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
category: "Media",
|
|
||||||
title: "intel-media-ffmpeg",
|
|
||||||
asset: "intel-media-ffmpeg.svg",
|
|
||||||
summary: "Perform various media tests using ffmpeg",
|
|
||||||
git: "https://gitlab.devtools.intel.com/vtt/sws/osgc/solutions/intel-media-ffmpeg"
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
class CategoryPicker extends React.Component {
|
|
||||||
constructor(props) {
|
|
||||||
super(props);
|
|
||||||
console.log("CategoryPicker");
|
|
||||||
this.clearFilter = this.clearFilter.bind(this);
|
|
||||||
}
|
|
||||||
|
|
||||||
clearFilter() {
|
|
||||||
if (window.clearFilter) {
|
|
||||||
window.clearFilter();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
render() {
|
|
||||||
const categories = [];
|
|
||||||
solutions.forEach(solution => {
|
|
||||||
solution.category.split(",").forEach(category => {
|
|
||||||
if (categories.indexOf(category) != -1) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
categories.push(category);
|
|
||||||
})
|
|
||||||
});
|
|
||||||
const tabs = categories.sort().map(category => (
|
|
||||||
<Tab eventKey={category} key={category} title={category.replace(/^(.)/, "$1".toUpperCase())}>
|
|
||||||
<SolutionsPicker onSolutionChanged={this.props.onSolutionChanged} filter={category}/>
|
|
||||||
</Tab>
|
|
||||||
));
|
|
||||||
return (
|
|
||||||
<Tabs id="solution-category-table" className="solution-category-tab" >
|
|
||||||
{ tabs }
|
|
||||||
<Tab eventKey="all" title="All" key="all">
|
|
||||||
<SolutionsPicker onSolutionChanged={this.props.onSolutionChanged} filter="*"/>
|
|
||||||
</Tab>
|
|
||||||
<Tab eventKey="about" title="About" key="about">
|
|
||||||
<MarkdownLoader className="Markdown" src="solutions/about.md"/>
|
|
||||||
</Tab>
|
|
||||||
</Tabs>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class SolutionsPicker extends React.Component {
|
|
||||||
constructor(props) {
|
|
||||||
super(props);
|
|
||||||
console.log("SolutionsPicker");
|
|
||||||
}
|
|
||||||
|
|
||||||
render () {
|
|
||||||
const solutionsContent = solutions
|
|
||||||
.filter(solution => this.props.filter == "*" || solution.category == this.props.filter)
|
|
||||||
.sort((A, B) => { return A.title.localeCompare(B.title) })
|
|
||||||
.map((solution, i) => {
|
|
||||||
return (
|
|
||||||
<div key={"solution-" + i} className="solution-card"
|
|
||||||
onClick={this.props.onSolutionChanged.bind(this, solution)}>
|
|
||||||
<div className="solution-image"
|
|
||||||
style={{backgroundImage:"url(./docs/solutions/" + solution.asset + ")"}}>
|
|
||||||
</div>
|
|
||||||
<div className="solution-info">
|
|
||||||
<div className="solution-title">{solution.title}</div>
|
|
||||||
<div className="solution-summary">{solution.summary}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
)});
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="solutions-picker">
|
|
||||||
{ solutionsContent }
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class Solution extends React.Component {
|
|
||||||
constructor(props) {
|
|
||||||
super(props);
|
|
||||||
console.log("Solution: ", this.props.solution);
|
|
||||||
}
|
|
||||||
|
|
||||||
formatString(string) {
|
|
||||||
if (/^https?:\/\//.exec(string)) {
|
|
||||||
return (<a href={string}>{string}</a>);
|
|
||||||
} else {
|
|
||||||
return string;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
solutionContent(solution) {
|
|
||||||
let markdownPath = "", basename = "";
|
|
||||||
if (solution.git) {
|
|
||||||
basename = solution.git.replace(/^.*\/([^/]+)$/, "$1");
|
|
||||||
if (basename) {
|
|
||||||
markdownPath = "solutions/" + basename + ".md";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (!basename) {
|
|
||||||
return (<ReactMarkdown
|
|
||||||
className="Markdown"
|
|
||||||
escapeHtml={false}
|
|
||||||
source="# git path must be provided"
|
|
||||||
renderers={{ code: CodeBlock }} />);
|
|
||||||
}
|
|
||||||
return (<MarkdownLoader src={markdownPath} fallback={
|
|
||||||
"# " + solution.title + " \n" +
|
|
||||||
"Solution instructions not found. You can [file an issue](https://gitlab.devtools.intel.com/vtt/sws/osgc/agama-website/issues/new?" +
|
|
||||||
"issue[title]=Content%20needed%20for%20docs%2F" + markdownPath +") to request it be created."
|
|
||||||
}/>);
|
|
||||||
}
|
|
||||||
|
|
||||||
render() {
|
|
||||||
const solution = this.props.solution;
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="solution">
|
|
||||||
<div className="solution-back" onClick={this.props.onBack}>Back</div>
|
|
||||||
<div className="solution-details">
|
|
||||||
<div className="solution-marque">
|
|
||||||
<div className="solution-image"
|
|
||||||
style={{backgroundImage:"url(./docs/solutions/" + solution.asset + ")"}}></div>
|
|
||||||
<div className="solution-overview">
|
|
||||||
<div className="solution-categories">{solution.category}</div>
|
|
||||||
<div className="solution-title">{solution.title}</div>
|
|
||||||
<div className="solution-summary">{solution.summary}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="solution-clone">
|
|
||||||
<ReactMarkdown
|
|
||||||
className="Markdown"
|
|
||||||
renderers={{ code: CodeBlock }}
|
|
||||||
source={[
|
|
||||||
"## Clone",
|
|
||||||
"```bash",
|
|
||||||
"git clone " + solution.git,
|
|
||||||
"```",
|
|
||||||
"## Pull",
|
|
||||||
"```bash",
|
|
||||||
"docker pull amr-registry.caas.intel.com/vtt-osgc/solutions/" + solution.title,
|
|
||||||
"```"
|
|
||||||
].join("\n")}/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{ this.solutionContent(this.props.solution) }
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class Solutions extends React.Component {
|
|
||||||
constructor(props) {
|
|
||||||
super(props);
|
|
||||||
console.log("Solutions");
|
|
||||||
this.state = {
|
|
||||||
activeSolution: null
|
|
||||||
};
|
|
||||||
this.onSolutionChanged = this.onSolutionChanged.bind(this);
|
|
||||||
}
|
|
||||||
|
|
||||||
onSolutionChanged(solution) {
|
|
||||||
console.log("onSolutionChanged: " + solution);
|
|
||||||
this.setState({
|
|
||||||
activeSolution: solution
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
render () {
|
|
||||||
return (
|
|
||||||
<div className="Content OnScreen" id="Content">
|
|
||||||
<div id="MinBox">
|
|
||||||
<div>This site is a work in progress and under active development.</div>
|
|
||||||
{
|
|
||||||
this.state.activeSolution ?
|
|
||||||
<Solution solution={this.state.activeSolution} onBack={this.onSolutionChanged.bind(this, null)}/> :
|
|
||||||
<CategoryPicker onSolutionChanged={this.onSolutionChanged}/>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default Solutions;
|
|
||||||
@ -1,49 +0,0 @@
|
|||||||
#technologies-content .tab-content {
|
|
||||||
border: 1px solid #d0d0d0;
|
|
||||||
border-radius: 0.25em;
|
|
||||||
padding: 1em;
|
|
||||||
padding-bottom: 1.3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-content {
|
|
||||||
border: 1px solid #d0d0d0;
|
|
||||||
border-top-color: transparent;
|
|
||||||
border-bottom-left-radius: 0.25em;
|
|
||||||
border-bottom-right-radius: 0.25em;
|
|
||||||
padding: 1em;
|
|
||||||
padding-bottom: 1.3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-content p {
|
|
||||||
margin: 1em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-content p:last-child {
|
|
||||||
margin-bottom: 0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-content .Markdown table {
|
|
||||||
min-width: 75%;
|
|
||||||
margin: 1em 0 1em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-content .Markdown table thead {
|
|
||||||
background-color: #555;
|
|
||||||
color: white;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-content .Markdown h1,
|
|
||||||
.tab-content .Markdown h2,
|
|
||||||
.tab-content .Markdown h3 {
|
|
||||||
margin-top: 1em;
|
|
||||||
font-size: 1.1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-content .Markdown h3 {
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav.nav-tabs {
|
|
||||||
margin-top: 1em;
|
|
||||||
}
|
|
||||||
@ -1,90 +0,0 @@
|
|||||||
/* App starts here */
|
|
||||||
import React, { useState, useEffect } from "react";
|
|
||||||
import Markdown from "react-markdown/with-html";
|
|
||||||
import Nav from "react-bootstrap/Nav";
|
|
||||||
import Col from "react-bootstrap/Col";
|
|
||||||
import Row from "react-bootstrap/Row";
|
|
||||||
import Tab from "react-bootstrap/Tab";
|
|
||||||
import MarkdownLoader from "./markdown-loader.js";
|
|
||||||
|
|
||||||
import "./technologies.css";
|
|
||||||
|
|
||||||
class TechnologyPicker extends React.Component {
|
|
||||||
constructor(props) {
|
|
||||||
super(props);
|
|
||||||
}
|
|
||||||
|
|
||||||
render () {
|
|
||||||
return (
|
|
||||||
<Tab.Container id="technologies-table" defaultActiveKey="level-zero">
|
|
||||||
<Row>
|
|
||||||
<Col sm={3}>
|
|
||||||
<Nav variant="pills" className="flex-column">
|
|
||||||
<Nav.Item>
|
|
||||||
<Nav.Link eventKey="level-zero">Level-Zero</Nav.Link>
|
|
||||||
</Nav.Item>
|
|
||||||
<Nav.Item>
|
|
||||||
<Nav.Link eventKey="mediadriver">Media Driver</Nav.Link>
|
|
||||||
</Nav.Item>
|
|
||||||
<Nav.Item>
|
|
||||||
<Nav.Link eventKey="mediasdk">Media SDK</Nav.Link>
|
|
||||||
</Nav.Item>
|
|
||||||
<Nav.Item>
|
|
||||||
<Nav.Link eventKey="mesa">Mesa</Nav.Link>
|
|
||||||
</Nav.Item>
|
|
||||||
<Nav.Item>
|
|
||||||
<Nav.Link eventKey="opencl">Open CL</Nav.Link>
|
|
||||||
</Nav.Item>
|
|
||||||
</Nav>
|
|
||||||
</Col>
|
|
||||||
|
|
||||||
<Col sm={9} id="technologies-content">
|
|
||||||
<Tab.Content>
|
|
||||||
<Tab.Pane eventKey="default">
|
|
||||||
<Markdown className="Markdown" source={[
|
|
||||||
"# Technologies",
|
|
||||||
"",
|
|
||||||
"Providing the latest innovations on Intel graphics hardware requires coordination",
|
|
||||||
"with several projects."
|
|
||||||
].join("\n")}/>
|
|
||||||
</Tab.Pane>
|
|
||||||
<Tab.Pane eventKey="level-zero">
|
|
||||||
<MarkdownLoader src="technologies/level-zero.md"/>
|
|
||||||
</Tab.Pane>
|
|
||||||
<Tab.Pane eventKey="mediasdk">
|
|
||||||
<MarkdownLoader src="technologies/mediasdk.md"/>
|
|
||||||
</Tab.Pane>
|
|
||||||
<Tab.Pane eventKey="mediadriver">
|
|
||||||
<MarkdownLoader src="technologies/mediadriver.md"/>
|
|
||||||
</Tab.Pane>
|
|
||||||
<Tab.Pane eventKey="mesa">
|
|
||||||
<MarkdownLoader src="technologies/mesa.md"/>
|
|
||||||
</Tab.Pane>
|
|
||||||
<Tab.Pane eventKey="opencl">
|
|
||||||
<MarkdownLoader src="technologies/opencl.md"/>
|
|
||||||
</Tab.Pane>
|
|
||||||
</Tab.Content>
|
|
||||||
</Col>
|
|
||||||
</Row>
|
|
||||||
</Tab.Container>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class Technologies extends React.Component {
|
|
||||||
constructor(props) {
|
|
||||||
super(props);
|
|
||||||
}
|
|
||||||
|
|
||||||
render () {
|
|
||||||
return (
|
|
||||||
<div className="Content OnScreen" id="Content">
|
|
||||||
<div id="MinBox">
|
|
||||||
<TechnologyPicker/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default Technologies;
|
|
||||||
Loading…
x
Reference in New Issue
Block a user