+ ${paint([expiresHTML])}
+
+ `);
+ }
+
+ for (const lineItem of lineItems) {
+ this.addLicenseDetail(lineItem);
+ }
+
+ /* Begin rendering the view. */
+ const el = this.el;
+
+ el.setAttribute('data-status', licenseStatus);
+
+ if (warningHTML) {
+ el.classList.add('-has-warning');
+ }
+
+ const stateEl = paint
+
+ `, {
+ empty: true,
+ });
+
+ this.$('.timesince').timesince();
+ }
+
+ /**
+ * Handle a license action.
+ *
+ * Subclasses can override it to provide handling of any custom actions.
+ *
+ * Args:
+ * options (LicenseActionHandlerOptions):
+ * Options for the action invocation.
+ */
+ protected onAction(options: LicenseActionHandlerOptions) {
+ /* This function intentionally left blank. */
+ }
+
+ /**
+ * Build an action button.
+ *
+ * Args:
+ * actionInfo (LicenseAction):
+ * Information for the action.
+ *
+ * Returns:
+ * Ink.ButtonView:
+ * The resulting action button.
+ */
+ #buildActionButton(
+ actionInfo: LicenseAction,
+ ): ButtonView {
+ const attrs: Record${summary}
+ ${warningHTML && paint` +
+ ${paint([warningHTML])}
+
+ `}
+ ${noticeHTML && paint`
+
+ ${paint([noticeHTML])}
+
+ `}
+ ${stateEl}
+
+ ${manageURL && paint`
+
+ ${_`Manage your license`}
+
+ `}
+ ${model.get('canUploadLicense') &&
+ this.#buildUploadLicenseActionButton()}
+ ${actions.map(actionInfo => buildActionButton(actionInfo))}
+
+ ${detailsNodes}
+
+
+ `);
+ });
+
+ it('Licensed', () => {
+ const view = new LicenseView({
+ model: new License({
+ actionTarget: 'provider1:license1',
+ expiresDate: new Date('2025-04-23T00:00:00'),
+ gracePeriodDaysRemaining: 4,
+ licenseID: 'license1',
+ productName: 'Test Product',
+ status: LicenseStatus.LICENSED,
+ summary: 'License summary',
+ }, {
+ actionCSRFToken: 'abc123',
+ }),
+ });
+
+ view.render();
+
+ expect(view.el).toEqual(paint`
+
+
+ + License summary +
+
+ Your license is up-to-date.
+
+
+
+
+ `);
+ });
+
+ it('Expired (grace period)', () => {
+ const view = new LicenseView({
+ model: new License({
+ actionTarget: 'provider1:license1',
+ expiresDate: new Date('2025-04-23T00:00:00'),
+ gracePeriodDaysRemaining: 4,
+ licenseID: 'license1',
+ productName: 'Test Product',
+ status: LicenseStatus.EXPIRED_GRACE_PERIOD,
+ summary: 'License summary',
+ }, {
+ actionCSRFToken: 'abc123',
+ }),
+ });
+
+ view.render();
+
+ expect(view.el).toEqual(paint`
+
+
+ + License summary +
+
+ Your license is up-to-date.
+
+
+ -
+
-
+
+ + ${'Expires '} + + ${' on Apr. 23, 2025, 12:00 AM'} ++
+
+
+ `);
+ });
+
+ it('Hard-expired', () => {
+ const view = new LicenseView({
+ model: new License({
+ actionTarget: 'provider1:license1',
+ expiresDate: new Date('2025-01-01T00:00:00'),
+ licenseID: 'license1',
+ productName: 'Test Product',
+ status: LicenseStatus.HARD_EXPIRED,
+ summary: 'License summary',
+ }, {
+ actionCSRFToken: 'abc123',
+ }),
+ });
+
+ view.render();
+
+ expect(view.el).toEqual(paint`
+
+
+ + License summary +
+
+ Your license is up-to-date.
+
+
+ -
+
-
+
+ + ${'Expired '} + + ${' on Apr. 23, 2025, 12:00 AM. There are 4 days ' + + 'left on your grace period.'} ++
+
+
+ `);
+ });
+
+ it('Notice', () => {
+ const view = new LicenseView({
+ model: new License({
+ actionTarget: 'provider1:license1',
+ licenseID: 'license1',
+ noticeHTML: 'Watch out!',
+ productName: 'Test Product',
+ status: LicenseStatus.LICENSED,
+ summary: 'License summary',
+ }, {
+ actionCSRFToken: 'abc123',
+ }),
+ });
+
+ view.render();
+
+ expect(view.el).toEqual(paint`
+
+
+ + License summary +
+
+ Your license is up-to-date.
+
+
+ -
+
-
+
+ + ${'Expired '} + + ${' on Jan. 1, 2025, 12:00 AM'} ++
+
+
+ `);
+ });
+
+ it('Warning', () => {
+ const view = new LicenseView({
+ model: new License({
+ actionTarget: 'provider1:license1',
+ licenseID: 'license1',
+ productName: 'Test Product',
+ status: LicenseStatus.LICENSED,
+ summary: 'License summary',
+ warningHTML: 'Oh no, bad things!',
+ }, {
+ actionCSRFToken: 'abc123',
+ }),
+ });
+
+ view.render();
+
+ expect(view.el).toEqual(paint`
+
+
+ + License summary +
+
+ Watch out!
+
+
+ Your license is up-to-date.
+
+
+
+
+ `);
+ });
+
+ it('Actions', () => {
+ const view = new LicenseView({
+ model: new License({
+ actionTarget: 'provider1:license1',
+ actions: [
+ {
+ actionID: 'action1',
+ label: 'Action 1',
+ },
+ {
+ actionID: 'action2',
+ label: 'Action 2',
+ url: 'https://example.com/action2',
+ },
+ ],
+ canUploadLicense: true,
+ licenseID: 'license1',
+ manageURL: 'https://example.com/manage/',
+ productName: 'Test Product',
+ status: LicenseStatus.LICENSED,
+ summary: 'License summary',
+ }, {
+ actionCSRFToken: 'abc123',
+ }),
+ });
+
+ view.render();
+ const cid = view.cid;
+
+ expect(view.el).toEqual(paint`
+
+
+ + License summary +
+
+ Oh no, bad things!
+
+
+ Your license is up-to-date.
+
+
+
+
+ `);
+ });
+ });
+
+ describe('Model Events', () => {
+ describe('change:checkStatus', () => {
+ let model: License;
+ let view: LicenseView;
+
+ beforeEach(() => {
+ model = new License({
+ actionTarget: 'provider1:license1',
+ licenseID: 'license1',
+ productName: 'Test Product',
+ summary: 'License summary',
+ }, {
+ actionCSRFToken: 'abc123',
+ });
+ view = new LicenseView({
+ model: model,
+ });
+
+ view.render();
+ });
+
+ function testCheckStatus(
+ status: LicenseCheckStatus,
+ attrValue: string,
+ expectedText: string,
+ ) {
+ it(status, () => {
+ model.set('checkStatus', status);
+
+ expect(view.el).toEqual(paint`
+
+
+ + License summary +
+
+ Your license is up-to-date.
+
+
+
+ Manage your license
+
+
+
+
+
+ Action 2
+
+
+
+
+ `);
+ });
+ }
+
+ testCheckStatus(LicenseCheckStatus.NO_LICENSE,
+ 'no-license',
+ 'The product is not licensed.');
+ testCheckStatus(LicenseCheckStatus.CHECKING,
+ 'checking',
+ 'Checking for updates...');
+ testCheckStatus(LicenseCheckStatus.HAS_LATEST,
+ 'has-latest',
+ 'Your license is up-to-date.');
+ testCheckStatus(LicenseCheckStatus.APPLYING,
+ 'applying',
+ 'Applying license update...');
+ testCheckStatus(LicenseCheckStatus.APPLIED,
+ 'applied',
+ 'Your license has been automatically updated.');
+ testCheckStatus(LicenseCheckStatus.ERROR_CHECKING,
+ 'error-checking',
+ 'An error occurred when trying to check for ' +
+ 'license updates. Please contact support.');
+ testCheckStatus(LicenseCheckStatus.ERROR_APPLYING,
+ 'error-applying',
+ 'An error occurred when trying to apply a ' +
+ 'new license. Please contact support.');
+ });
+
+ it('licenseUpdated', () => {
+ const model = new License({
+ actionTarget: 'provider1:license1',
+ licenseID: 'license1',
+ productName: 'Test Product',
+ summary: 'License summary',
+ }, {
+ actionCSRFToken: 'abc123',
+ });
+ const view = new LicenseView({
+ model: model,
+ });
+
+ view.render();
+
+ expect(view.el).toEqual(paint`
+
+
+ + License summary +
+
+ ${expectedText}
+
+
+
+
+ `);
+
+ model.set({
+ actions: [
+ {
+ actionID: 'action1',
+ label: 'Action 1',
+ },
+ {
+ actionID: 'action2',
+ label: 'Action 2',
+ url: 'https://example.com/action2',
+ },
+ ],
+ expiresDate: new Date('2025-04-23T00:00:00'),
+ gracePeriodDaysRemaining: 4,
+ status: LicenseStatus.LICENSED,
+ summary: 'New license summary',
+ });
+ model.trigger('licenseUpdated');
+
+ expect(view.el).toEqual(paint`
+
+
+ + License summary +
+
+ Your license is up-to-date.
+
+
+
+
+ `);
+ });
+ });
+});
diff --git a/reviewboard/static/rb/js/tests/index.ts b/reviewboard/static/rb/js/tests/index.ts
index 1a2825cada2edd0b6a827e846a0c2f3f8d2356b6..526dadc3936a5b562aaa9f7edd7a9f2404a4096a 100644
--- a/reviewboard/static/rb/js/tests/index.ts
+++ b/reviewboard/static/rb/js/tests/index.ts
@@ -1,3 +1,5 @@
+import '../admin/models/tests';
+import '../admin/views/tests';
import '../common/models/tests';
import '../common/resources/collections/tests';
import '../common/resources/models/tests';
diff --git a/reviewboard/templates/admin/licensing.html b/reviewboard/templates/admin/licensing.html
new file mode 100644
index 0000000000000000000000000000000000000000..49c0e296b81afc321f43fdb71534b2f8e553a2f7
--- /dev/null
+++ b/reviewboard/templates/admin/licensing.html
@@ -0,0 +1,55 @@
+{% extends "admin/base_site.html" %}
+{% load djblets_js i18n %}
+
+
+{% block title %}{% trans "Licenses" %}{% endblock %}
+
+
+{% block content %}
+{% if license_entries %}
+
+{% else %}
+
+
+ + New license summary +
+
+ Your license is up-to-date.
+
+
+
+
+ Action 2
+
+
+ -
+
-
+
+ + ${'Expires '} + + ${' on Apr. 23, 2025, 12:00 AM'} ++
+
+
{% trans "Administration" %}
+
+{% endif %}
+{% endblock content %}
+
+
+{% block scripts-post %}
+{{block.super}}
+{% if license_entries %}
+
+{% endif %}
+{% endblock scripts-post %}
diff --git a/reviewboard/templates/admin/sidebar.html b/reviewboard/templates/admin/sidebar.html
index 6de551c3d527e9f53c6a909b55a6028a51f1d08e..f2575708372de76d670f0bc2f9a68afac6d1a873 100644
--- a/reviewboard/templates/admin/sidebar.html
+++ b/reviewboard/templates/admin/sidebar.html
@@ -1,9 +1,12 @@
-{% load djblets_extensions djblets_utils i18n log rbadmintags %}
+{% load djblets_extensions djblets_utils features i18n log rbadmintags %}
+{% blocktrans %} + No licensed products are installed. +{% endblocktrans %} +
+
+
+ +{% blocktrans with url="https://www.reviewboard.org/powerpack/" %} + Upgrade Review Board with Power Pack for Document + Review, Reports, User Roles, new source code management integrations, and + more. +{% endblocktrans %} +
+-
{% admin_subnav "admin-dashboard" _("Dashboard") %}
+{% if_feature_enabled "licensing" %}
+{% admin_subnav "admin-licenses" _("Licenses") %}
+{% endif_feature_enabled %}
{% admin_subnav "admin-security-checks" _("Security Center") %}
{% admin_subnav "extension-list" _("Extensions") %}
{% admin_subnav "integration-list" _("Integrations") %}
diff --git a/reviewboard/templates/base/branding.html b/reviewboard/templates/base/branding.html
index 1c2114c2f41b14e4a265ae21ab66af9ea70592e4..e2595b642e74ae9af90dce6e7ab4a6ff12182b8e 100644
--- a/reviewboard/templates/base/branding.html
+++ b/reviewboard/templates/base/branding.html
@@ -1,9 +1,11 @@
{% load djblets_utils i18n static %}
+{% url 'root' as root_url %}
+{% trans 'Home' as home_text %}
{% definevar "logo_png" %}{% static "rb/images/logo.png" %}{% enddefinevar %}