From 97fa30bc275f71d6e59be9936e188a301241adbf Mon Sep 17 00:00:00 2001 From: Jan Dickmann Date: Wed, 26 Jun 2024 12:48:25 +0200 Subject: [PATCH] some better css for the dialog popup --- slaeforms/app.py | 6 ++-- slaeforms/static/styles.css | 45 ++++++++++++++++++++++++++++++ slaeforms/templates/popuptest.html | 11 ++++++-- 3 files changed, 56 insertions(+), 6 deletions(-) diff --git a/slaeforms/app.py b/slaeforms/app.py index d8fae62..e92ecf1 100644 --- a/slaeforms/app.py +++ b/slaeforms/app.py @@ -77,7 +77,7 @@ db_tables = {} # contains all dynamically created tables, key = table/classname #TODO insert code to create all tables def create_json_tables(): - print(config) + #print(config) for block_key, block_content in config.items(): if "database_table" in block_content: if not (block_content["database_table"]["table_name"] in db_tables): @@ -89,7 +89,7 @@ def create_json_tables(): def create_model_class(schema): class_name = schema["table_name"].capitalize() - print("creating table class: {class_name}".format(class_name=class_name)) + #print("creating table class: {class_name}".format(class_name=class_name)) # Define class attributes dynamically attributes = {"__tablename__": schema["table_name"]} @@ -111,7 +111,7 @@ def create_model_class(schema): attributes[column_name] = Column(column_name,column_type, nullable=column_info["nullable"]) - print("attributes of the table: ",attributes) + #print("attributes of the table: ",attributes) # Create the model class return type(class_name, (db.Model,), attributes) diff --git a/slaeforms/static/styles.css b/slaeforms/static/styles.css index 0b3ab28..48d4d10 100644 --- a/slaeforms/static/styles.css +++ b/slaeforms/static/styles.css @@ -18,6 +18,51 @@ dialog { width: 66%; } +dialog .iframe-container{ + border-top: 1px solid #ccc; + margin-top: 20px; +} + +.dialogCloseBtn { + margin-bottom: 10px; + margin-left: auto; + display: block; +} + +.dialogCloseBtn img{ + padding: 8px; + width: 50px; +} + +.dialog-content { + width: 300px; + height: 200px; + display: flex; + align-items: center; + justify-content: center; +} + +.dialogTextContainer { + font-size: 25px; +} + +.close-btn { + position: absolute; + top: -20px; + right: -20px; + width: 30px; + height: 30px; + background-color: #f44336; + color: white; + border: none; + border-radius: 50%; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + font-size: 18px; +} + .container { diff --git a/slaeforms/templates/popuptest.html b/slaeforms/templates/popuptest.html index 342aa14..b61ba98 100644 --- a/slaeforms/templates/popuptest.html +++ b/slaeforms/templates/popuptest.html @@ -9,20 +9,24 @@

Hello! Thank you for participating in our study!

+ - + +
+

Here is the text with the content of the explanation video. Here participants can read the full text that is beeing shown in the video above in sign language. From Feedback with a deaf sign language expert, we concluded that giving the whole text as additional resource would be a good idea, since this would help if a participants looses track of the vide, can not understand the DGS dialect, or just wants to read, because maybe that is what they prefer. This is especially relevant is the participant can not see very well.

-
+
+
@@ -57,6 +61,7 @@ closeButton.addEventListener("click", () => { dialog.close(); }); + \ No newline at end of file