Convert profile view to rows

Add additional sections for shared notes
This commit is contained in:
Ryan Prather 2024-07-02 19:24:08 -04:00
parent 885298437b
commit 16d5df4095

View File

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