Skip to content

fix(crowdfunding): expose type-specific fields for event and security audit initiatives (DO NOT MERGE) #939

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
mlehotskylf wants to merge 6 commits into
base: main
Choose a base branch
from
Open

fix(crowdfunding): expose type-specific fields for event and security audit initiatives (DO NOT MERGE) #939

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
47c9535
fix(crowdfunding): expose type-specific fields for event and security…
mlehotskylf Jun 14, 2026
72d70fd
fix(crowdfunding): add missing type-specific fields to initiative set…
mlehotskylf Jun 14, 2026
d3f6ee7
fix(crowdfunding): remove terms & conditions toggle from initiative s…
mlehotskylf Jun 14, 2026
9406c64
fix(crowdfunding): fix totalBudgetCents unit mismatch and isProjectTy…
mlehotskylf Jun 15, 2026
f94951c
style(crowdfunding): apply prettier formatting to initiative-settings…
mlehotskylf Jun 15, 2026
50b1d88
fix(crowdfunding): fix contacts clear and date normalization in setti…
mlehotskylf Jun 15, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
175 changes: 175 additions & 0 deletions ...ve-detail/components/initiative-settings-drawer/initiative-settings-drawer.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -97,6 +97,181 @@ <h3 class="text-xs font-bold text-gray-500 uppercase tracking-wide">General Fund
<label for="settings-website" class="text-sm font-medium text-gray-700">Website URL</label>
<lfx-input-text [form]="form" control="websiteUrl" id="settings-website" type="url" placeholder="https://example.org" />
</div>

<!-- Code of Conduct URL — all types -->
<div class="flex flex-col gap-1.5" data-testid="settings-field-coc">
<label for="settings-coc" class="text-sm font-medium text-gray-700">Code of Conduct URL</label>
<lfx-input-text [form]="form" control="cocUrl" id="settings-coc" type="url" placeholder="https://example.org/code-of-conduct" />
</div>

<!-- CII Project ID — project type only -->
@if (isProjectType()) {
<div class="flex flex-col gap-1.5" data-testid="settings-field-cii">
<label for="settings-cii" class="text-sm font-medium text-gray-700">CII Project ID</label>
<lfx-input-text [form]="form" control="ciiProjectId" id="settings-cii" placeholder="CII Best Practices badge ID" />
</div>
}

<!-- Event details — shown for event-type initiatives only -->
@if (isEventType()) {
<div class="border-t border-gray-100 pt-5 flex flex-col gap-5" data-testid="settings-event-details">
<h3 class="text-xs font-bold text-gray-500 uppercase tracking-wide">Event Details</h3>

<div class="flex flex-col gap-1.5" data-testid="settings-field-event-start">
<label for="settings-event-start" class="text-sm font-medium text-gray-700">Start date</label>
<input
type="date"
id="settings-event-start"
[formControl]="eventStartDateControl"
class="w-full px-3 py-2 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
data-testid="settings-event-start-input" />
</div>

<div class="flex flex-col gap-1.5" data-testid="settings-field-event-end">
<label for="settings-event-end" class="text-sm font-medium text-gray-700">End date</label>
<input
type="date"
id="settings-event-end"
[formControl]="eventEndDateControl"
class="w-full px-3 py-2 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
data-testid="settings-event-end-input" />
</div>

<div class="flex flex-col gap-1.5" data-testid="settings-field-registration-url">
<label for="settings-registration-url" class="text-sm font-medium text-gray-700">Registration URL</label>
<lfx-input-text [form]="form" control="applicationUrl" id="settings-registration-url" type="url" placeholder="https://eventbrite.com/…" />
</div>

<div class="flex flex-col gap-1.5" data-testid="settings-field-eventbrite-url">
<label for="settings-eventbrite-url" class="text-sm font-medium text-gray-700">Eventbrite URL</label>
<lfx-input-text [form]="form" control="eventbriteUrl" id="settings-eventbrite-url" type="url" placeholder="https://eventbrite.com/e/…" />
</div>

<div class="grid grid-cols-2 gap-3" data-testid="settings-event-location">
<div class="flex flex-col gap-1.5">
<label for="settings-city" class="text-sm font-medium text-gray-700">City</label>
<lfx-input-text [form]="form" control="city" id="settings-city" placeholder="San Francisco" />
</div>
<div class="flex flex-col gap-1.5">
<label for="settings-country" class="text-sm font-medium text-gray-700">Country</label>
<lfx-input-text [form]="form" control="country" id="settings-country" placeholder="US" />
</div>
</div>

<div class="flex items-center gap-3" data-testid="settings-field-is-online">
<p-toggleSwitch
[ngModel]="isOnlineControl.value"
(onChange)="isOnlineControl.setValue($event.checked)"
inputId="settings-is-online" />
<label for="settings-is-online" class="text-sm font-medium text-gray-700 cursor-pointer">Online event</label>
</div>
</div>
}

