{% if hackathons %}
diff --git a/main/settings.py b/main/settings.py
index 0a7a204f..5268a5c2 100644
--- a/main/settings.py
+++ b/main/settings.py
@@ -39,6 +39,7 @@
# custom apps
"accounts",
+ "competencies",
"hackathon",
"hackadmin",
"home",
diff --git a/main/urls.py b/main/urls.py
index 39719253..49329401 100644
--- a/main/urls.py
+++ b/main/urls.py
@@ -16,4 +16,5 @@
namespace='hackathon')),
path("showcase/", include("showcase.urls")),
path("teams/", include("teams.urls")),
+ path("competencies/", include("competencies.urls")),
]
diff --git a/static/css/style.css b/static/css/style.css
index c9e5f1b2..95ec6809 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -31,6 +31,10 @@ body {
height: 100%;
}
+html form.w-100 {
+ max-width: 100%;
+}
+
body * {
font-family: Montserrat, sans-serif;
}
@@ -811,6 +815,72 @@ img.showcase-image-edit {
display:none;
}
+/* Competencies */
+.input-group.competency-difficulty-select select {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.input-group.competency-difficulty-select a.btn {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin: 0;
+ font-size: 1rem;
+}
+
+.card .card-body a.btn.btn-large {
+ font-size: .95rem;
+}
+
+#competenciesTable.table td {
+ vertical-align: middle;
+}
+
+#competenciesTable.table td label {
+ margin: 0;
+}
+
+#competenciesTable i {
+ cursor: pointer;
+}
+
+#competenciesDisplayTable i.fas,
+#competenciesDisplayTable i.fas:hover {
+ transform: scale(1);
+ cursor: default;
+ vertical-align: middle;
+}
+
+#competenciesTable i,
+i.rating-display {
+ font-size: 1.3rem;
+}
+
+#competenciesTable input[type="radio"] {
+ visibility: hidden;
+}
+
+i.fas.fa-arrow-alt-circle-up {
+ color: var(--s-teal);
+}
+
+i.fas.fa-lightbulb {
+ color: var(--s-yellow);
+}
+
+i.fas.fa-thumbs-up {
+ color: var(--p-blue);
+}
+
+.disabled-select {
+ pointer-events: none;
+ border: 0;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ color: var(--black);
+ padding: 0;
+}
+
/* Media Queries */
@media (max-width:453px) {
diff --git a/static/js/script.js b/static/js/script.js
index 60f1c5e7..c80e195a 100644
--- a/static/js/script.js
+++ b/static/js/script.js
@@ -26,6 +26,9 @@ $(document).ready(function(){
$(`#hackadmin-team-select-${hackathonId}`).show();
});
enableReviewsSlider();
+ openCompetencyDifficultyInPopup();
+ closePopup();
+ toggleCompetencyAssessmentIcon();
});
function setUpoadImageType(){
@@ -129,3 +132,49 @@ function enableReviewsSlider(){
}
});
}
+
+
+function openCompetencyDifficultyInPopup(){
+ $('#openCompetencyDifficultyPopup').click(function(){
+ const params = `width=500,height=350,left=-1000,top=-1000`;
+ const window_name = 'Create Competency Difficulty';
+ window.open(create_competency_difficulty_url, window_name, params);
+ })
+}
+
+function closePopup(){
+ let queryString = window.location.search;
+ let urlParams = new URLSearchParams(queryString);
+ let close_popup = urlParams.get('close_popup');
+ if(close_popup){
+ window.opener.location.reload();
+ window.close();
+ }
+}
+
+function toggleCompetencyAssessmentIcon() {
+ $('.competency-assessment-radio').change(function(){
+ let current_selection = $(this).parent().parent().parent().find('label i.fas');
+ if(current_selection.length > 0){
+ _changeClass(current_selection[0]);
+ }
+ let new_selection = $(this).parent().find('label i');
+ _changeClass(new_selection[0]);
+ _chageSelection($(this).data('form'), $(this).data('rating'));
+ });
+}
+
+function _changeClass(element){
+ if(element.classList.contains('fas')){
+ element.classList.remove('fas');
+ element.classList.add('far');
+ } else {
+ element.classList.remove('far');
+ element.classList.add('fas');
+ }
+}
+
+
+function _chageSelection(form_num, rating){
+ $(`#id_form-${form_num}-rating`).val(rating);
+}
diff --git a/teams/templates/team.html b/teams/templates/team.html
index 5ce0fc3b..1540c46c 100644
--- a/teams/templates/team.html
+++ b/teams/templates/team.html
@@ -64,6 +64,9 @@
About the team
View Team Calendar
+
+ View Competencies
+
diff --git a/teams/templates/team_competencies.html b/teams/templates/team_competencies.html
new file mode 100644
index 00000000..31afd9df
--- /dev/null
+++ b/teams/templates/team_competencies.html
@@ -0,0 +1,82 @@
+{% extends "base.html" %}
+{% load static %}
+{% load teams_tags %}
+{% load account_tags %}
+
+{% block css %}
+