essay template

iescanarias · Feb 18, 2024 · 8924b59 · 8924b59
1 parent 7b9f883
commit 8924b59
Show file tree

Hide file tree

Showing 5 changed files with 115 additions and 0 deletions.
diff --git a/.actirepo/icons/file-alt-solid.png b/.actirepo/icons/file-alt-solid.png
diff --git a/.actirepo/icons/folder-solid.png b/.actirepo/icons/folder-solid.png
diff --git a/.actirepo/icons/list-solid.png b/.actirepo/icons/list-solid.png
diff --git a/.actirepo/icons/path_folder.svg b/.actirepo/icons/path_folder.svg
diff --git a/.actirepo/templates/essay.template.html b/.actirepo/templates/essay.template.html
@@ -0,0 +1,114 @@
+<style>
+    @font-face {
+        font-family: 'FontAwesome';
+        src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
+        src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
+        font-weight: normal;
+        font-style: normal;
+    }
+</style>
+<div style="color:rgb(0, 26, 30);background-color:rgb(231, 243, 245);border-color:rgb(184, 220, 226);position:relative;padding:12px 20px;margin-bottom:16px;border:0px solid rgb(184, 220, 226);border-radius:4px;box-sizing:border-box; width: 800px;">
+    <div style="margin-bottom:22.5px;box-sizing:border-box;">
+        <p style="margin:0px 0px 7.5px;margin-top:0px;margin-bottom:7.5px;box-sizing:border-box;">{{ question.statement }}</p>
+    </div>
+    <div style="margin:10.5px 0px 4.5px;box-sizing:border-box;">
+
+        {% if question.editor %}
+        <div style="box-sizing:border-box;">
+            <textarea name="q356550:1_answer" rows="{{ question.response_lines }}" cols="60"
+                style="-webkit-background-clip:padding-box;height: auto;display:block;width: 100%;padding:6px 12px;font-size:15px;font-weight:400;line-height:22.5px;color:rgb(73, 80, 87);background-color:rgb(255, 255, 255);-webkit-background-clip:padding-box;border:1px solid rgb(143, 149, 158);border-radius:4px;transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;overflow: auto;resize:vertical;margin:0px;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';box-sizing:border-box;min-height:45px;white-space:pre-wrap;-webkit-background-clip:padding-box;-webkit-background-clip:padding-box;"></textarea><input
+                type="hidden" name="q356550:1_answerformat" value="2"
+                style="overflow:visible;margin:0px;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';font-size:15px;line-height:22.5px;box-sizing:border-box;" />
+        </div>
+        {% endif %}
+
+        {% if question.file_upload %}
+        <div style="box-sizing:border-box;">
+            <fieldset style="min-width:0px;padding:0px;margin:0px;border:0px none rgb(0, 26, 30);box-sizing:border-box;">
+                <div style="width: 100% !important;box-sizing:border-box;">
+                    <div style="text-align:right;box-sizing:border-box;margin-top:15px;">
+                        <span style="box-sizing:border-box;">
+                            Tamaño máximo de archivo: {{ question.max_size }}, número máximo de archivos: {{ question.max_files }}
+                        </span> 
+                    </div>
+                    <div style="-webkit-background-clip:border-box;border-top-color:rgb(143, 149, 158);border-right-color:rgb(143, 149, 158);border-left-color:rgb(143, 149, 158);border-bottom:0px none rgb(0, 26, 30);border-bottom-left-radius:0px;border-bottom-right-radius:0px;margin-bottom:0px;position:relative;display:flex;flex-direction:column;min-width:0px;overflow-wrap:break-word;background-color:rgb(255, 255, 255);-webkit-background-clip:border-box;border: 1px solid rgba(0, 0, 0, 0.125);border-radius:4px 4px 0px 0px;box-sizing:border-box;-webkit-background-clip:border-box;-webkit-background-clip:border-box;">
+                        <div style="padding:4px;overflow:hidden;box-sizing:border-box;">
+
+                            <div style="float:right;position:relative;display:flex;vertical-align:middle;box-sizing:border-box;">
+                                <a title="Mostrar la carpeta con los iconos de los archivos" href="#" style="user-select:none;border-top-right-radius:0px;border-bottom-right-radius:0px;position:relative;flex: 1 1 auto;padding:4px 8px;font-size:13.125px;line-height:19.6875px;border-radius:3.2px 0px 0px 3.2px;color:rgb(29, 33, 37);background-color:rgb(206, 212, 218);border-color:rgb(206, 212, 218);cursor:pointer;display:block;font-weight:400;text-align:center;vertical-align:middle;border:1px solid rgb(206, 212, 218);transition:color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;text-decoration:none solid rgb(29, 33, 37);box-sizing:border-box;">
+                                    <i aria-hidden="true" style="margin:0px;font-size:16px;width: 16px;height:16px;padding:0px;box-sizing:content-box;text-align:center;display:inline-block;font-style:normal;font-variant:normal;font-kerning: auto;font-optical-sizing: auto;font-feature-settings:normal;font-variation-settings:normal;font-weight:400;font-stretch:100%;line-height:16px;font-family:FontAwesome;text-rendering: auto;-webkit-font-smoothing:antialiased;"></i>
+                                </a> 
+                                <a title="Mostrar la carpeta con el detalle de los archivos" href="#" style="user-select:none;background-color:rgb(177, 187, 196);color:rgb(29, 33, 37);border-color:rgb(170, 180, 191);border-top-left-radius:0px;border-bottom-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;margin-left:-1px;position:relative;flex: 1 1 auto;padding:4px 8px;font-size:13.125px;line-height:19.6875px;border-radius:0px;cursor:pointer;display:block;font-weight:400;text-align:center;vertical-align:middle;border:1px solid rgb(170, 180, 191);transition:color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;text-decoration:none solid rgb(29, 33, 37);box-sizing:border-box;">
+                                    <i aria-hidden="true" style="margin:0px;font-size:16px;width: 16px;height:16px;padding:0px;box-sizing:content-box;text-align:center;display:inline-block;font-style:normal;font-variant:normal;font-kerning: auto;font-optical-sizing: auto;font-feature-settings:normal;font-variation-settings:normal;font-weight:400;font-stretch:100%;line-height:16px;font-family:FontAwesome;text-rendering: auto;-webkit-font-smoothing:antialiased;"></i>
+                                </a> 
+                                <a title="Mostrar la carpeta en forma de árbol de archivos" href="#" style="user-select:none;border-top-left-radius:0px;border-bottom-left-radius:0px;margin-left:-1px;position:relative;flex: 1 1 auto;padding:4px 8px;font-size:13.125px;line-height:19.6875px;border-radius:0px 3.2px 3.2px 0px;color:rgb(29, 33, 37);background-color:rgb(206, 212, 218);border-color:rgb(206, 212, 218);cursor:pointer;display:block;font-weight:400;text-align:center;vertical-align:middle;border:1px solid rgb(206, 212, 218);transition:color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;text-decoration:none solid rgb(29, 33, 37);box-sizing:border-box;">
+                                    <i aria-hidden="true" style="margin:0px;font-size:16px;width: 16px;height:16px;padding:0px;box-sizing:content-box;text-align:center;display:inline-block;font-style:normal;font-variant:normal;font-kerning: auto;font-optical-sizing: auto;font-feature-settings:normal;font-variation-settings:normal;font-weight:400;font-stretch:100%;line-height:16px;font-family:FontAwesome;text-rendering: auto;-webkit-font-smoothing:antialiased;"></i>
+                                </a>
+                            </div>
+                        </div>
+                        <div style="box-sizing:border-box;">
+                            <span style="background:rgba(0, 0, 0, 0) url('{{ question.icons.path_folder }}') no-repeat scroll 0% 3px / 12px 12px padding-box border-box;height:12px;margin-left:12px;box-sizing:border-box;">
+                                <a href="#" style="margin-left:24px;color:rgb(15, 108, 191);text-decoration:none solid rgb(15, 108, 191);background-color:rgba(0, 0, 0, 0);box-sizing:border-box;">
+                                    Archivos
+                                </a>
+                            </span>
+                        </div>
+                    </div>
+                    <div style="display:none;margin-top:100px;text-align:center;box-sizing:border-box;">
+                        <i aria-hidden="true" style="font-size:16px;width: 16px;height:16px;margin:0px 8px 0px 0px;padding:0px;box-sizing:content-box;animation:2s linear 0s infinite normal none running fa-spin;text-align:center;display:inline-block;font-style:normal;font-variant:normal;font-kerning: auto;font-optical-sizing: auto;font-feature-settings:normal;font-variation-settings:normal;font-weight:400;font-stretch:100%;line-height:16px;font-family:FontAwesome;text-rendering: auto;-webkit-font-smoothing:antialiased;"></i>
+                        <span style="position:absolute;width: 1px;height:1px;padding:0px;margin:-1px;overflow:hidden;clip:rect(0px, 0px, 0px, 0px);white-space:nowrap;border:0px none rgb(0, 26, 30);box-sizing:border-box;">Cargando...</span>
+                    </div>
+                    <div
+                        style="-webkit-background-clip:border-box;overflow:hidden;border-top-left-radius:0px;border-top-right-radius:0px;min-height:140px;border:1px solid rgb(143, 149, 158);border-radius:0px 0px 4px 4px;position:relative;display:flex;flex-direction:column;min-width:0px;overflow-wrap:break-word;background-color:rgb(255, 255, 255);-webkit-background-clip:border-box;box-sizing:border-box;-webkit-background-clip:border-box;-webkit-background-clip:border-box;">
+                        <div style="box-sizing:border-box;">
+                            <div
+                                style="overflow: auto;max-height:472px;min-height:157px;display:none;box-sizing:border-box;">
+                            </div>
+                            <div
+                                style="display:block;position:absolute;inset:10px;border:2px dashed rgb(187, 187, 187);padding-top:85px;text-align:center;box-sizing:border-box;">
+                                <div style="display:inline;box-sizing:border-box;">Puede arrastrar y soltar archivos
+                                    aquí para añadirlos<br style="box-sizing:border-box;" />
+                                    <div
+                                        style="width: 100%;height:80px;position:absolute;top:5px;color:rgb(143, 149, 158);display:flex;box-sizing:border-box;">
+                                        <i
+                                            style="margin: auto !important;box-sizing:border-box;font-size:45px;display:block;font-style:normal;font-variant:normal;font-kerning: auto;font-optical-sizing: auto;font-feature-settings:normal;font-variation-settings:normal;font-weight:400;font-stretch:100%;line-height:45px;font-family:FontAwesome;text-rendering: auto;-webkit-font-smoothing:antialiased;"></i>
+                                    </div>
+                                </div>
+                            </div>
+                            <div
+                                style="display:none;background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;position:absolute;inset:10px;border:2px dashed rgb(251, 121, 121);padding-top:85px;text-align:center;box-sizing:border-box;">
+                                Suelte los archivos a subir aquí<br style="box-sizing:border-box;" />
+                                <div
+                                    style="width: 100%;height:80px;position:absolute;top:5px;color:rgb(143, 149, 158);display:flex;box-sizing:border-box;">
+                                    <i
+                                        style="margin: auto !important;box-sizing:border-box;font-size:45px;display:block;font-style:normal;font-variant:normal;font-kerning: auto;font-optical-sizing: auto;font-feature-settings:normal;font-variation-settings:normal;font-weight:400;font-stretch:100%;line-height:45px;font-family:FontAwesome;text-rendering: auto;-webkit-font-smoothing:antialiased;"></i>
+                                </div>
+                            </div>
+                            <div style="padding:10px;display:none;box-sizing:border-box;"></div>
+                            <div style="display:none;text-align:center;box-sizing:border-box;"><i aria-hidden="true"
+                                    style="font-size:16px;width: 16px;height:16px;margin:0px 8px 0px 0px;padding:0px;box-sizing:content-box;animation:2s linear 0s infinite normal none running fa-spin;text-align:center;display:inline-block;font-style:normal;font-variant:normal;font-kerning: auto;font-optical-sizing: auto;font-feature-settings:normal;font-variation-settings:normal;font-weight:400;font-stretch:100%;line-height:16px;font-family:FontAwesome;text-rendering: auto;-webkit-font-smoothing:antialiased;"></i><span
+                                    style="position:absolute;width: 1px;height:1px;padding:0px;margin:-1px;overflow:hidden;clip:rect(0px, 0px, 0px, 0px);white-space:nowrap;border:0px none rgb(0, 26, 30);box-sizing:border-box;">Cargando...</span>
+                            </div>
+                        </div>
+                        <div style="display:none;text-align:center;box-sizing:border-box;"><i aria-hidden="true"
+                                style="font-size:16px;width: 16px;height:16px;margin:0px 8px 0px 0px;padding:0px;box-sizing:content-box;animation:2s linear 0s infinite normal none running fa-spin;text-align:center;display:inline-block;font-style:normal;font-variant:normal;font-kerning: auto;font-optical-sizing: auto;font-feature-settings:normal;font-variation-settings:normal;font-weight:400;font-stretch:100%;line-height:16px;font-family:FontAwesome;text-rendering: auto;-webkit-font-smoothing:antialiased;"></i><span
+                                style="position:absolute;width: 1px;height:1px;padding:0px;margin:-1px;overflow:hidden;clip:rect(0px, 0px, 0px, 0px);white-space:nowrap;border:0px none rgb(0, 26, 30);box-sizing:border-box;">Cargando...</span>
+                        </div>
+                    </div>
+                </div>
+
+                <p style="margin-top:8px;margin-bottom:7.5px;box-sizing:border-box;">Tipos de archivo aceptados</p>
+                <div style="width: 100% !important;box-sizing:border-box;">
+                    <ul style="padding-left:0px;list-style:outside none none;margin-top:0px;margin-bottom:16px;box-sizing:border-box;">
+                        <li style="box-sizing:border-box;">
+                            <small style="color:rgb(52, 58, 64);font-size:13.125px;font-weight:400;box-sizing:border-box;">.odt</small>
+                        </li>
+                    </ul>
+                </div>
+
+            </fieldset>
+        </div>
+        {% endif %}
+
+    </div>
+</div>