From 9a90a49867b2ba291035be2465b0804a9bb3ea5f Mon Sep 17 00:00:00 2001 From: Jonathan Betancur Date: Wed, 13 Nov 2024 12:14:39 -0500 Subject: [PATCH] info buttons --- db.sqlite3 | Bin 380928 -> 380928 bytes preference/templates/preference_create.html | 63 ++++++++++++++-- static/css/learningresourceform.css | 36 +++++++++- static/css/preferenceform.css | 37 +++++++++- user/templates/update_current_skills.html | 75 +++++++++++++++++++- user/templates/update_target_skills.html | 70 +++++++++++++++++- 6 files changed, 270 insertions(+), 11 deletions(-) diff --git a/db.sqlite3 b/db.sqlite3 index 648ad87176de2f060fa13c9955b45858955561fb..2e881689a25701e165cdac71ccd3c2146ea3735c 100644 GIT binary patch delta 365 zcmZozAl|S*e1bIN)QK|Aj8hvEwk9wp|K>9^vobWbGBMCIF)%YUZ@>7P5r~<#U;NE% zJVi{HSC)bACT|a)E58R{Ki@xoW!{avvfCvlurTv#sxbR9CYfbh7ABe&n`9-XC8bqW z6&jgTR;1;pm{=s|7^bBai-8nPSNP1Lusv-q%RDA#Vcx0J*%z>=GVxB`?C6lrt1QRt z$Y^9>WTI6W@q_&g z-(|K1ti>#D%o2=mwkv#KIm4*Yq$$Sg+nne~$ZgZl|78)K9{-DFiFb*UyJ4}FL1LCm zVR52icw%X!e@Li-giMGr_0j}HD1BMq^)8ju774UOm8}F1mpAkT54X~-1TsP#3j-Jd4W|ry3r-3m2>1ug4$}sp z1#<*O0~i7Dw;=EY%mF7V6a`I#V?i-?a5y$_XEbYeG%z@BGiYsLHfd{gH92ZCa%f?5 zWigkV^#r?0L3Cv`I#gzGXJmC^Uv4u?H!@!>dTnZ0PER#=OG8OwM|Eddc3(4AIag#h nQD#O#GB7eUEio}IGBzMFHaapfIx{yeGBGwbHZivt^91PJ<49a% diff --git a/preference/templates/preference_create.html b/preference/templates/preference_create.html index d617b7e..66046c2 100644 --- a/preference/templates/preference_create.html +++ b/preference/templates/preference_create.html @@ -10,23 +10,62 @@

{% if form.instance.pk %}Edit{% else %}Create{% endif %} Preference

{% csrf_token %}
- + {{ form.media_type }} +
+ Select the type of media you prefer for your learning resources. This field is used in the algorithm to filter resources. +
+ {% if form.media_type.errors %} +
+ {{ form.media_type.errors|first }} +
+ {% endif %}
- + {{ form.content_type }} +
+ Describe the type of content that interests you for your learning route. This field is currently not used in the algorithm. +
+ {% if form.content_type.errors %} +
+ {{ form.content_type.errors|first }} +
+ {% endif %}
- + {{ form.learning_type }} +
+ Indicate your preferred type of learning for your learning route. This field is not used in the current algorithm. +
+ {% if form.learning_type.errors %} +
+ {{ form.learning_type.errors|first }} +
+ {% endif %}
- + {{ form.time_per_week }} +
+ Specify the amount of time you dedicate each week for your learning resources. This field is not directly used in the algorithm. +
{% if form.time_per_week.errors %}
{{ form.time_per_week.errors|first }} @@ -35,8 +74,14 @@

{% if form.instance.pk %}Edit{% else %}Create{% endif %} Preference

- + {{ form.time_per_session }} +
+ Indicate the duration of each learning session. This field is used in the algorithm to filter resources based on session duration.Based on the session time, each resource will be or not be displayed in your learning resources +
{% if form.time_per_session.errors %}
{{ form.time_per_session.errors|first }} @@ -50,4 +95,10 @@

{% if form.instance.pk %}Edit{% else %}Create{% endif %} Preference

Preferences
-{% endblock %} \ No newline at end of file + +{% endblock %} \ No newline at end of file diff --git a/static/css/learningresourceform.css b/static/css/learningresourceform.css index b80d9e1..8cebe84 100644 --- a/static/css/learningresourceform.css +++ b/static/css/learningresourceform.css @@ -78,4 +78,38 @@ select:focus { border-color: #80bdff; box-shadow: 0 0 10px rgba(0, 123, 255, 0.5); transition: all 0.3s ease-in-out; -} \ No newline at end of file +} + +.info-button { + background-color: #000; + border: none; + color: #fff; + cursor: pointer; + font-size: 1rem; + width: 20px; + height: 20px; + border-radius: 50%; + display: inline-flex; + align-items: center; + justify-content: center; + margin-left: 10px; +} + +.info-button:hover { + background-color: #333; +} + +/* Info text styles */ +.info-text { + display: none; + font-size: 0.9rem; + color: #6c757d; + margin-top: 5px; +} + +.info-text.active { + display: block; +} +.container-info-button { + display: flex; +} diff --git a/static/css/preferenceform.css b/static/css/preferenceform.css index ab8e88c..6c42d47 100644 --- a/static/css/preferenceform.css +++ b/static/css/preferenceform.css @@ -92,4 +92,39 @@ select.is-invalid, textarea.is-invalid { border-color: #e3342f; box-shadow: 0 0 5px rgba(227, 52, 47, 0.5); -} \ No newline at end of file +} + +/* Updated Info button styles */ +.info-button { + background-color: #000; + border: none; + color: #fff; + cursor: pointer; + font-size: 1rem; + width: 20px; + height: 20px; + border-radius: 50%; + display: inline-flex; + align-items: center; + justify-content: center; + margin-left: 10px; +} + +.info-button:hover { + background-color: #333; +} + +/* Info text styles */ +.info-text { + display: none; + font-size: 0.9rem; + color: #6c757d; + margin-top: 5px; +} + +.info-text.active { + display: block; +} +.container-info-button { + display: flex; +} diff --git a/user/templates/update_current_skills.html b/user/templates/update_current_skills.html index 0afffd7..920c11b 100644 --- a/user/templates/update_current_skills.html +++ b/user/templates/update_current_skills.html @@ -4,8 +4,16 @@ {% endblock %} {% block content %} -
-

Update Current Skills

+
+

Update Current Skills

+ +
+ + + +
{% csrf_token %}
@@ -17,6 +25,65 @@

Update Current Skills


+ + + +
{% endblock %} \ No newline at end of file diff --git a/user/templates/update_target_skills.html b/user/templates/update_target_skills.html index a505a69..a3e6702 100644 --- a/user/templates/update_target_skills.html +++ b/user/templates/update_target_skills.html @@ -5,7 +5,13 @@ {% endblock %} {% block content %}
-

Update Target Skills

+
+

Update Target Skills

+ +
+
{% csrf_token %}
@@ -17,6 +23,64 @@

Update Target Skills


+ + + {% endblock %} \ No newline at end of file