Skip to content
Snippets Groups Projects
Commit e9a319ee authored by Fabien  MAREUIL's avatar Fabien MAREUIL
Browse files

faq update page and type

parent 13f5e05a
No related branches found
No related tags found
No related merge requests found
Pipeline #125012 passed
...@@ -76,7 +76,7 @@ class ViewOnSiteModelAdmin(admin.ModelAdmin): ...@@ -76,7 +76,7 @@ class ViewOnSiteModelAdmin(admin.ModelAdmin):
@admin.register(Faq) @admin.register(Faq)
class FaqAdmin(admin.ModelAdmin): class FaqAdmin(admin.ModelAdmin):
list_display = ("question", "answer") list_display = ("question", "answer", "type")
@admin.register(PDB) @admin.register(PDB)
......
# Generated by Django 4.2.10 on 2024-02-29 16:10
from django.db import migrations, models
class Migration(migrations.Migration):
dependencies = [
('ippidb', '0076_faq'),
]
operations = [
migrations.AddField(
model_name='faq',
name='type',
field=models.CharField(choices=[('compounds', 'compounds'), ('pie', 'pie')], default='pie', max_length=10, verbose_name='type'),
),
]
...@@ -2290,5 +2290,10 @@ class Contributor(User): ...@@ -2290,5 +2290,10 @@ class Contributor(User):
class Faq(models.Model): class Faq(models.Model):
TYPES = (
("compounds", "compounds"),
("pie", "pie"),
)
question = models.TextField("Question") question = models.TextField("Question")
answer = models.TextField("Answer") answer = models.TextField("Answer")
type = models.CharField("type", max_length=10, choices=TYPES, default=TYPES[1][0])
...@@ -7,31 +7,69 @@ ...@@ -7,31 +7,69 @@
<div class="inner-wrap"> <div class="inner-wrap">
<div class="container-fluid p-5"> <div class="container-fluid p-5">
<h1 class="page-title"> FAQ </h1>
<div class="row m-2">
<div class="col-sm-6">
<h2 class="text-center">COMPOUNDS</h2>
</div>
<div class="col-sm-6">
<h2 class="text-center">PROTEIN INTERACTION EXPLORER</h2>
</div>
</div>
<div class="row m-2">
<div class="col-6">
<div id="accordion_compounds">
{% for faq in faq_list %}
{% if faq.type == 'compounds' %}
<div class="card">
<div class="card-header" id="heading{{ faq.id }}">
<h5 class="mb-0">
<button style="white-space: normal;" class="btn btn-link collapsed"
data-toggle="collapse" data-target="#collapse{{ faq.id }}" aria-expanded="false"
aria-controls="collapse{{ faq.id }}">
{{ faq.question }}
</button>
</h5>
</div>
<div id="accordion"> <div id="collapse{{ faq.id }}" class="collapse" aria-labelledby="heading{{ faq.id }}"
{% for faq in faq_list %} data-parent="#accordion_compounds">
<div class="card"> <div class="card-body">
<div class="card-header" id="heading{{ faq.id }}"> {{ faq.answer }}
<h5 class="mb-0"> </div>
<button class="btn btn-link collapsed" data-toggle="collapse" </div>
data-target="#collapse{{ faq.id }}" aria-expanded="false" </div>
aria-controls="collapse{{ faq.id }}"> {% endif %}
{{ faq.question }} {% endfor %}
</button>
</h5>
</div> </div>
</div>
<div class="col-6">
<div id="accordion_pie">
{% for faq in faq_list %}
{% if faq.type == 'pie' %}
<div class="card">
<div class="card-header" id="heading{{ faq.id }}">
<h5 class="mb-0">
<button style="white-space: normal;" class="btn btn-link collapsed"
data-toggle="collapse" data-target="#collapse{{ faq.id }}" aria-expanded="false"
aria-controls="collapse{{ faq.id }}">
{{ faq.question }}
</button>
</h5>
</div>
<div id="collapse{{ faq.id }}" class="collapse" aria-labelledby="heading{{ faq.id }}" <div id="collapse{{ faq.id }}" class="collapse" aria-labelledby="heading{{ faq.id }}"
data-parent="#accordion"> data-parent="#accordion_pie">
<div class="card-body"> <div class="card-body">
{{ faq.answer }} {{ faq.answer }}
</div>
</div>
</div> </div>
{% endif %}
{% endfor %}
</div> </div>
</div> </div>
{% endfor %}
</div> </div>
</div> </div>
</div> </div>
<script> <script>
......
...@@ -12,15 +12,15 @@ ...@@ -12,15 +12,15 @@
<main role="main"> <main role="main">
<h1 class="page-title"> TUTORIALS </h1> <h1 class="page-title"> TUTORIALS </h1>
<div class="row m-2"> <div class="row m-2">
<div class="col-sm-6"> <div class="col-6">
<h2 class="text-center">COMPOUNDS</h2> <h2 class="text-center">COMPOUNDS</h2>
</div> </div>
<div class="col-sm-6"> <div class="col-6">
<h2 class="text-center">POCKETS</h2> <h2 class="text-center">PROTEIN INTERACTION EXPLORER</h2>
</div> </div>
</div> </div>
<div class="row m-2"> <div class="row m-2">
<div class="col-sm-6"> <div class="col-6">
<div class="card" style="max-width: 100%;"> <div class="card" style="max-width: 100%;">
<div class="card-header"> <div class="card-header">
<h5 class="card-title text-center">Tutorial for Query mode</h5> <h5 class="card-title text-center">Tutorial for Query mode</h5>
...@@ -38,12 +38,12 @@ ...@@ -38,12 +38,12 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-sm-6"> <div class="col-6">
</div> </div>
</div> </div>
<div class="row m-2"> <div class="row m-2">
<div class="col-sm-6"> <div class="col-6">
<div class="card" style="max-width: 100%;"> <div class="card" style="max-width: 100%;">
<div class="card-header"> <div class="card-header">
<h5 class="card-title text-center">Tutorial for Contribution mode</h5> <h5 class="card-title text-center">Tutorial for Contribution mode</h5>
...@@ -60,7 +60,7 @@ ...@@ -60,7 +60,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-sm-6"> <div class="col-6">
</div> </div>
</div> </div>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment