From 8924b5971d8b87faf63886d63f61a0e692ec237e Mon Sep 17 00:00:00 2001
From: Francisco Vargas Ruiz <4354486+fvarrui@users.noreply.github.com>
Date: Sun, 18 Feb 2024 18:13:58 +0000
Subject: [PATCH] essay template

---
 .actirepo/icons/file-alt-solid.png      | Bin 0 -> 188 bytes
 .actirepo/icons/folder-solid.png        | Bin 0 -> 153 bytes
 .actirepo/icons/list-solid.png          | Bin 0 -> 157 bytes
 .actirepo/icons/path_folder.svg         |   1 +
 .actirepo/templates/essay.template.html | 114 ++++++++++++++++++++++++
 5 files changed, 115 insertions(+)
 create mode 100644 .actirepo/icons/file-alt-solid.png
 create mode 100644 .actirepo/icons/folder-solid.png
 create mode 100644 .actirepo/icons/list-solid.png
 create mode 100644 .actirepo/icons/path_folder.svg
 create mode 100644 .actirepo/templates/essay.template.html

diff --git a/.actirepo/icons/file-alt-solid.png b/.actirepo/icons/file-alt-solid.png
new file mode 100644
index 0000000000000000000000000000000000000000..9b2e8f8932c1d1805fa30035877f54db40ffb6de
GIT binary patch
literal 188
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`jKx9jP7LeL$-D$|$~;{hLoEE0
zQyQ3rWAFYqFte(C_9@j3$X@K@<I}lZFK$n(&Uud}Mg{J5Muvv0iqcN27!`i6Gcqt@
zo4>Q<rCNt`A0rP>PmlPym|ZCzlNfg#YS$1?xXi;9u_)GI6QjZ9i>6BMUsrHTNMuN}
i?GWPK^y5JxBg2m4NrL?kL^l9kz~JfX=d#Wzp$Py`ls#tv

literal 0
HcmV?d00001

diff --git a/.actirepo/icons/folder-solid.png b/.actirepo/icons/folder-solid.png
new file mode 100644
index 0000000000000000000000000000000000000000..ebbd4b3d26598df7a10a03e14ca4a286f4c9168a
GIT binary patch
literal 153
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`jKx9jP7LeL$-D$|f<0XvLoEE0
zQx*sq1g)6gc+tgud1K?mjdI<N;WPjL<+iT;`pUFsn!&6Wul^lh+^|5gh3CNg!~g$F
zYZ^B+HYQ$aNEBk*G1=&04wIKhOX$OJ$Bm2(H!i7643(Pu8fZL&r>mdKI;Vst0E=rl
ABLDyZ

literal 0
HcmV?d00001

diff --git a/.actirepo/icons/list-solid.png b/.actirepo/icons/list-solid.png
new file mode 100644
index 0000000000000000000000000000000000000000..17e3dce19b208b72cf526e765b31da5abb1ceeed
GIT binary patch
literal 157
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`jKx9jP7LeL$-D$|!aZFaLoEE0
zQx*sq%zE*{#Nq6Z`e&!6x&@t0Ho189FaPC|XP;8t1a7;8f9GOmZZ;Eai(T5p$f0jA
zXJ--XGg&2_b`3`BnL-9q9g7=J95_%QYAMU(<Hf?jw8}A-CCTI_&<X}mS3j3^P6<r_
Dgt;=l

literal 0
HcmV?d00001

diff --git a/.actirepo/icons/path_folder.svg b/.actirepo/icons/path_folder.svg
new file mode 100644
index 0000000..f21a607
--- /dev/null
+++ b/.actirepo/icons/path_folder.svg
@@ -0,0 +1 @@
+<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><path d="M1728 608v704q0 92-66 158t-158 66h-1216q-92 0-158-66t-66-158v-960q0-92 66-158t158-66h320q92 0 158 66t66 158v32h672q92 0 158 66t66 158z"/></svg>
\ No newline at end of file
diff --git a/.actirepo/templates/essay.template.html b/.actirepo/templates/essay.template.html
new file mode 100644
index 0000000..8b87882
--- /dev/null
+++ 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>
\ No newline at end of file