admin/changemaker.lite
1
0
Fork 0
Code Issues Packages Projects Releases 35 Wiki Activity

Response wall build out

Browse Source
This commit is contained in:
admin
2025-10-11 22:56:48 -06:00
parent ac54d998c8
commit cece612772
7 changed files with 556 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
influence/app/public/dashboard.html
View File

@@ -510,6 +510,81 @@
background: white;
}
/* Response moderation styles */
.response-card {
background: white;
border: 1px solid #ddd;
border-radius: 8px;
padding: 1.5rem;
margin-bottom: 1rem;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.response-card.pending {
border-left: 4px solid #f39c12;
}
.response-card.approved {
border-left: 4px solid #27ae60;
}
.response-card.rejected {
border-left: 4px solid #e74c3c;
}
.response-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 1rem;
}
.response-meta {
color: #666;
font-size: 0.9rem;
margin-bottom: 1rem;
}
.response-meta p {
margin: 0.25rem 0;
}
.response-content {
background: #f8f9fa;
padding: 1rem;
border-radius: 4px;
margin-bottom: 1rem;
}
.response-content h4 {
margin: 0 0 0.5rem 0;
color: #2c3e50;
font-size: 1rem;
}
.response-content p {
margin: 0;
color: #444;
line-height: 1.5;
}
.response-actions {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
}
.response-screenshot {
max-width: 200px;
margin-top: 0.5rem;
border-radius: 4px;
cursor: pointer;
}
.response-screenshot:hover {
opacity: 0.8;
}
@media (max-width: 768px) {
.dashboard-nav {
flex-direction: column;
@@ -557,6 +632,7 @@
<button class="nav-btn active" data-tab="campaigns">My Campaigns</button>
<button class="nav-btn" data-tab="create">Create Campaign</button>
<button class="nav-btn" data-tab="edit">Edit Campaign</button>
<button class="nav-btn" data-tab="responses">Responses</button>
<button class="nav-btn" data-tab="analytics">Analytics</button>
<button class="nav-btn" data-tab="account">Account</button>
</nav>
@@ -810,6 +886,7 @@ Sincerely,
</form>
</div>
<!-- Analytics Tab -->
<!-- Analytics Tab -->
<div id="analytics-tab" class="tab-content">
<h2>Your Campaign Analytics</h2>
@@ -841,6 +918,39 @@ Sincerely,
</div>
</div>
<!-- Responses Tab -->
<div id="responses-tab" class="tab-content">
<h2>Moderate Responses</h2>
<div style="display: flex; gap: 1rem; margin-bottom: 2rem; flex-wrap: wrap;">
<div class="campaign-selector" style="flex: 1; min-width: 300px; margin: 0;">
<label for="responses-campaign-filter">Filter by Campaign:</label>
<select id="responses-campaign-filter" style="width: 100%; padding: 0.75rem; border: 2px solid #e0e6ed; border-radius: 8px;">
<option value="">All My Campaigns</option>
</select>
</div>
<div class="campaign-selector" style="flex: 1; min-width: 200px; margin: 0;">
<label for="responses-status-filter">Filter by Status:</label>
<select id="responses-status-filter" style="width: 100%; padding: 0.75rem; border: 2px solid #e0e6ed; border-radius: 8px;">
<option value="all">All Statuses</option>
<option value="pending" selected>Pending</option>
<option value="approved">Approved</option>
<option value="rejected">Rejected</option>
</select>
</div>
</div>
<div id="responses-loading" class="loading hidden">
<div class="spinner"></div>
<p>Loading responses...</p>
</div>
<div id="responses-list">
<!-- Responses will be loaded here -->
</div>
</div>
<!-- Account Tab -->
<div id="account-tab" class="tab-content">
<h2>Account Settings</h2>