Convert profile view to rows
Add additional sections for shared notes
This commit is contained in:
parent
885298437b
commit
16d5df4095
@ -11,7 +11,7 @@
|
||||
<style>
|
||||
.flex-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: normal;
|
||||
align-items: normal;
|
||||
@ -26,15 +26,18 @@
|
||||
align-self: auto;
|
||||
order: 0;
|
||||
border: solid 1px black;
|
||||
margin: 0 10px 0 20px;
|
||||
}
|
||||
|
||||
.settings-flex {
|
||||
display: block;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 0;
|
||||
flex-shrink: 1;
|
||||
flex-basis: auto;
|
||||
align-self: auto;
|
||||
order: 0;
|
||||
border: solid 1px black;
|
||||
margin: 0 20px 0 10px;
|
||||
}
|
||||
|
||||
.notes-flex {
|
||||
@ -124,6 +127,8 @@ function saveSettings() {
|
||||
|
||||
<label for='conf-password'>Confirm Password: </label>
|
||||
<input type='password' id='conf-password' name='conf-password' /><br />
|
||||
|
||||
<button id='save-profile' onclick='saveProfile()'>Save Profile</button>
|
||||
</div>
|
||||
<div class="settings-flex">
|
||||
<label for='save-interval'>Save Interval (seconds)?</label>
|
||||
@ -147,9 +152,33 @@ function saveSettings() {
|
||||
<button id='save-settings' onclick='saveSettings()'>Save Settings</button>
|
||||
<button id='back' onclick='history.go(-1)'>Back</button>
|
||||
</div>
|
||||
<div class="notes-fles">
|
||||
<table id='notes'>
|
||||
</div>
|
||||
|
||||
<div class='flex-container'>
|
||||
<div class='user-flex'>
|
||||
<h2>My Shared Notes</h2>
|
||||
<table id='shared-notes'>
|
||||
<thead>
|
||||
<th>Recipient</th>
|
||||
<th>Title</th>
|
||||
<th>Passage</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class='settings-flex'>'
|
||||
<h2>Notes Shared w/Me</h2>
|
||||
|
||||
<table id='shared-with-me'>
|
||||
<thead>
|
||||
<th>Owner</th>
|
||||
<th>Title</th>
|
||||
<th>Passage</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
Loading…
Reference in New Issue
Block a user