maurer
/
faculty_activity_report
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

finish submit proof of concept

Browse Source
master
Joshua Herring 4 weeks ago
parent 898a8a8224
commit 746b4b8285
2 changed files with 268 additions and 81 deletions
Show Stats Download Patch File Download Diff File

2
dbi/schema.go
Unescape Escape View File

@ -1,6 +1,6 @@
package dbi package dbi
activity_report_schema = ` const ActivityReportSchema = `
CREATE TABLE users ( CREATE TABLE users (
APIKey text not null, APIKey text not null,
FirstName text not null, FirstName text not null,

201
pages/main_form_page.go
Unescape Escape View File

@ -10,20 +10,17 @@ const MainFormPage = `<!DOCTYPE html>
</head> </head>
<body> <body>
<header class="rvt-header-wrapper"> <header class="rvt-header-wrapper">
<!-- Hidden link for keyboard users to skip to main content -->
<a class="rvt-header-wrapper__skip-link" href="#main-content">Skip to main content</a> <a class="rvt-header-wrapper__skip-link" href="#main-content">Skip to main content</a>
<div class="rvt-header-global"> <div class="rvt-header-global">
<div class="rvt-container-xl"> <div class="rvt-container-xl">
<div class="rvt-header-global__inner"> <div class="rvt-header-global__inner">
<div class="rvt-header-global__logo-slot"> <div class="rvt-header-global__logo-slot">
<a class="rvt-lockup" href="/"> <a class="rvt-lockup" href="/">
<!-- Trident logo -->
<div class="rvt-lockup__tab"> <div class="rvt-lockup__tab">
<svg xmlns="http://www.w3.org/2000/svg" class="rvt-lockup__trident" viewBox="0 0 28 34"> <svg xmlns="http://www.w3.org/2000/svg" class="rvt-lockup__trident" viewBox="0 0 28 34">
<path d="M-3.34344e-05 4.70897H8.83308V7.174H7.1897V21.1426H10.6134V2.72321H8.83308V0.121224H18.214V2.65476H16.2283V21.1426H19.7889V7.174H18.214V4.64047H27.0471V7.174H25.0614V23.6761L21.7746 26.8944H16.2967V30.455H18.214V33.8787H8.76463V30.592H10.6819V26.8259H5.20403L1.91726 23.6077V7.174H-3.34344e-05V4.70897Z" fill="currentColor"></path> <path d="M-3.34344e-05 4.70897H8.83308V7.174H7.1897V21.1426H10.6134V2.72321H8.83308V0.121224H18.214V2.65476H16.2283V21.1426H19.7889V7.174H18.214V4.64047H27.0471V7.174H25.0614V23.6761L21.7746 26.8944H16.2967V30.455H18.214V33.8787H8.76463V30.592H10.6819V26.8259H5.20403L1.91726 23.6077V7.174H-3.34344e-05V4.70897Z" fill="currentColor"></path>
</svg> </svg>
</div> </div>
<!-- Website or application title -->
<div class="rvt-lockup__body"> <div class="rvt-lockup__body">
<span class="rvt-lockup__title">Maurer School of Law</span> <span class="rvt-lockup__title">Maurer School of Law</span>
<span class="rvt-lockup__subtitle">Faculty Public Activity Report</span> <span class="rvt-lockup__subtitle">Faculty Public Activity Report</span>
@ -34,16 +31,22 @@ const MainFormPage = `<!DOCTYPE html>
</div> </div>
</div> </div>
</header> </header>
<main class="rvt-container-xl rvt-p-top-xxl rvt-p-bottom-xxl">
<main id="main-content" class="rvt-container-xl rvt-p-top-xxl rvt-p-bottom-xxl">
<!-- Input view -->
<div id="input-view">
<h1 class="rvt-ts-xxl rvt-m-bottom-xxl">Faculty Public Activity Report</h1> <h1 class="rvt-ts-xxl rvt-m-bottom-xxl">Faculty Public Activity Report</h1>
<form method="post"> <form method="post" id="report-form">
<!-- Scholarship --> <!-- Scholarship -->
<fieldset class="rvt-fieldset rvt-m-bottom-xxl"> <fieldset class="rvt-fieldset rvt-m-bottom-xxl">
<legend class="rvt-ts-xl rvt-m-bottom-sm">Scholarship</legend> <legend class="rvt-ts-xl rvt-m-bottom-sm">Scholarship</legend>
<p class="rvt-m-bottom-lg">Please enter citations for recent publications here:</p> <p class="rvt-m-bottom-lg">Please enter citations for recent publications here:</p>
<div class="section-summary rvt-m-bottom-lg" style="display:none"></div>
<div class="rvt-m-bottom-lg"> <div class="rvt-m-bottom-lg">
<label class="rvt-label" for="scholarship-citation">Citation:</label> <label class="rvt-label" for="scholarship-citation">Citation:</label>
<textarea class="rvt-input" id="scholarship-citation" name="scholarship_citation" rows="5"></textarea> <textarea class="rvt-input" id="scholarship-citation" name="scholarship_citation" rows="5"></textarea>
@ -53,6 +56,10 @@ const MainFormPage = `<!DOCTYPE html>
<label class="rvt-label" for="scholarship-hyperlink">Hyperlink (if available):</label> <label class="rvt-label" for="scholarship-hyperlink">Hyperlink (if available):</label>
<input class="rvt-input" type="url" id="scholarship-hyperlink" name="scholarship_hyperlink"> <input class="rvt-input" type="url" id="scholarship-hyperlink" name="scholarship_hyperlink">
</div> </div>
<div class="section-save-btn" style="display:none">
<button class="rvt-button rvt-button--secondary" type="button">Save Item</button>
</div>
</fieldset> </fieldset>
<!-- Talks and Activities --> <!-- Talks and Activities -->
@ -60,6 +67,8 @@ const MainFormPage = `<!DOCTYPE html>
<legend class="rvt-ts-xl rvt-m-bottom-sm">Talks and Activities</legend> <legend class="rvt-ts-xl rvt-m-bottom-sm">Talks and Activities</legend>
<p class="rvt-m-bottom-lg">Please tell us about any recent talks and activities here:</p> <p class="rvt-m-bottom-lg">Please tell us about any recent talks and activities here:</p>
<div class="section-summary rvt-m-bottom-lg" style="display:none"></div>
<div class="rvt-m-bottom-lg"> <div class="rvt-m-bottom-lg">
<label class="rvt-label" for="talks-title">Title:</label> <label class="rvt-label" for="talks-title">Title:</label>
<input class="rvt-input" type="text" id="talks-title" name="talks_title"> <input class="rvt-input" type="text" id="talks-title" name="talks_title">
@ -74,6 +83,10 @@ const MainFormPage = `<!DOCTYPE html>
<label class="rvt-label" for="talks-hyperlink">Hyperlink (if available):</label> <label class="rvt-label" for="talks-hyperlink">Hyperlink (if available):</label>
<input class="rvt-input" type="url" id="talks-hyperlink" name="talks_hyperlink"> <input class="rvt-input" type="url" id="talks-hyperlink" name="talks_hyperlink">
</div> </div>
<div class="section-save-btn" style="display:none">
<button class="rvt-button rvt-button--secondary" type="button">Save Item</button>
</div>
</fieldset> </fieldset>
<!-- Media Appearances --> <!-- Media Appearances -->
@ -81,6 +94,8 @@ const MainFormPage = `<!DOCTYPE html>
<legend class="rvt-ts-xl rvt-m-bottom-sm">Media Appearances</legend> <legend class="rvt-ts-xl rvt-m-bottom-sm">Media Appearances</legend>
<p class="rvt-m-bottom-lg">Please tell us about any recent media appearances you have made:</p> <p class="rvt-m-bottom-lg">Please tell us about any recent media appearances you have made:</p>
<div class="section-summary rvt-m-bottom-lg" style="display:none"></div>
<div class="rvt-m-bottom-lg"> <div class="rvt-m-bottom-lg">
<label class="rvt-label" for="media-title">Title:</label> <label class="rvt-label" for="media-title">Title:</label>
<input class="rvt-input" type="text" id="media-title" name="media_title"> <input class="rvt-input" type="text" id="media-title" name="media_title">
@ -95,14 +110,186 @@ const MainFormPage = `<!DOCTYPE html>
<label class="rvt-label" for="media-hyperlink">Hyperlink (if available):</label> <label class="rvt-label" for="media-hyperlink">Hyperlink (if available):</label>
<input class="rvt-input" type="url" id="media-hyperlink" name="media_hyperlink"> <input class="rvt-input" type="url" id="media-hyperlink" name="media_hyperlink">
</div> </div>
<div class="section-save-btn" style="display:none">
<button class="rvt-button rvt-button--secondary" type="button">Save Item</button>
</div>
</fieldset> </fieldset>
<button class="rvt-button" type="submit">Review and Submit</button> <button class="rvt-button" type="button" id="review-btn">Review and Submit</button>
</form> </form>
</div>
<!-- Review view -->
<div id="review-view" style="display:none">
<h1 class="rvt-ts-xxl rvt-m-bottom-lg">Review Your Submission</h1>
<p class="rvt-m-bottom-xxl">These are the items you have entered. If you would like to edit or remove any of these items, click on &#8220;Return to Input&#8221;. If you are satisfied with them and would like to submit them to the Associate Dean for Research and Faculty Affairs, please click &#8220;Submit&#8221;.</p>
<div id="review-content" class="rvt-m-bottom-xxl"></div>
<div style="display:flex; gap:1rem; flex-wrap:wrap;">
<button class="rvt-button rvt-button--secondary" type="button" id="return-btn">Return to Input</button>
<button class="rvt-button" type="button" id="submit-btn">Submit</button>
</div>
</div>
<!-- Confirmation view -->
<div id="confirm-view" style="display:none">
<h1 class="rvt-ts-xxl rvt-m-bottom-lg">Thank You!</h1>
<p class="rvt-ts-lg">Thank you for keeping us up to date! Your items have been submitted for review. If you have questions, concerns or additional information to provide, please contact the Associate Dean for Research and Faculty Affairs.</p>
</div>
</main> </main>
<script src="https://unpkg.com/rivet-core@2/js/rivet.min.js"></script> <script src="https://unpkg.com/rivet-core@2/js/rivet.min.js"></script>
<script type="module" src="https://unpkg.com/rivet-icons@3/dist/rivet-icons.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Per-fieldset save item behavior
document.querySelectorAll('fieldset').forEach(function(fieldset) {
var fields = fieldset.querySelectorAll('input, textarea');
var saveBtnWrapper = fieldset.querySelector('.section-save-btn');
var summaryArea = fieldset.querySelector('.section-summary');
function hasAnyContent() {
return Array.prototype.some.call(fields, function(f) {
return f.value.trim() !== '';
});
}
fields.forEach(function(field) {
field.addEventListener('blur', function() {
if (saveBtnWrapper) {
saveBtnWrapper.style.display = hasAnyContent() ? 'block' : 'none';
}
});
});
if (saveBtnWrapper) {
saveBtnWrapper.querySelector('button').addEventListener('click', function() {
var savedValues = {};
fields.forEach(function(field) {
savedValues[field.id] = field.value.trim();
});
var itemDiv = document.createElement('div');
itemDiv.style.cssText = 'display:flex; justify-content:space-between; align-items:flex-start; border-bottom:1px solid #ddd; padding-bottom:0.5rem; margin-bottom:0.5rem;';
var contentDiv = document.createElement('div');
contentDiv.className = 'item-content';
fields.forEach(function(field) {
var value = savedValues[field.id];
if (!value) return;
var label = fieldset.querySelector('label[for="' + field.id + '"]');
var labelText = label ? label.textContent : field.name;
var p = document.createElement('p');
p.className = 'rvt-m-bottom-xxs';
var strong = document.createElement('strong');
strong.textContent = labelText + ' ';
p.appendChild(strong);
p.appendChild(document.createTextNode(value));
contentDiv.appendChild(p);
});
var iconBtnStyle = 'background:none; border:none; cursor:pointer; padding:0; flex-shrink:0; margin-left:0.5rem;';
var pencilBtn = document.createElement('button');
pencilBtn.type = 'button';
pencilBtn.setAttribute('aria-label', 'Edit item');
pencilBtn.style.cssText = iconBtnStyle + ' color:#555;';
var pencilIcon = document.createElement('rvt-icon');
pencilIcon.setAttribute('name', 'pencil-solid');
pencilBtn.appendChild(pencilIcon);
pencilBtn.addEventListener('click', function() {
fields.forEach(function(field) {
field.value = savedValues[field.id] || '';
});
itemDiv.remove();
if (summaryArea.children.length === 0) {
summaryArea.style.display = 'none';
}
saveBtnWrapper.style.display = 'block';
});
var deleteBtn = document.createElement('button');
deleteBtn.type = 'button';
deleteBtn.setAttribute('aria-label', 'Remove item');
deleteBtn.style.cssText = iconBtnStyle + ' color:#c00;';
var trashIcon = document.createElement('rvt-icon');
trashIcon.setAttribute('name', 'trash-solid');
deleteBtn.appendChild(trashIcon);
deleteBtn.addEventListener('click', function() {
itemDiv.remove();
if (summaryArea.children.length === 0) {
summaryArea.style.display = 'none';
}
});
var iconGroup = document.createElement('div');
iconGroup.style.cssText = 'display:flex; align-items:center; flex-shrink:0; margin-left:1rem;';
iconGroup.appendChild(pencilBtn);
iconGroup.appendChild(deleteBtn);
itemDiv.appendChild(contentDiv);
itemDiv.appendChild(iconGroup);
summaryArea.appendChild(itemDiv);
summaryArea.style.display = 'block';
fields.forEach(function(f) { f.value = ''; });
saveBtnWrapper.style.display = 'none';
});
}
});
// Review and Submit button
document.getElementById('review-btn').addEventListener('click', function() {
var reviewContent = document.getElementById('review-content');
reviewContent.innerHTML = '';
document.querySelectorAll('fieldset').forEach(function(fieldset) {
var summaryArea = fieldset.querySelector('.section-summary');
if (!summaryArea || summaryArea.children.length === 0) return;
var legend = fieldset.querySelector('legend');
var sectionName = legend ? legend.textContent.trim() : '';
var sectionDiv = document.createElement('div');
sectionDiv.className = 'rvt-m-bottom-xl';
var heading = document.createElement('h2');
heading.className = 'rvt-ts-lg rvt-m-bottom-md';
heading.textContent = sectionName;
sectionDiv.appendChild(heading);
Array.prototype.forEach.call(summaryArea.children, function(itemDiv) {
var contentDiv = itemDiv.querySelector('.item-content');
if (!contentDiv) return;
var clone = contentDiv.cloneNode(true);
clone.style.cssText = 'border-bottom:1px solid #ddd; padding-bottom:0.5rem; margin-bottom:0.5rem;';
sectionDiv.appendChild(clone);
});
reviewContent.appendChild(sectionDiv);
});
document.getElementById('input-view').style.display = 'none';
document.getElementById('review-view').style.display = 'block';
});
// Return to Input button
document.getElementById('return-btn').addEventListener('click', function() {
document.getElementById('review-view').style.display = 'none';
document.getElementById('input-view').style.display = 'block';
});
// Submit button
document.getElementById('submit-btn').addEventListener('click', function() {
document.getElementById('review-view').style.display = 'none';
document.getElementById('confirm-view').style.display = 'block';
});
});
</script>
</body> </body>
</html>` </html>`

Write Preview
Loading…
Cancel
Save