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

Jump to bottom

Ask for additional information for Community-Engaged Summer Experience | Eun Sung & Kafui #1232

Closed
wants to merge 6 commits into from
Closed

Ask for additional information for Community-Engaged Summer Experience | Eun Sung & Kafui #1232

Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
34b93d5
testing for UI CE Minor
esw0624 Jun 18, 2024
3067b1a
Final Update
esw0624 Jun 20, 2024
0263d7e
Fixed Final Update
esw0624 Jun 20, 2024
21954ab
Finalizing Final Update
esw0624 Jun 20, 2024
59438e9
Merge branch 'development' into CCEminorTabs
esw0624 Jun 21, 2024
60ff2cd
Merge branch 'development' into CCEminorTabs
esw0624 Jun 27, 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
139 changes: 78 additions & 61 deletions app/templates/minor/profile.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,92 +1,109 @@
{%set title = "Student Minor Page"%}
{% set title = "Student Minor Page" %}
{% extends "base.html" %}

{% block scripts %}
{{super()}}
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.js"></script>
<script type="text/javascript" src="{{url_for('static', filename='js/cceMinorProfilePage.js') }}?u={{lastStaticUpdate}}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='js/cceMinorProfilePage.js') }}?u={{ lastStaticUpdate }}"></script>
{% endblock %}

{% block styles %}
{{super()}}
<link rel="stylesheet" href="{{url_for('static', filename ='css/minor.css') }}?u={{lastStaticUpdate}}">
{% endblock %}

{{ super() }}
<link rel="stylesheet" href="{{ url_for('static', filename='css/minor.css') }}?u={{ lastStaticUpdate }}">
{% endblock %}
{% block app_content %}
<div class="row">
<input id="username" value="{{ user.username }}" hidden />
<div name="Header" class="row">
<h1>{{user.firstName}} {{user.lastName}}'s CCE Minor Profile</h1>
</div>
<div class="row">
<input id="username" value="{{user.username}}" hidden/>
<div name="Header" class="row">
<h1>{{user.firstName}} {{user.lastName}}'s CCE Minor Profile</h2>
</div>
<div name="Sustained Community Engagement Section">
<div class="row">
<h3 class="col-md-auto {% if totalSustainedEngagements >= 4 %}bi bi-check2 {% endif %}">Sustained Community Engagement</h3>&nbsp
<a class="col-md-auto btn btn-primary btn-sm" role="button" href="/cceMinor/{{user.username}}/requestOtherCommunityEngagement" style="margin:5px">Request Other Experience</a>
</div>
<ul class="nav nav-tabs nav-fill mx-3 mb-3" id="pills-tab" role="tablist">
<li class="col-md-3 col-12 nav-item" role="presentation">
<button class="nav-link {{ 'active' if activeTab == 'studentLedEvents' or activeTab is not defined else '' }}" id="studentLedEvents"
data-bs-toggle="pill" data-bs-target="#pills-student-led" type="button" role="tab" aria-controls="pills-student-led" aria-selected="true">Sustained Community Engagements</button>
</li>
<li class="col-md-3 col-12 nav-item" role="presentation">
<button class="nav-link {{ 'active' if activeTab == 'trainingEvents' else '' }}" id="trainingEvents"
data-bs-toggle="pill" data-bs-target="#pills-training" type="button" role="tab" aria-controls="pills-training" aria-selected="false">Summer Experience</button>
</li>
{% if user.isCeltsAdmin or user.isCeltsStudentStaff or user.isBonnerScholar %}
<li class="col-md-3 col-12 nav-item" role="presentation">
<button class="nav-link {{ 'active' if activeTab == 'bonnerScholarsEvents' else '' }}" id="bonnerScholarsEvents"
data-bs-toggle="pill" data-bs-target="#pills-bonner-scholars" type="button" role="tab" aria-controls="pills-bonner-scholars" aria-selected="false">Requesting Other Engagement</button>
</li>
{% endif %}
</ul>
</div>
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show {{ 'active' if activeTab == 'studentLedEvents' or activeTab is not defined else '' }}" id="pills-student-led" role="tabpanel" aria-labelledby="studentLedEvents">
<p class="pt-2">Approximately two hours of engagement over about ten weeks of a semester. Only two engagement activities can be credited in a single semester.</p>
<div class="accordion" id="communityEngagement">
{% if sustainedEngagementByTerm %}
{% for term, engagements in sustainedEngagementByTerm.items() %}
<div class="accordion-item">
<h3 class="accordion-header" id="headingOne">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{loop.index}}" aria-expanded="true" aria-controls="collapse{{loop.index}}">
{{term[0]}}
</button>
</h3>
<div id="collapse{{loop.index}}" class="accordion-collapse collapse" aria-labelledby="heading{{loop.index}}"+ data-bs-parent="#communityEngagement">
<div class="accordion-body">
<div class="container-fluid col-10">
<div class="row d-flex justify-content-center mb-3">
<div class="col-md-6 mb-3">
<table class="table mb-3">
<thead>
<tr>
<th scope="col">Community Engagement Activity</th>
</tr>
</thead>
<tbody>
{% for engagement in engagements %}
<tr class="engagement-row" data-engagement-data='{{engagement|tojson}}'>
<td>
<input type="checkbox" {{'checked' if engagement['matched'] else ''}} />
<button type="button" class="btn btn-link">{{engagement["name"]}}</button>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<div class="col-md-6 p-3" id="set{{term[1]}}">
Click on an engagement entry to see your event history or course information.
</div>
</div>
{% for term, engagements in sustainedEngagementByTerm.items() %}
<div class="accordion-item">
<h3 class="accordion-header" id="headingOne">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ loop.index }}" aria-expanded="true" aria-controls="collapse{{ loop.index }}">
{{term[0]}}
</button>
</h3>
<div id="collapse{{ loop.index }}" class="accordion-collapse collapse" aria-labelledby="heading{{ loop.index }}" data-bs-parent="#communityEngagement">
<div class="accordion-body">
<div class="container-fluid col-10">
<div class="row d-flex justify-content-center mb-3">
<div class="col-md-6 mb-3">
<table class="table mb-3">
<thead>
<tr>
<th scope="col">Community Engagement Activity</th>
</tr>
</thead>
<tbody>
{% for engagement in engagements %}
<tr class="engagement-row" data-engagement-data='{{ engagement|tojson }}'>
<td>
<input type="checkbox" {{ 'checked' if engagement['matched'] else '' }} />
<button type="button" class="btn btn-link">{{engagement["name"]}}</button>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<div class="col-md-6 p-3" id="set{{term[1]}}">
Click on an engagement entry to see your event history or course information.
</div>
</div>
</div>
</div>
{% endfor %}
{% else %}
<h2>You have not participated in any service learning events or courses.</h2>
{% endif %}
</div>
</div>
{% endfor %}
{% else %}
<h2>You have not participated in any service learning events or courses.</h2>
{% endif %}
</div>

