X-Git-Url: http://git.squeep.com/?p=squeep-indie-auther;a=blobdiff_plain;f=src%2Ftemplate%2Fadmin-ticket-html.js;fp=src%2Ftemplate%2Fadmin-ticket-html.js;h=492c40d1dfc3d4fba87a0936cff1883359ed8cc1;hp=0000000000000000000000000000000000000000;hb=b0103b0d496262c438b40bc20304081dbfe41e73;hpb=8ed81748bce7cea7904cac7225b20a60cafdfc16

diff --git a/src/template/admin-ticket-html.js b/src/template/admin-ticket-html.js
new file mode 100644
index 0000000..492c40d
--- /dev/null
+++ b/src/template/admin-ticket-html.js
@@ -0,0 +1,98 @@
+'use strict';
+
+/**
+ * This renders the interface for submitting a ticket proffer to a third-party.
+ */
+
+const th = require('./template-helper');
+
+
+function renderProfileOption(profile) {
+  return `<option value="${profile}">${profile}</option>`;
+}
+
+function renderScopeCheckboxTR(scope) {
+  const defaultChecked = ['read'];
+  const checked = defaultChecked.includes(scope) ? ' checked' : '';
+  return `<tr class="scope">
+\t<td><input type="checkbox" id="scopes-${scope}" name="scopes" value="${scope}"${checked}></td>
+\t<td>${scope}</td>
+</tr>`;
+}
+
+function mainContent(ctx) {
+  const profileOptions = th.indented(4, (ctx?.profilesScopes?.profiles || []).map((profile) => renderProfileOption(profile)))
+    .join('\n');
+  const elideScopes = ['profile', 'email'];
+  const allScopes = Object.keys(ctx?.profilesScopes?.scopeIndex || {});
+  const displayScopes = (allScopes).filter((scope) => !elideScopes.includes(scope));
+  const scopesCheckboxRows = th.indented(4, displayScopes.map((scope) => renderScopeCheckboxTR(scope)))
+    .join('\n');
+  return `<section>
+\t<form action="" method="POST">
+\t\t<div>
+\t\t\tYou may proactively send a ticket to a third-party site,
+\t\t\twhich they may redeem for an access token which grants additional
+\t\t\taccess to the specified resource.
+\t\t</div>
+\t\t<br>
+\t\t<fieldset>
+\t\t\t<legend>Proffer A Ticket</legend>
+\t\t\t<label for="profile-select">Profile Granting this Ticket</label>
+\t\t\t<select id="profile-select" name="profile">
+${profileOptions}
+\t\t\t</select>
+\t\t\t<br>
+\t\t\t<label for="resource-url">Resource URL:</label>
+\t\t\t<input type="url" id="resource-url" name="resource" size="96">
+\t\t\t<br>
+\t\t\t<label for="recipient-url">Recipient URL:</label>
+\t\t\t<input type="url" id="recipient-url" name="subject" size="96">
+\t\t\t<br>
+<fieldset>
+<legend>Scopes</legend>
+\t\t\t<table>
+${scopesCheckboxRows}
+\t\t\t</table>
+</fieldset>
+\t\t\t<br>
+\t\t\t<label for="scopes-adhoc">Additional Scopes (space separated):</label>
+\t\t\t<input type="text" id="scopes-adhoc" name="adhoc" size="96">
+\t\t\t<br>
+\t\t\t<button name="action" value="proffer-ticket">Send Ticket</button>
+\t\t</fieldset>
+\t</form>
+</section>`;
+}
+
+
+/**
+ * 
+ * @param {Object} ctx
+ * @param {Object} ctx.profilesScopes.scopeIndex
+ * @param {String[]} ctx.profileScopes.profiles
+ * @param {Object} options
+ * @param {Object} options.manager
+ * @param {String} options.manager.pageTitle
+ * @param {String} options.manager.logoUrl
+ * @param {String[]} options.manager.footerEntries
+ * @returns {String}
+ */
+module.exports = (ctx, options) => {
+  const htmlOptions = {
+    pageTitle: options.manager.pageTitle + ' - Ticket Proffer',
+    logoUrl: options.manager.logoUrl,
+    footerEntries: options.manager.footerEntries,
+    navLinks: [
+      {
+        text: 'Admin',
+        href: '../admin/',
+      },
+    ],
+    errorContent: ['Unable to send ticket.'],
+  };
+  const content = [
+    mainContent(ctx),
+  ];
+  return th.htmlPage(2, ctx, htmlOptions, content);
+};
\ No newline at end of file