TitleButton
Title buttons are individual elements or modules that make up the profile. These can include various functionalities or data points that contribute to the profile’s overall purpose.
See also
TitleButton Database Table Structure
The TitleButton model represents interactive buttons that allow users to perform specific actions related to records within the profile. These actions can include creating, downloading or accessing other functionalities.
The PostgreSQL table TitleButton consists of the following fields:
-
-
id(Integer): -
The primary key and unique identifier for each title button
-
-
-
name(String): -
The internal name of the title button used to identify the title button. It is often used in the code to refer to the button
-
-
-
template(String): -
The HTML template string used to render the button. It includes various HTML attributes such as style, title, CSS classes and icon elements
-
-
-
additional_attr(String): -
Any additional attributes required for the button. It is often used to store URLs or other necessary data for the button’s functionality
-
Hint
Click the 
button below to view the contents
Referencing Created TitleButton in Project
Note
-
Ensure that a Django app is created to manage the
TitleButtonDjango model and render the buttons in the template.Refer to the Creation of Component section which explains how to create a Django app for a component
-
Ensure that static files like CSS and JS files are correctly configured in the Django project
settings.pyfile# settings.py STATIC_URL = '/static/' STATICFILES_DIRS = [BASE_DIR / 'static']
Hint
Click the button below to view the contents
See also
COPO Project Application Structure section which explains the structure of a Django project.
# myapp/views.py
from django.shortcuts import render
from django.views import View
from .models import TitleButton
class TitleButtonView(View):
def get(self, request):
my_models = TitleButton.objects.all()
return render(request, 'myapp/myapp.html', {'title_button_def': my_models})
# myapp/urls.py
from django.urls import path
from .views import TitleButtonView
urlpatterns = [
path('title-buttons/', TitleButtonView.as_view(), name='title_buttons'),
]
In the template HTML file (
myapp.html), reference each element from the TitleButton table.
Handle any JavaScript functionality needed for the buttons in the JS file (
myapp.js)
Visualisation of TitleButton in Project
Work Profiles web page: Visual representation of ‘new component’ title button
new_component_template button is labelled
Add new profile record. It is the
button
indicated by the blue arrow in the image above.
Samples web page: Visual representation of ‘quick tour’, ‘new samples spreadsheet’, ‘download blank manifest’, ‘download SOP’ and ‘accept/reject’ title buttons
quick_tour_template button is labelled
Quick tour. It is the
button indicated by
the orange arrow in the image above.-
new_samples_spreadsheet_template button is labelled
Add Sample(s) from Spreadsheet. It is the
button indicated by the green arrow.The colour of this button may differ based on the profile type. For example, it can be
for
ASG profile, 
for
ERGA profile or 
for Genomics profile. download_blank_manifest_template button is labelled
Download Blank Manifest Template. It is the
button indicated by the brown arrow.download_sop: button is labelled
Download Standard Operating Procedure (SOP). It is the
button indicated by the yellow arrow.accept_reject_samples button is labelled
Accept/Reject TOL Samples. It is the
button indicated by the teal arrow.