forked from mattwilson1024/google-photos-exif
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
44 lines (38 loc) · 2.68 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'" />
<link href="./src/assets/index.css" rel="stylesheet" />
<title>Google Photos EXIF tool</title>
<link rel="icon" type="image/x-icon" href="/src/assets/favicon.png">
<link rel="stylesheet" href="./node_modules/purecss/build/buttons-min.css" />
<link rel="stylesheet" href="./node_modules/purecss/build/forms-min.css" />
</head>
<body>
<div class="content-wrapper">
<p>Takes in a directory path for an extracted Google Photos Takeout. Extracts all photo/video files (based on the conigured list of file extensions) and places them into an output directory. All files will have their modified timestamp set to match the timestamp specified in Google's JSON metadata files (where present). In addition, for file types that support EXIF, the EXIF "DateTimeOriginal" field will be set to the timestamp from Google's JSON metadata, if the field is not already set in the EXIF metadata.</p>
<div class="form-wrapper">
<form class="pure-form pure-form-stacked" action="#" id="configForm">
<label for="inputFolder">Google photos takeout folder</label>
<input name="inputFolder" required type="text" placeholder="click to start choosing" title="Directory containing the extracted contents of Google Photos Takeout zip file" />
<label for="outputFolder">Output folder</label>
<input name="outputFolder" required type="text" placeholder="click to start choosing" title="Directory into which the processed output will be written" />
<label for="errorOutputFolder">Error output folder</label>
<input name="errorOutputFolder" type="text" placeholder="click to start choosing" title="Directory for any files that have bad EXIF data - including the matching metadata files" />
<label for="mockProcess">
<input name="mockProcess" type="checkbox" checked />
<span>Mock process?</span>
</label>
<button type="submit" class="pure-button pure-button-primary">Start process</button>
</form>
<div class="execution-log"></div>
</div>
<div class="loader-wrapper" hidden>
<div class="loader"></div>
</div>
</div>
<script defer type="module" src="./src/renderer.ts"></script>
</body>
</html>