Starting on some file system stuff
This commit is contained in:
parent
7a9a95bc08
commit
58b75a69cf
@ -9,8 +9,17 @@
|
|||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.full-height {
|
.full-height {
|
||||||
height: 99vmin;
|
height: calc(100% - 60px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.row {
|
||||||
|
margin: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*! Elements */
|
/*! Elements */
|
||||||
|
@ -5,7 +5,6 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
|
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
|
||||||
<link rel="stylesheet" href="%PUBLIC_URL%/css/bootstrap.min.css" />
|
<link rel="stylesheet" href="%PUBLIC_URL%/css/bootstrap.min.css" />
|
||||||
<link rel="stylesheet" href="%PUBLIC_URL%/css/marx.min.css" />
|
|
||||||
<link rel="stylesheet" href="%PUBLIC_URL%/css/app.css" />
|
<link rel="stylesheet" href="%PUBLIC_URL%/css/app.css" />
|
||||||
<title>Inferno App</title>
|
<title>Inferno App</title>
|
||||||
</head>
|
</head>
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
class BSContainer extends HTMLElement {}
|
/* class BSContainer extends HTMLElement {}
|
||||||
class FilmExifElement extends HTMLElement {}
|
class FilmExifElement extends HTMLElement {}
|
||||||
|
|
||||||
customElements.define('bs-container', BSContainer);
|
customElements.define('bs-container', BSContainer);
|
||||||
customElements.define('film-exif', FilmExifElement);
|
customElements.define('film-exif', FilmExifElement); */
|
||||||
|
@ -1,5 +1,6 @@
|
|||||||
import { BrowserRouter, Link, NavLink } from 'inferno-router';
|
import { BrowserRouter, Link, NavLink } from 'inferno-router';
|
||||||
import {
|
import {
|
||||||
|
Container,
|
||||||
Nav,
|
Nav,
|
||||||
Navbar,
|
Navbar,
|
||||||
NavbarBrand,
|
NavbarBrand,
|
||||||
@ -9,7 +10,7 @@ import { Routes } from './Routes';
|
|||||||
|
|
||||||
export const App = () => (
|
export const App = () => (
|
||||||
<BrowserRouter>
|
<BrowserRouter>
|
||||||
<bs-container className="full-height">
|
<Container className="full-height" tag="bs-container">
|
||||||
<Navbar className="static-top" color="dark" dark expandable="sm">
|
<Navbar className="static-top" color="dark" dark expandable="sm">
|
||||||
<NavbarBrand to="/" tag={Link}>Film Exif</NavbarBrand>
|
<NavbarBrand to="/" tag={Link}>Film Exif</NavbarBrand>
|
||||||
<Nav fill pills>
|
<Nav fill pills>
|
||||||
@ -25,6 +26,6 @@ export const App = () => (
|
|||||||
</Nav>
|
</Nav>
|
||||||
</Navbar>
|
</Navbar>
|
||||||
<Routes />
|
<Routes />
|
||||||
</bs-container>
|
</Container>
|
||||||
</BrowserRouter>
|
</BrowserRouter>
|
||||||
);
|
);
|
||||||
|
5
src/electron/events.js
Normal file
5
src/electron/events.js
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
const { app, dialog } = require('electron');
|
||||||
|
|
||||||
|
app.on('foo', () => {});
|
||||||
|
|
||||||
|
console.log(dialog);
|
@ -68,3 +68,4 @@ app.on('activate', () => {
|
|||||||
|
|
||||||
// In this file you can include the rest of your app's specific main process
|
// In this file you can include the rest of your app's specific main process
|
||||||
// code. You can also put them in separate files and require them here.
|
// code. You can also put them in separate files and require them here.
|
||||||
|
require('./events');
|
||||||
|
@ -1,18 +1,26 @@
|
|||||||
import QueryString from 'query-string';
|
|
||||||
import {
|
import {
|
||||||
Button,
|
|
||||||
Container,
|
Container,
|
||||||
Form,
|
|
||||||
FormGroup,
|
|
||||||
Input,
|
|
||||||
Jumbotron,
|
Jumbotron,
|
||||||
Label,
|
|
||||||
Row,
|
Row,
|
||||||
} from '../components/Bootstrap';
|
} from '../components/Bootstrap';
|
||||||
|
|
||||||
|
function handleDrop (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
e.stopPropagation();
|
||||||
|
|
||||||
|
for (const f of e.dataTransfer.files) {
|
||||||
|
console.log('Dragged files', f.path);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleDragOver (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
e.stopPropagation();
|
||||||
|
}
|
||||||
|
|
||||||
export const HomeView = (props) => {
|
export const HomeView = (props) => {
|
||||||
return (
|
return (
|
||||||
<Jumbotron>
|
<Jumbotron onDrop={handleDrop} onDragover={handleDragOver}>
|
||||||
<Container className="App">
|
<Container className="App">
|
||||||
<Row>
|
<Row>
|
||||||
<header className="App-header">
|
<header className="App-header">
|
||||||
@ -24,19 +32,7 @@ export const HomeView = (props) => {
|
|||||||
To get started, edit <code>src/App.js</code> and save to reload.
|
To get started, edit <code>src/App.js</code> and save to reload.
|
||||||
</p>
|
</p>
|
||||||
</Row>
|
</Row>
|
||||||
<Row>
|
|
||||||
<Form>
|
|
||||||
<FormGroup>
|
|
||||||
<Label tag="label" for="brand">Brand</Label>
|
|
||||||
<Input type="text" id="brand" name="brand" />
|
|
||||||
</FormGroup>
|
|
||||||
<Button color="primary" type="submit">Save</Button>
|
|
||||||
</Form>
|
|
||||||
</Row>
|
|
||||||
</Container>
|
</Container>
|
||||||
<pre>{
|
|
||||||
JSON.stringify(QueryString.parse(window.location.search), undefined, 2)
|
|
||||||
}</pre>
|
|
||||||
</Jumbotron>
|
</Jumbotron>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
@ -2,9 +2,12 @@ import { Alert, Row } from '../components/Bootstrap';
|
|||||||
|
|
||||||
export const OopsView = (props) => (
|
export const OopsView = (props) => (
|
||||||
<Row className="align-items-center justify-content-center full-height">
|
<Row className="align-items-center justify-content-center full-height">
|
||||||
<Alert className="abs-center" color="danger" tag="main">
|
<Alert className="abs-center" color="danger" style={{padding: '5em'}} tag="main">
|
||||||
<h1>Oops!</h1>
|
<h1>Oops!</h1>
|
||||||
|
<hr />
|
||||||
<p>Looks like there was a problem.</p>
|
<p>Looks like there was a problem.</p>
|
||||||
|
<p>(╥﹏╥)</p>
|
||||||
|
<p>(╯°□°)╯︵ ┻━┻</p>
|
||||||
</Alert>
|
</Alert>
|
||||||
</Row>
|
</Row>
|
||||||
);
|
);
|
||||||
|
Loading…
Reference in New Issue
Block a user