ryan/sermon-notes
1
0
Fork 0
Code Issues 3 Pull Requests Packages Releases 1 Wiki Activity

Convert profile view to rows

Browse Source 
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
1 changed files with 33 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
templates/default/profile.html.twig
View File

@ -11,7 +11,7 @@
<style> <style>
.flex-container { .flex-container {
display: flex; display: flex;
flex-direction: column; flex-direction: row;
flex-wrap: nowrap; flex-wrap: nowrap;
justify-content: normal; justify-content: normal;
align-items: normal; align-items: normal;
@ -26,15 +26,18 @@
align-self: auto; align-self: auto;
order: 0; order: 0;
border: solid 1px black; border: solid 1px black;
margin: 0 10px 0 20px;
} }
.settings-flex { .settings-flex {
display: block; display: block;
flex-grow: 1; flex-grow: 1;
flex-shrink: 0; flex-shrink: 1;
flex-basis: auto; flex-basis: auto;
align-self: auto; align-self: auto;
order: 0; order: 0;
border: solid 1px black;
margin: 0 20px 0 10px;
} }
.notes-flex { .notes-flex {
@ -124,6 +127,8 @@ function saveSettings() {
<label for='conf-password'>Confirm Password: </label> <label for='conf-password'>Confirm Password: </label>
<input type='password' id='conf-password' name='conf-password' /><br /> <input type='password' id='conf-password' name='conf-password' /><br />
<button id='save-profile' onclick='saveProfile()'>Save Profile</button>
</div> </div>
<div class="settings-flex"> <div class="settings-flex">
<label for='save-interval'>Save Interval (seconds)?</label> <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='save-settings' onclick='saveSettings()'>Save Settings</button>
<button id='back' onclick='history.go(-1)'>Back</button> <button id='back' onclick='history.go(-1)'>Back</button>
</div> </div>
<div class="notes-fles"> </div>
<table id='notes'>
<div class='flex-container'>
<div class='user-flex'>
<h2>My Shared Notes</h2>
<table id='shared-notes'>
<thead> <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> </table>
</div> </div>
</div> </div>