Writefreely
/
writefreely
mirror of https://github.com/writeas/writefreely
1
0
Fork 0
Code Issues Releases Wiki Activity

Finalized layout and styling of import page.

This commit is contained in:
Sandrockcstm 2019-05-29 17:31:48 -05:00
parent 54d82eb01f
commit dc2be18d60
2 changed files with 54 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
less/core.less
View File

@ -566,6 +566,26 @@ p {
}
}
.formContainer {
// border-radius: 10px 10px 10px 10px;
// -moz-border-radius: 10px 10px 10px 10px;
// -webkit-border-radius: 10px 10px 10px 10px;
border-top: 1px solid #ccc;
margin-bottom: 2em;
padding: 1em 0em 0.5em 1em;
}
.import {
& input {
margin-bottom: 0.5em;
}
& input.fileInput {
padding-left: 0;
width: 70%;
}
}
table.classy {
width: 95%;
border-collapse: collapse;

37
templates/user/import.tmpl
View File

@ -2,12 +2,40 @@
{{template "header" .}}
<div class="snug content-container">
<h2 id="posts-header">Import</h2>
<p>You may import your data from another instance here. Please choose the same option for import as you did for export.</p>
<div class="formContainer">
<form id="importPosts" class="import">
<h3>Posts</h3>
<p>csv</p>
<input class="fileInput" type="file" accept="text/csv"/>
<br />
<input type="submit" value="Import" />
<br />
<p>txt</p>
<input class="fileInput" type="file" accept="text/txt"/>
<br />
<input type="submit" value="Import" />
</form>
</div>
<div class="formContainer">
<form id="importAll" class="import">
<h3>User + Blogs + Posts</h3>
<p>json/Prettified</p>
<input class="fileInput" type="file" accept="text/JSON"/>
<br />
<input type="submit" value="Import" />
</form>
</div>
</div>
<!-- <div class="snug content-container">
<h2 id="posts-header">Import</h2>
<p>You may import your data from another instance here.</p>
<table class="classy export">
<tr>
<th style="width: 40%">Export</th>
<th style="width: 40%">Import</th>
<th colspan="2">Format</th>
</tr>
<tr>
@ -17,13 +45,16 @@
</tr>
<tr>
<th>User + Blogs + Posts</th>
<!-- TODO: Add inputs like: <td><input type="file" accept="text/JSON">JSON<input/></td> -->
<div>
<td><input type="file" accept="text/JSON"/></td>
</div>
<td><p class="text-cta"><a href="">JSON</a></p></td>
<td><p class="text-cta"><a href="">Prettified</a></p></td>
</tr>
</table>
<input type="submit">
</div>
</div> -->
{{template "footer" .}}
{{end}}