Skip to content
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

Update Anonymous Posting Checkbox Functionality on Frontend #171

Draft
wants to merge 5 commits into
base: master
Choose a base branch
from
Draft

Update Anonymous Posting Checkbox Functionality on Frontend #171

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
df18a8c
updated the anonymous posting checkbox for the frontend
Abdulaziz57 Sep 30, 2024
f40a7ad
updated the anonymous checkbox to work
Abdulaziz57 Oct 3, 2024
2a15890
Added listener for the anonymous checkbox, send checked data to main …
Bchenjamin Oct 5, 2024
c469629
Remove console log statements for cleanliness
Bchenjamin Oct 5, 2024
a4237d1
Commented out autocomplete setup to fix creating posts
Bchenjamin Oct 6, 2024
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
7 changes: 7 additions & 0 deletions static/lib/composer.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -665,6 +665,7 @@ define('composer', [
var titleEl = postContainer.find('.title');
var bodyEl = postContainer.find('textarea');
var thumbEl = postContainer.find('input#topic-thumb-url');
var anonymousEl = postContainer.find('#anonymousPost');
var onComposeRoute = postData.hasOwnProperty('template') && postData.template.compose === true;
const submitBtn = postContainer.find('.composer-submit');

Expand Down Expand Up @@ -715,6 +716,9 @@ define('composer', [
return composerAlert(post_uuid, '[[error:scheduling-to-past]]');
}

// Check if the anonymous checkbox was filled in or not
var isAnonymous = anonymousEl.is(':checked');

let composerData = {
uuid: post_uuid,
};
Expand All @@ -732,6 +736,7 @@ define('composer', [
cid: categoryList.getSelectedCid(),
tags: tags.getTags(post_uuid),
timestamp: scheduler.getTimestamp(),
anonymous: isAnonymous, // Add anonymous flag
};
} else if (action === 'posts.reply') {
route = `/topics/${postData.tid}`;
Expand All @@ -741,6 +746,7 @@ define('composer', [
handle: handleEl ? handleEl.val() : undefined,
content: bodyEl.val(),
toPid: postData.toPid,
anonymous: isAnonymous, // Add anonymous flag here too
};
} else if (action === 'posts.edit') {
method = 'put';
Expand All @@ -754,6 +760,7 @@ define('composer', [
thumb: thumbEl.val() || '',
tags: tags.getTags(post_uuid),
timestamp: scheduler.getTimestamp(),
anonymous: isAnonymous, // Add anonymous flag here as well
};
}
var submitHookData = {
Expand Down
2 changes: 1 addition & 1 deletion static/lib/composer/autocomplete.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@ define('composer/autocomplete', [

$(window).trigger('composer:autocomplete:init', data);

autocomplete._active[post_uuid] = Autocomplete.setup(data);
// autocomplete._active[post_uuid] = Autocomplete.setup(data);

data.element.on('textComplete:select', function () {
preview.render(postContainer);
Expand Down
95 changes: 53 additions & 42 deletions static/templates/partials/composer-title-container.tpl
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,46 +1,57 @@
<div class="title-container align-items-center gap-2 d-flex">
{{{ if isTopic }}}
<div class="category-list-container {{{ if !template.compose }}}d-none d-md-block{{{ end }}} align-self-center">
<!-- IMPORT partials/category/selector-dropdown-left.tpl -->
</div>
{{{ end }}}
{{{ if isTopic }}}
<div class="category-list-container {{{ if !template.compose }}}d-none d-md-block{{{ end }}} align-self-center">
<!-- IMPORT partials/category/selector-dropdown-left.tpl -->
</div>
{{{ end }}}

{{{ if showHandleInput }}}
<div data-component="composer/handle">
<input class="handle form-control h-100 border-0 shadow-none" type="text" placeholder="[[topic:composer.handle-placeholder]]" value="{handle}" />
</div>
{{{ end }}}
{{{ if showHandleInput }}}
<div data-component="composer/handle">
<input class="handle form-control h-100 border-0 shadow-none" type="text" placeholder="[[topic:composer.handle-placeholder]]" value="{handle}" />
</div>
{{{ end }}}

<div data-component="composer/title" class="position-relative flex-1" style="min-width: 0;">
{{{ if isTopicOrMain }}}
<input class="title form-control h-100 rounded-1 shadow-none" type="text" placeholder="[[topic:composer.title-placeholder]]" value="{topicTitle}" />
{{{ else }}}
<span class="{{{ if !template.compose }}}d-none d-md-block{{{ else }}}d-block{{{ end }}} title h-100 text-truncate">{{{ if isEditing }}}[[topic:composer.editing-in, "{topicTitle}"]]{{{ else }}}[[topic:composer.replying-to, "{topicTitle}"]]{{{ end }}}</span>
{{{ end }}}
<div id="quick-search-container" class="quick-search-container mt-2 dropdown-menu d-block p-2 hidden">
<div class="text-center loading-indicator"><i class="fa fa-spinner fa-spin"></i></div>
<div class="quick-search-results-container"></div>
</div>
</div>
<div data-component="composer/title" class="position-relative flex-1" style="min-width: 0;">
{{{ if isTopicOrMain }}}
<input class="title form-control h-100 rounded-1 shadow-none" type="text" placeholder="[[topic:composer.title-placeholder]]" value="{topicTitle}" />
{{{ else }}}
<span class="{{{ if !template.compose }}}d-none d-md-block{{{ else }}}d-block{{{ end }}} title h-100 text-truncate">{{{ if isEditing }}}[[topic:composer.editing-in, "{topicTitle}"]]{{{ else }}}[[topic:composer.replying-to, "{topicTitle}"]]{{{ end }}}</span>
{{{ end }}}
<div id="quick-search-container" class="quick-search-container mt-2 dropdown-menu d-block p-2 hidden">
<div class="text-center loading-indicator"><i class="fa fa-spinner fa-spin"></i></div>
<div class="quick-search-results-container"></div>
</div>
</div>

<div class="{{{ if !template.compose }}}d-none d-md-flex{{{ else }}}d-flex{{{ end }}} action-bar gap-1 align-items-center">
<button class="btn btn-sm btn-link text-body fw-semibold composer-minimize" data-action="hide"><i class="fa fa-angle-down"></i> <span class="d-none d-md-inline">[[topic:composer.hide]]</span></button>
<button class="btn btn-sm btn-link composer-discard text-body fw-semibold" data-action="discard"><i class="fa fa-trash"></i> <span class="d-none d-md-inline">[[topic:composer.discard]]</button>
<div class="btn-group btn-group-sm" component="composer/submit/container">
<button class="btn btn-primary composer-submit fw-bold {{{ if !(submitOptions.length || canSchedule) }}}rounded-1{{{ end }}}" data-action="post" data-text-variant=" [[topic:composer.schedule]]"><i class="fa fa-check"></i> <span class="d-none d-md-inline">[[topic:composer.submit]]</span></button>
<div component="composer/submit/options/container" data-submit-options="{submitOptions.length}" class="btn-group btn-group-sm {{{ if !(submitOptions.length || canSchedule) }}}hidden{{{ end }}}">
<button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-caret-down"></i>
<span class="sr-only">[[topic:composer.additional-options]]</span>
</button>
<ul class="dropdown-menu dropdown-menu-end p-1" role="menu">
<li><a class="dropdown-item rounded-1 display-scheduler {{{ if !canSchedule }}}hidden{{{ end }}}" role="menuitem">[[topic:composer.post-later]]</a></li>
<li><a class="dropdown-item rounded-1 cancel-scheduling hidden" role="menuitem">[[modules:composer.cancel-scheduling]]</a></li>
{{{ each submitOptions }}}
<li><a class="dropdown-item rounded-1" href="#" data-action="{./action}" role="menuitem">{./text}</a></li>
{{{ end }}}
</ul>
</div>
</div>
</div>
</div>
<!-- Add Anonymous Post Checkbox -->
<div class="form-check ms-2">
<input class="form-check-input" type="checkbox" id="anonymousPost" name="anonymousPost" />
<label class="form-check-label" for="anonymousPost">Post Anonymously</label>
</div>

<div class="{{{ if !template.compose }}}d-none d-md-flex{{{ else }}}d-flex{{{ end }}} action-bar gap-1 align-items-center">
<button class="btn btn-sm btn-link text-body fw-semibold composer-minimize" data-action="hide">
<i class="fa fa-angle-down"></i> <span class="d-none d-md-inline">[[topic:composer.hide]]</span>
</button>
<button class="btn btn-sm btn-link composer-discard text-body fw-semibold" data-action="discard">
<i class="fa fa-trash"></i> <span class="d-none d-md-inline">[[topic:composer.discard]]</button>
<div class="btn-group btn-group-sm" component="composer/submit/container">
<button class="btn btn-primary composer-submit fw-bold {{{ if !(submitOptions.length || canSchedule) }}}rounded-1{{{ end }}}" data-action="post" data-text-variant=" [[topic:composer.schedule]]">
<i class="fa fa-check"></i> <span class="d-none d-md-inline">[[topic:composer.submit]]</span>
</button>
<div component="composer/submit/options/container" data-submit-options="{submitOptions.length}" class="btn-group btn-group-sm {{{ if !(submitOptions.length || canSchedule) }}}hidden{{{ end }}}">
<button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-caret-down"></i>
<span class="sr-only">[[topic:composer.additional-options]]</span>
</button>
<ul class="dropdown-menu dropdown-menu-end p-1" role="menu">
<li><a class="dropdown-item rounded-1 display-scheduler {{{ if !canSchedule }}}hidden{{{ end }}}" role="menuitem">[[topic:composer.post-later]]</a></li>
<li><a class="dropdown-item rounded-1 cancel-scheduling hidden" role="menuitem">[[modules:composer.cancel-scheduling]]</a></li>
{{{ each submitOptions }}}
<li><a class="dropdown-item rounded-1" href="#" data-action="{./action}" role="menuitem">{./text}</a></li>
{{{ end }}}
</ul>
</div>
</div>
</div>
</div>