PokeXGames

Widget:BoostCalcForm: mudanças entre as edições

Widget Discussão

Widget:BoostCalcForm (ver código-fonte)

Edição das 11h33min de 16 de agosto de 2023

296 bytes adicionados ,  16 de agosto de 2023
sem sumário de edição
Sem resumo de edição
Sem resumo de edição
 
(10 revisões intermediárias por 2 usuários não estão sendo mostradas)
Linha 6: Linha 6:
.mw-parser-output {
.mw-parser-output {
display: inline-block;
display: inline-block;
    padding: .5rem 2rem;
     margin: 0 auto;
     margin: 0 auto;
     border: 30px solid transparent;
     border: 30px solid transparent;
     border-image: url(http://51.161.108.38/images/3/37/Calculadora-de-Boost.png) 38;
     border-image: url(https://wiki.pokexgames.com/images/3/37/Calculadora-de-Boost.png) 38;
}
}
</style>
</style>
Linha 37: Linha 38:
         <div class="checkbox-group">
         <div class="checkbox-group">
             <input placeholder=" " type="checkbox" name="specialBoost" id="specialBoostCheckbox">
             <input placeholder=" " type="checkbox" name="specialBoost" id="specialBoostCheckbox">
             <label for="specialBoostCheckbox">Você irá usar metal, crystal ou ancient stone ?</label>
             <label for="specialBoostCheckbox">Marque se você irá usar metal, crystal ou ancient stone!</label>
         </div>
         </div>


Linha 48: Linha 49:
              
              
             <div>
             <div>
                 <img src="http://51.161.108.38/images/a/a0/Seta-Calculadora.png" alt="Seta">
                 <img src="https://wiki.pokexgames.com/images/a/a0/Seta-Calculadora.png" alt="Seta">
             </div>
             </div>


Linha 59: Linha 60:


         <div class="input-group">
         <div class="input-group">
             <input placeholder=" " name="stonePrice" id="stonePrice" class="boostCalc__input" type="number">
             <input placeholder=" " name="stonePrice" id="stonePrice" step="0.01" class="boostCalc__input" type="number">
             <label class="boostCalc__label" for="stonePrice">Digite o preço da stone (Ex: 8)</label>
             <label class="boostCalc__label" for="stonePrice">Digite o preço da stone (Ex: 8)</label>
         </div>
         </div>


         <div class="input-group">
         <div class="input-group">
             <input placeholder=" " name="boostStonePrice" id="boostStonePrice" class="boostCalc__input" type="number">
             <input placeholder=" " name="boostStonePrice" id="boostStonePrice" step="0.01" class="boostCalc__input" type="number">
             <label class="boostCalc__label" for="boostStonePrice">Digite o preço da Boost stone (Ex: 180)</label>
             <label class="boostCalc__label" for="boostStonePrice">Digite o preço da Boost stone (Ex: 180)</label>
         </div>
         </div>
Linha 70: Linha 71:
<div class="d-flex justify-center align-center flex-column">
<div class="d-flex justify-center align-center flex-column">
<button type="submit" class="hover-minimize" style="background:none;border:none;margin-top:1.5rem;cursor:pointer;">
<button type="submit" class="hover-minimize" style="background:none;border:none;margin-top:1.5rem;cursor:pointer;">
<img style="border-radius:12px;" src="http://51.161.108.38/images/d/d3/Banner_calculadora.png" alt="Imagem botão calcular boost" />
<img style="border-radius:12px;" src="https://wiki.pokexgames.com/images/d/d3/Banner_calculadora.png" alt="Imagem botão calcular boost" />
</button>
</button>
<a href="javascript:void(0);" data-target="clearForm" class="mt-1"> Limpar campos </a>
<a href="javascript:void(0);" data-target="clearForm" class="mt-1"> Limpar campos </a>
Linha 117: Linha 118:
         responseBoost.push(
         responseBoost.push(
             {
             {
                 price: formatNumber((usedNormalStones * stonePrice) + (usedBoostStones * boostStonePrice)),
                 price: (usedNormalStones * stonePrice) + (usedBoostStones * boostStonePrice),
                 normal_stones: usedNormalStones,
                 normal_stones: usedNormalStones,
                 boost_stones: usedBoostStones,
                 boost_stones: usedBoostStones,
Linha 161: Linha 162:
                     responseBoost.push(
                     responseBoost.push(
                         {
                         {
                             price: formatNumber((usedNormalStones * stonePrice) + (usedBoostStones * boostStonePrice)),
                             price: (usedNormalStones * stonePrice) + (usedBoostStones * boostStonePrice),
                             normal_stones: usedNormalStones,
                             normal_stones: usedNormalStones,
                             boost_stones: usedBoostStones,
                             boost_stones: usedBoostStones,
Linha 181: Linha 182:
                 responseBoost.push(
                 responseBoost.push(
                     {
                     {
                         price: formatNumber((usedNormalStones * stonePrice) + (usedBoostStones * boostStonePrice)),
                         price: (usedNormalStones * stonePrice) + (usedBoostStones * boostStonePrice),
                         normal_stones: usedNormalStones,
                         normal_stones: usedNormalStones,
                         boost_stones: usedBoostStones,
                         boost_stones: usedBoostStones,
Linha 217: Linha 218:
                       Pedras comuns: <span class=""> ${result[result.length - 1].normal_stones} </span>
                       Pedras comuns: <span class=""> ${result[result.length - 1].normal_stones} </span>
                       Pedras de boost: <span class=""> ${result[result.length - 1].boost_stones} </span>
                       Pedras de boost: <span class=""> ${result[result.length - 1].boost_stones} </span>
                       Custo total: <span class=""> ${result[result.length - 1].price} K </span>
                       Custo total: <span class=""> ${result[result.length - 1].price >= 1000 ? `${formatNumber(result[result.length - 1].price / 1000)} KK` : `${formatNumber(result[result.length - 1].price)} K`}</span>
                     `;
                     `;
                 } else {
                 } else {
Linha 224: Linha 225:
                       Pedras comuns: <span class=""> ${result[result.length - 1].normal_stones} </span>
                       Pedras comuns: <span class=""> ${result[result.length - 1].normal_stones} </span>
                       Pedras de boost: <span class=""> ${result[result.length - 1].boost_stones} </span>
                       Pedras de boost: <span class=""> ${result[result.length - 1].boost_stones} </span>
                       Custo total: <span class=""> ${result[result.length - 1].price} K </span>
                       Custo total: <span class=""> ${result[result.length - 1].price >= 1000 ? `${formatNumber(result[result.length - 1].price / 1000)} KK` : `${formatNumber(result[result.length - 1].price / 1000)} K`}</span>
                     `;
                     `;
                 }
                 }
               console.log("Relação de boost a boost:");
               // console.log("Relação de boost a boost:");
               console.log(result);
               // console.log(result);
               document.querySelector("[data-target='boostCalc-resultContainer']").classList.remove("d-none");
               document.querySelector("[data-target='boostCalc-resultContainer']").classList.remove("d-none");
             });
             });
         });         
         });         
</script>
</script>
Disponível em “https://wiki.pokexgames.com/index.php/Especial:MobileDiff/62098...67897”