First commit: Import 1.0 ara-web skeleton
In ARA 1.0, the different components that makes ARA are being split into their own projects, modules and repositories. This will, amongst other things, allow for the different components to be installed in a modular fashion only where they make sense. ara-web will be the repository and project which will contain the frontend web-facing interface. This is a first commit/import from what is roughly a skeleton and we'll iterate on that. Change-Id: Id035c2eb9d0fe55b3cada6daf04d94fc76ba95f0
This commit is contained in:
parent
4fde834ab7
commit
72e86499e7
|
@ -0,0 +1,21 @@
|
|||
# See https://help.github.com/ignore-files/ for more about ignoring files.
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
|
||||
# testing
|
||||
/coverage
|
||||
|
||||
# production
|
||||
/build
|
||||
|
||||
# misc
|
||||
.DS_Store
|
||||
.env.local
|
||||
.env.development.local
|
||||
.env.test.local
|
||||
.env.production.local
|
||||
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
|
@ -0,0 +1,16 @@
|
|||
# ARA-WEB
|
||||
|
||||
## requirements
|
||||
|
||||
* node LTS
|
||||
|
||||
## install
|
||||
|
||||
git clone git@github.com:guillaumevincent/ara-web.git
|
||||
cd ara-web
|
||||
npm install
|
||||
npm start
|
||||
|
||||
## test
|
||||
|
||||
npm test
|
File diff suppressed because it is too large
Load Diff
|
@ -0,0 +1,17 @@
|
|||
{
|
||||
"name": "ara-web",
|
||||
"version": "1.0.0",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"patternfly": "^3.42.0",
|
||||
"react": "^16.2.0",
|
||||
"react-dom": "^16.2.0",
|
||||
"react-scripts": "1.1.1"
|
||||
},
|
||||
"scripts": {
|
||||
"start": "react-scripts start",
|
||||
"build": "react-scripts build",
|
||||
"test": "react-scripts test --env=jsdom",
|
||||
"eject": "react-scripts eject"
|
||||
}
|
||||
}
|
Binary file not shown.
After Width: | Height: | Size: 5.3 KiB |
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="theme-color" content="#000000">
|
||||
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
|
||||
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
|
||||
<title>Ara</title>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>
|
||||
You need to enable JavaScript to run this app.
|
||||
</noscript>
|
||||
<div id="root"></div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,15 @@
|
|||
{
|
||||
"short_name": "React App",
|
||||
"name": "Create React App Sample",
|
||||
"icons": [
|
||||
{
|
||||
"src": "favicon.ico",
|
||||
"sizes": "64x64 32x32 24x24 16x16",
|
||||
"type": "image/x-icon"
|
||||
}
|
||||
],
|
||||
"start_url": "./index.html",
|
||||
"display": "standalone",
|
||||
"theme_color": "#000000",
|
||||
"background_color": "#ffffff"
|
||||
}
|
|
@ -0,0 +1,3 @@
|
|||
.App-intro {
|
||||
text-align: center;
|
||||
}
|
|
@ -0,0 +1,90 @@
|
|||
import React, { Component } from "react";
|
||||
import logo from "./logo.svg";
|
||||
import { version } from "../package.json";
|
||||
import "./App.css";
|
||||
|
||||
class App extends Component {
|
||||
render() {
|
||||
return (
|
||||
<div className="App">
|
||||
<nav className="navbar navbar-default navbar-pf">
|
||||
<div className="navbar-header">
|
||||
<button
|
||||
type="button"
|
||||
className="navbar-toggle"
|
||||
data-toggle="collapse"
|
||||
data-target=".navbar-collapse-1"
|
||||
>
|
||||
<span className="sr-only">Toggle navigation</span>
|
||||
<span className="icon-bar" />
|
||||
<span className="icon-bar" />
|
||||
<span className="icon-bar" />
|
||||
</button>
|
||||
<a className="navbar-brand" href="/reports/">
|
||||
<img
|
||||
src={logo}
|
||||
alt="ARA: Ansible Run Analysis"
|
||||
width="81"
|
||||
height="32"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
<div className="collapse navbar-collapse navbar-collapse-1">
|
||||
<ul className="nav navbar-nav navbar-utility">
|
||||
<li>
|
||||
<a
|
||||
href="https://ara.readthedocs.io/en/latest/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
Documentation
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://github.com/openstack/ara"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<strong>ARA</strong> {version}
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://www.ansible.com/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<strong>Ansible</strong> 2.3.1.0
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://www.python.org/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<strong>Python</strong> 2.7
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav navbar-nav navbar-primary">
|
||||
<li className="active">
|
||||
<a href="/reports/">Playbook reports</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/about/">About</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<p className="App-intro">
|
||||
...
|
||||
</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default App;
|
|
@ -0,0 +1,9 @@
|
|||
import React from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import App from './App';
|
||||
|
||||
it('renders without crashing', () => {
|
||||
const div = document.createElement('div');
|
||||
ReactDOM.render(<App />, div);
|
||||
ReactDOM.unmountComponentAtNode(div);
|
||||
});
|
|
@ -0,0 +1,5 @@
|
|||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: sans-serif;
|
||||
}
|
|
@ -0,0 +1,8 @@
|
|||
import React from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import 'patternfly/dist/css/patternfly.min.css';
|
||||
import 'patternfly/dist/css/patternfly-additions.min.css';
|
||||
import './index.css';
|
||||
import App from './App';
|
||||
|
||||
ReactDOM.render(<App />, document.getElementById('root'));
|
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 6.9 KiB |
Loading…
Reference in New Issue