From 49a9610e63eb353f92de9dbaee7ff84f5d0ea035 Mon Sep 17 00:00:00 2001
From: Bruno Cesar Alves de Freitas Ferreira Mendes <brunocesara@hotmail.com>
Date: Thu, 27 Jul 2023 09:41:12 -0300
Subject: [PATCH] Added Skills

---
 3DeT_VICTORY/3detvictory.css  | 333 ++++++++++++++++++++++++++++++++--
 3DeT_VICTORY/3detvictory.html | 137 +++++++++++---
 2 files changed, 428 insertions(+), 42 deletions(-)

diff --git a/3DeT_VICTORY/3detvictory.css b/3DeT_VICTORY/3detvictory.css
index adb86e3e24..8e0339c9a1 100644
--- a/3DeT_VICTORY/3detvictory.css
+++ b/3DeT_VICTORY/3detvictory.css
@@ -84,12 +84,12 @@ input[type=number] {
     padding: 15px;
 }
 
-.charsheet .sheet-body {
+.charsheet .sheet-body, .charsheet .sheet-pertec {
     display: grid;
     grid-template-columns: 550px 630px;
     grid-column-gap: 20px;
     margin-top: 30px;
-}
+} 
 
 .charsheet .sheet-character {
     width: 250px;
@@ -131,7 +131,7 @@ input[type=number] {
 }
 
 .charsheet .sheet-variate-section {
-    margin-top: 110px;
+    margin-top: 50px;
 }
 
 .charsheet .sheet-padding-atuais{
@@ -140,13 +140,12 @@ input[type=number] {
 
 .charsheet .sheet-section-dvan{
     display: flex;
-    align-items: flex-end;
 }
 
 .charsheet .sheet-column-dvan{
     display: flex;
     flex-direction: column;
-    margin-top:30px;
+    margin-bottom: 30px;
 }
 
 .charsheet .sheet-button-attribute{
@@ -159,25 +158,33 @@ input[type=number] {
 }
 
 
-.charsheet label.sheet-areaLabel{
-    margin:5px;
-}
-
-.charsheet .sheet-areaLabel{
-    font-weight: 400 !important;
-    font-size: 25px;
-}
-
+.charsheet .sheet-titulo label,
 .charsheet .sheet-dkarma label{
     font-size: 25px;
     font-weight: 400 !important;
+    background-color: #fdb22d;
+    color: black !important;
+    padding: 5px;
 }
 
+.charsheet .sheet-dkarma label{
+    background-color: transparent;
+    color: #fdb22d !important;
+}
+
+.charsheet .sheet-titulo input,
 .charsheet .sheet-dkarma input {
     width: 25px;
     height: 25px;
 }
 
+.charsheet .sheet-pericia >.sheet-3colrow >div{
+    display: grid;
+    grid-template-columns: 30% 30% 30%;
+    grid-column-gap: 5%;
+    font-size: 18px;
+}
+
 .sheet-rolltemplate-3det {
     border: 3px solid white;
     background-color: black;
@@ -211,4 +218,302 @@ input[type=number] {
     color: #fdb22d !important;
     font-weight: bolder !important;
     padding: 5px;
+}
+
+
+.repcontainer[data-groupname="repeating_spells"] {
+    width: 100%;
+    padding-bottom: 15px;
+}
+
+.repcontainer[data-groupname="repeating_spells"] .itemcontrol {
+    z-index: 99;
+    font-family: 'Pictos'
+}
+
+
+.repcontainer[data-groupname="repeating_spells"]>.repitem {
+    width: 100%
+}
+
+
+.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell {
+    position: relative;
+    padding-left: 3px;
+    padding-right: 3px;
+    display: grid;
+    margin-bottom: 5px;
+    column-gap: 5px;
+    grid-template-columns: 50px auto 1px 14px;
+    row-gap: 5px;
+    width: 100%
+}
+
+.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell input,
+.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell select {
+    width: 100%;
+    background-color: white;
+    border: 0;
+    font-size: 20px;
+    border-bottom: 2px solid black
+}
+
+.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-buttonspell {
+    background-color: transparent;
+    font-family: 'dicefontd20';
+    color: #0e0e0e;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 20px;
+    border: 0;
+    cursor: pointer
+}
+
+/*.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-buttonspell:hover {
+    color: #242424
+}*/
+
+.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-buttonspell:active {
+    font-size: 18px
+}
+
+.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox {
+    width: 20px;
+    height: 20px;
+    border: 0;
+    padding: 0;
+    margin: 0;
+    position: absolute;
+    top: 2px;
+    right: 2px;
+    opacity: 0;
+    z-index: 2;
+    cursor: pointer
+}
+
+.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~.sheet-extra {
+    display: grid
+}
+
+.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover {
+    color: #fdb22d
+}
+
+.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover {
+    color: #fdb22d
+}
+
+.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell span.sheet-hiddencheckboxcover {
+    position: absolute;
+    font-family: "Pictos";
+    font-size: 20px;
+    top: 2px;
+    color: #fdb22d;
+    right: 2px;
+    width: 20px;
+    height: 22px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 1
+}
+
+.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra {
+    display: none;
+    grid-column: 1/5;
+    width: 94%;
+    padding: 4px;
+    font-size: 12px;
+    border: solid 2px #535353;
+    background-color: #d6d6d6;
+    grid-template-columns: 2fr 5fr 1fr 2fr;
+    column-gap: 4px;
+    row-gap: 4px;
+    color: #535353
+}
+
+.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra span {
+    display: inline-flex;
+    height: 100%;
+    align-items: center
+}
+
+.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra input,
+.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra select {
+    width: 100%;
+    background-color: transparent;
+    font-size: 12px;
+    height: 16px;
+    border: 0;
+    border-bottom: 2px solid #535353
+}
+
+.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-cd {
+    text-align: center;
+    justify-content: center
+}
+
+.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-singleline {
+    grid-column: 2/5
+}
+
+.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-fullline {
+    grid-column: 1/5;
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    width: 98%
+}
+
+.repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra textarea {
+    font-size: 12px;
+    grid-column: 1/5;
+    width: 100%;
+    height: 70px;
+    border: 2px solid #535353;
+    font-size: 20px;
+}
+
+
+
+
+.repcontainer[data-groupname="repeating_vantagens"],
+.repcontainer[data-groupname="repeating_desvantagens"] {
+    min-width: 600px;
+    min-height: 10px;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    align-items: center;
+    padding-bottom: 15px;
+}
+
+.repcontainer[data-groupname="repeating_vantagens"] .itemcontrol,
+.repcontainer[data-groupname="repeating_desvantagens"] .itemcontrol {
+    z-index: 99;
+    font-family: 'Pictos'
+}
+
+.repcontainer[data-groupname="repeating_vantagens"]>.repitem,
+.repcontainer[data-groupname="repeating_desvantagens"]>.repitem {
+    display: inline-block;
+    width: 100%;
+    box-sizing: border-box;
+    padding: 5px;
+    padding-top: 2px;
+    padding-bottom: 2px;
+    border: 0
+}
+
+.repcontainer[data-groupname="repeating_vantagens"] .sheet-container-ability-power,
+.repcontainer[data-groupname="repeating_desvantagens"] .sheet-container-ability-power {
+    position: relative;
+    padding-left: 3px;
+    padding-right: 3px;
+    display: grid;
+    column-gap: 5px;
+    grid-template-columns: 50px auto 20px;
+    row-gap: 5px;
+    width: 100%
+}
+
+.repcontainer[data-groupname="repeating_vantagens"] .sheet-container-ability-power .sheet-buttonshowinfo,
+.repcontainer[data-groupname="repeating_desvantagens"] .sheet-container-ability-power .sheet-buttonshowinfo {
+    background-color: transparent;
+    font-family: 'Pictos';
+    color: #0e0e0e;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 20px;
+    border: 0;
+    cursor: pointer
+}
+
+.repcontainer[data-groupname="repeating_vantagens"] .sheet-container-ability-power .sheet-buttonshowinfo:hover,
+.repcontainer[data-groupname="repeating_desvantagens"] .sheet-container-ability-power .sheet-buttonshowinfo:hover {
+    color: #242424
+}
+
+.repcontainer[data-groupname="repeating_vantagens"] .sheet-container-ability-power .sheet-buttonshowinfo:active,
+.repcontainer[data-groupname="repeating_desvantagens"] .sheet-container-ability-power .sheet-buttonshowinfo:active {
+    font-size: 18px
+}
+
+.repcontainer[data-groupname="repeating_vantagens"] .sheet-container-ability-power input,
+.repcontainer[data-groupname="repeating_desvantagens"] .sheet-container-ability-power input {
+    height: 30px;
+    border: 0;
+    width: 100%;
+    box-sizing: border-box;
+    padding-left: 2px;
+    padding-right: 2px;
+    border-bottom: 2px solid black;
+    font-size: 20px;
+}
+
+.repcontainer[data-groupname="repeating_vantagens"] .sheet-container-ability-power .sheet-hiddencheckbox,
+.repcontainer[data-groupname="repeating_desvantagens"] .sheet-container-ability-power .sheet-hiddencheckbox {
+    width: 20px;
+    height: 20px;
+    border: 0;
+    padding: 0;
+    margin: 0;
+    position: absolute;
+    top: 0;
+    right: 2px;
+    opacity: 0;
+    z-index: 2;
+    cursor: pointer
+}
+
+.repcontainer[data-groupname="repeating_vantagens"] .sheet-container-ability-power .sheet-hiddencheckbox:checked~.sheet-extra,
+.repcontainer[data-groupname="repeating_desvantagens"] .sheet-container-ability-power .sheet-hiddencheckbox:checked~.sheet-extra {
+    display: flex
+}
+
+.repcontainer[data-groupname="repeating_vantagens"] .sheet-container-ability-power .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover,
+.repcontainer[data-groupname="repeating_desvantagens"] .sheet-container-ability-power .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover {
+    color: #fdb22d
+}
+
+.repcontainer[data-groupname="repeating_vantagens"] .sheet-container-ability-power .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover,
+.repcontainer[data-groupname="repeating_desvantagens"] .sheet-container-ability-power .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover {
+    color: #fdb22d
+}
+
+.repcontainer[data-groupname="repeating_vantagens"] .sheet-container-ability-power span.sheet-hiddencheckboxcover,
+.repcontainer[data-groupname="repeating_desvantagens"] .sheet-container-ability-power span.sheet-hiddencheckboxcover {
+    position: absolute;
+    font-family: "Pictos";
+    font-size: 20px;
+    top: 0;
+    color: #fdb22d;
+    right: 2px;
+    width: 20px;
+    height: 22px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 1
+}
+
+.repcontainer[data-groupname="repeating_vantagens"] .sheet-container-ability-power .sheet-extra,
+.repcontainer[data-groupname="repeating_desvantagens"] .sheet-container-ability-power .sheet-extra {
+    display: none;
+    grid-column: 2/4;
+    width: 100%;
+    padding: 4px;
+    border: solid 2px black
+}
+
+.repcontainer[data-groupname="repeating_vantagens"] .sheet-container-ability-power .sheet-extra textarea,
+.repcontainer[data-groupname="repeating_desvantagens"] .sheet-container-ability-power .sheet-extra textarea {
+    width: 100%;
+    height: 100%;
+    min-height: 60px;
+    margin-bottom: 8px;
+    font-size: 20px;
 }
\ No newline at end of file
diff --git a/3DeT_VICTORY/3detvictory.html b/3DeT_VICTORY/3detvictory.html
index 4ff0a28ae1..49caef8f16 100644
--- a/3DeT_VICTORY/3detvictory.html
+++ b/3DeT_VICTORY/3detvictory.html
@@ -10,12 +10,17 @@
             </div>
         </div>
 
-        <div class="sheet-body">
+        <div class="sheet-dkarma">
+            <label>Darma/Karma <input type="checkbox" name="attr_dkarma"></label>
+        </div>
+        <div class="sheet-body">            
             <div class="sheet-main-atributes">        
                 <div name="attributes" class="sheet-section">
                     <div class="sheet-3colrow">
+                        <div class="sheet-titulo">
+                            <label>Atributos</label>
+                        </div>
                         <div name="Atributos" class="sheet-attributes">
-                            <div>&nbsp;</div>
                             <div name="Poder" class="sheet-bold sheet-border">
                                 <button type="action" name="act_rolld6" class="sheet-button-attribute sheet-d6" value='d6-poder'>a</button>
                                 <button type="action" name="act_rolld6" class="sheet-button-attribute sheet-d6" value='2d6-poder'>b</button>
@@ -26,7 +31,6 @@
                                     <input type="number" name="attr_poder" class="sheet-main-attributes" min="0" value="0"/>
                                 </div>
                             </div>
-                            <div>&nbsp;</div>
                             <div name="Habilidade" class="sheet-bold sheet-border">
                                 <button type="action" name="act_rolld6" class="sheet-button-attribute sheet-d6" value='d6-habilidade'>a</button>
                                 <button type="action" name="act_rolld6" class="sheet-button-attribute sheet-d6" value='2d6-habilidade'>b</button>
@@ -37,7 +41,6 @@
                                     <input type="number" name="attr_habilidade" class="sheet-main-attributes" min="0" value="0"/>
                                 </div>
                             </div>
-                            <div>&nbsp;</div>
                             <div name="Resistencia" class="sheet-bold sheet-border">
                                 <button type="action" name="act_rolld6" class="sheet-button-attribute sheet-d6" value='d6-resistencia'>a</button>
                                 <button type="action" name="act_rolld6" class="sheet-button-attribute sheet-d6" value='2d6-resistencia'>b</button>
@@ -56,12 +59,12 @@
                         <div name="VidaMagia" class="sheet-attributes">
                             <div name="vida" class="sheet-bold">
                                 <div class="sheet-variate-attributes">
-                                    <label>Pontos de Vida</label>
-                                    <input type="number" name="attr_vida" class="sheet-main-attributes" value="0"/>
-
+                                    <label>Pontos de Ação</label>
+                                    <input type="number" name="attr_acao" class="sheet-main-attributes" value="0"/>
+                                    
                                     <label class="sheet-padding-atuais">Atuais</label>
-                                    <input type="number" name="attr_vidaatual" class="sheet-main-attributes" value="0"/>    
-                                </div>
+                                    <input type="number" name="attr_acaoatual" class="sheet-main-attributes" value="0"/>                                    
+                                </div>                                
                             </div>
                             <div name="magia" class="sheet-bold">
                                 <div class="sheet-variate-attributes">
@@ -74,12 +77,12 @@
                             </div>
                             <div name="acao" class="sheet-bold">
                                 <div class="sheet-variate-attributes">
-                                    <label>Pontos de Ação</label>
-                                    <input type="number" name="attr_acao" class="sheet-main-attributes" value="0"/>
-                                    
+                                    <label>Pontos de Vida</label>
+                                    <input type="number" name="attr_vida" class="sheet-main-attributes" value="0"/>
+
                                     <label class="sheet-padding-atuais">Atuais</label>
-                                    <input type="number" name="attr_acaoatual" class="sheet-main-attributes" value="0"/>                                    
-                                </div>
+                                    <input type="number" name="attr_vidaatual" class="sheet-main-attributes" value="0"/>    
+                                </div>                                
                             </div>
                         </div>
                     </div>
@@ -87,23 +90,104 @@
             </div>
 
             <div name="characterfeatures" class="sheet-section-dvan">
-                <div class="sheet-3colrow">
-                    <div class="sheet-dkarma">
-                        <label>Darma/Karma <input type="checkbox" name="attr_dkarma"></label>
-                    </div>
+                <div class="sheet-3colrow">                    
                     <div name="Vantagens" class="sheet-column-dvan">
-                        <label class="sheet-areaLabel">Vantagens:</label>
-                        <textarea name="attr_vantagens" class="sheet-textarea-dvan"></textarea>
+                        <div class="sheet-titulo">
+                            <label>Vantagens:</label>
+                        </div>                        
+                        <fieldset class="repeating_vantagens">
+                            <div class="container-ability-power">
+                                <button type="roll" name="roll_ability" class="buttonshowinfo" value="&{template:default}{{name=@{character_name}}}{{Vantagem=@{nameability}}}{{Descrição=@{abilitydescription}}}"></button>
+                                <input name="attr_nameability" type="text" spellcheck="false" value=""/>
+                                <input type="checkbox" class="hiddencheckbox">
+                                <span class="hiddencheckboxcover">W</span>
+                                <div class="extra">
+                                    <textarea name="attr_abilitydescription"></textarea>
+                                </div>
+                            </div>
+                        </fieldset>
+                       
                     </div>
                     <div name="Desvantagens" class="sheet-column-dvan">
-                        <label class="sheet-areaLabel">Desvantagens:</label>
-                        <textarea name="attr_desvantagens" class="sheet-textarea-dvan "></textarea>
-                    </div>
-                    
+                        <div class="sheet-titulo">
+                            <label>Desvantagens:</label>
+                        </div>   
+                        <fieldset class="repeating_desvantagens">
+                            <div class="container-ability-power">
+                                <button type="roll" name="roll_ability" class="buttonshowinfo" value="&{template:default}{{name=@{character_name}}}{{Desvantagem=@{nameability}}}{{Descrição=@{abilitydescription}}}"></button>
+                                <input name="attr_nameability" type="text" spellcheck="false" value=""/>
+                                <input type="checkbox" class="hiddencheckbox">
+                                <span class="hiddencheckboxcover">W</span>
+                                <div class="extra">
+                                    <textarea name="attr_abilitydescription"></textarea>
+                                </div>
+                            </div>
+                        </fieldset>
+                    </div>                    
                 </div>
             </div>
         </div>
 
+        <div class="sheet-pertec">
+            <div class="sheet-pericia">
+                <div class="sheet-titulo">
+                    <label>Perícias</label>
+                </div>
+                <div class="sheet-3colrow">
+                    <div>
+                        <label><input type="checkbox" name="attr_animais">Animais</label>
+                        <label><input type="checkbox" name="attr_arte">Arte</label>
+                        <label><input type="checkbox" name="attr_esporte">Esporte</label>
+                    </div>
+                    <div>
+                        <label><input type="checkbox" name="attr_influencia">Influência</label>
+                        <label><input type="checkbox" name="attr_luta">Luta</label>
+                        <label><input type="checkbox" name="attr_manha">Manha</label>
+                    </div>
+                    <div>
+                        <label><input type="checkbox" name="attr_maquinas">Máquinas</label>
+                        <label><input type="checkbox" name="attr_medicina">Medicina</label>
+                        <label><input type="checkbox" name="attr_mistica">Mística</label>
+                    </div>
+                    <div>
+                        <label><input type="checkbox" name="attr_percepcao">Percepção</label>
+                        <label><input type="checkbox" name="attr_saber">Saber</label>
+                        <label><input type="checkbox" name="attr_sustento">Sustento</label>
+                    </div>               
+                </div>
+            </div>
+            <div class="sheet-tecnica">
+                <div class="sheet-3colrow">  
+                    <div class="sheet-titulo">
+                        <label>Técnicas</label>
+                    </div>
+                    <div>
+                        <fieldset class="repeating_spells">
+                            <div class="container-single-spell">
+                                <button type="roll" name="roll_spell" class="buttonspell" value="&{template:default}{{name=@{character_name}}}{{Nome=@{namespell}}}{{Requisito=@{spellrequisito}}}{{Alcance=@{spellalcance}}}{{Custo=@{spellcusto}}}{{Duração=@{spellduracao}}}{{Descrição=@{spelldescription}}}"></button>
+                                <input name="attr_namespell" type="text" spellcheck="false" value=""/>
+                                <input type="checkbox" class="hiddencheckbox">
+                                <span class="hiddencheckboxcover">W</span>
+                                <div class="extra">                               
+                                    <span>Requisito</span>
+                                    <input  class="singleline" name="attr_spellrequisito" type="text" spellcheck="false" value=""/>
+                                    <span>Alcance</span>
+                                    <input class="singleline" name="attr_spellalcance" type="text" spellcheck="false" value=""/>
+                                    <span>Custo</span>
+                                    <input class="singleline" name="attr_spellcusto" type="text" spellcheck="false" value=""/>
+                                    <span>Duração</span>
+                                    <input class="singleline" name="attr_spellduracao" type="text" spellcheck="false" value=""/>
+                                    
+                                    <span class="fullline">Descrição</span>
+                                    <textarea class="fullline" name="attr_spelldescription"></textarea>
+                                </div>
+                            </div>
+                        </fieldset>
+                    </div>    
+                </div>            
+            </div>
+        </div>
+
     </div>    
 </div>
 
@@ -115,8 +199,6 @@
             </div>
             <div class="roll-rolls">
                 <label>Rolagem: {{roll}}</label>
-                <label>Atributo: {{attribute}}</label>
-                <label>Crítico: {{computed::critical}}</label>
             </div>
             <div class="roll-result">                
                 <label>Resultado: {{computed::resultroll}}</label>
@@ -131,7 +213,7 @@
         let atributo = r.htmlAttributes.value.split('-')[1];
 
         getAttrs(["charactername", atributo], function(v){ 
-            startRoll(`&{template:3det} {{character=${v.charactername}}} {{roll=[[${dado}+${v[atributo]}]]}} {{attribute=[[${v[atributo]}]]}} {{critical=[[0]]}} {{resultroll=[[0]]}}`, diceroll => {
+            startRoll(`&{template:3det} {{character=${v.charactername}}} {{roll=[[${dado}+${v[atributo]}]]}} {{resultroll=[[0]]}}`, diceroll => {
                 console.log({diceroll})
                 const dice = diceroll.results.roll.dice;
                 const rolls = dice.join(' + ');
@@ -145,7 +227,6 @@
                                                 
                 // in finishroll, you can save computed values - the hidden alternate values in your roll's keys.
                 finishRoll(diceroll.rollId,{
-                    critical: critical,
                     resultroll: result
                 });
             });