</div>
<div class="tab-pane fade {{ 'active' if activeTab == 'trainingEvents' else '' }}" id="pills-training" role="tabpanel" aria-labelledby="trainingEvents">
<div name="Community-Engaged Summer Experience" class="pt-4">
<h3 class="col-md-auto {% if summerExperience %}bi bi-check2 {% endif %}">Community-Engaged Summer Experience</h3>
<p class="pt-2">Must include at least 300 hours of work over the span of 8 weeks with a public-facing organization with a focus on applied work.</p>
<div class="row-auto col-md-6">
<div class="input-group">
<select class="form-select" name='term' id='summerExperienceTerm' required>
{% for term in summerTerms %}
<option value="{{selectedSummerTerm}}" {{"selected" if term.description == selectedSummerTerm}}>{{term.description}}</option>
<option value="{{ term.description }}" {{ "selected" if term.description == selectedSummerTerm }}>{{term.description}}</option>
{% endfor %}
</select>
<input class="form-control" placeholder="Experience name" id="summerExperience" value='{{summerExperience}}' type="text"/>
<input class="form-control" placeholder="Experience name" id="summerExperience" value='{{ summerExperience }}' type="text" />
<button type="button" class="btn btn-primary btn-md" id="summerExperienceSave">Save</button>
<button type="button" class="btn btn-danger btn-md" id="removeSummerExperience">Clear</button>
<button type="button" class="btn btn-danger btn-md" id="removeSummerExperience">Clear</button>
</div>
</div>
<p class="pt-2">If you would like to download the Proposal for Community-Engaged Summer Experience, click <a href="/static/files/serviceLearningProposalForm/CCEminorForm1online.docx">here</a>.</p>
</div>
</div>
<div class="tab-pane fade {{ 'active' if activeTab == 'bonnerScholarsEvents' else '' }}" id="pills-bonner-scholars" role="tabpanel" aria-labelledby="bonnerScholarsEvents">
<a class="col-md-auto btn btn-primary btn-sm" role="button" href="/cceMinor/{{ user.username }}/requestOtherCommunityEngagement" style="margin:5px">Request Other Experience</a>
</div>
</div>
{% endblock %}

</div>
{% endblock %}
Loading