<!-- Security audit details — shown for security_audit initiatives only -->
@if (isSecurityAudit()) {
<div class="border-t border-gray-100 pt-5 flex flex-col gap-5" data-testid="settings-security-audit">
<h3 class="text-xs font-bold text-gray-500 uppercase tracking-wide">Security Audit Details</h3>

Comment thread
mlehotskylf marked this conversation as resolved.
<div class="flex flex-col gap-1.5" data-testid="settings-field-monetization">
<label for="settings-monetization" class="text-sm font-medium text-gray-700">Monetization strategy</label>
<lfx-textarea
[form]="form"
control="monetizationStrategy"
id="settings-monetization"
styleClass="w-full"
[rows]="3"
placeholder="Describe your monetization strategy…" />
</div>

<div class="flex flex-col gap-1.5" data-testid="settings-field-security-strategy">
<label for="settings-security-strategy" class="text-sm font-medium text-gray-700">Current security strategy</label>
<lfx-textarea
[form]="form"
control="currentSecurityStrategy"
id="settings-security-strategy"
styleClass="w-full"
[rows]="3"
placeholder="Describe your current security strategy…" />
</div>

<div class="flex flex-col gap-1.5" data-testid="settings-field-license">
<label for="settings-license" class="text-sm font-medium text-gray-700">License type</label>
<lfx-input-text [form]="form" control="licenseType" id="settings-license" placeholder="e.g. Apache 2.0, MIT" />
</div>

<div class="flex flex-col gap-1.5" data-testid="settings-field-total-budget">
<label for="settings-total-budget" class="text-sm font-medium text-gray-700">Total budget (USD)</label>
<input
type="number"
id="settings-total-budget"
[formControl]="totalBudgetCentsControl"
min="0"
class="w-full px-3 py-2 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
placeholder="0"
data-testid="settings-total-budget-input" />
<p class="text-xs text-gray-400">Enter the total budget in US dollars.</p>
</div>

<!-- Contacts -->
<div class="flex flex-col gap-4" data-testid="settings-contacts">
<div class="flex items-center justify-between">
<h4 class="text-xs font-bold text-gray-500 uppercase tracking-wide">Contacts</h4>
</div>

@for (group of contactGroups(); track $index) {
<div class="flex flex-col gap-3 p-4 border border-gray-200 rounded-lg" [attr.data-testid]="'settings-contact-' + $index">
<div class="flex items-center justify-between">
<span class="text-sm font-medium text-gray-700">
@for (ct of CONTACT_TYPES; track ct.value) {
@if (ct.value === group.value['contactType']) { {{ ct.label }} }
}
</span>
<button
type="button"
(click)="removeContact($index)"
class="text-gray-400 hover:text-red-500 transition-colors"
[attr.aria-label]="'Remove contact ' + ($index + 1)">
<i class="fa-light fa-trash-can text-sm" aria-hidden="true"></i>
</button>
</div>
<div class="grid grid-cols-2 gap-3">
<div class="flex flex-col gap-1">
<label class="text-xs font-medium text-gray-600">First name</label>
<lfx-input-text [form]="group" control="firstName" placeholder="First name" />
</div>
<div class="flex flex-col gap-1">
<label class="text-xs font-medium text-gray-600">Last name</label>
<lfx-input-text [form]="group" control="lastName" placeholder="Last name" />
</div>
</div>
<div class="flex flex-col gap-1">
<label class="text-xs font-medium text-gray-600">Email</label>
<lfx-input-text [form]="group" control="email" type="email" placeholder="contact@example.org" />
</div>
<div class="flex flex-col gap-1">
<label class="text-xs font-medium text-gray-600">Phone</label>
<lfx-input-text [form]="group" control="phoneNumber" type="tel" placeholder="+1 (555) 000-0000" />
</div>
</div>
}

<div class="flex gap-2 flex-wrap" data-testid="settings-add-contact-buttons">
@for (ct of CONTACT_TYPES; track ct.value) {
@if (!usedContactTypes().includes(ct.value)) {
<lfx-button
[label]="'Add ' + ct.label"
icon="fa-light fa-plus"
severity="secondary"
size="small"
(onClick)="addContact(ct.value)"
[attr.data-testid]="'settings-add-contact-' + ct.value" />
}
}
</div>
</div>
</div>
}
</div>
}

Expand Down
Loading
Loading