recordsansible/ara-web
Code Issues Proposed changes

First commit: Import 1.0 ara-web skeleton

Browse Source 
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:
Guillaume Vincent 2018-03-27 15:33:46 +02:00
parent 4fde834ab7
commit 72e86499e7
13 changed files with 12106 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
.gitignore vendored Normal file
View File

@ -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*

16
README.md Normal file
View File

@ -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

11904
package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

17
package.json Normal file
View File

@ -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"
}
}

BIN
public/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.3 KiB

17
public/index.html Normal file
View File

@ -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>

15
public/manifest.json Normal file
View File

@ -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"
}

3
src/App.css Normal file
View File

@ -0,0 +1,3 @@
.App-intro {
text-align: center;
}

90
src/App.js Normal file
View File

@ -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;

9
src/App.test.js Normal file
View File

@ -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);
});

5
src/index.css Normal file
View File

@ -0,0 +1,5 @@
body {
margin: 0;
padding: 0;
font-family: sans-serif;
}

8
src/index.js Normal file
View File

@ -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'));

1
src/logo.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 6.9 KiB