<![CDATA[
// ==UserScript==
// @name Multitool Gatinho
// @namespace Multitool Gatinho
// @version 0.0.4
// @author JoeMan
// @description Multitool for the game Grepolis
// @match http://*.grepolis.com/*
// @match https://*.grepolis.com/*
// @match https://code.jquery.com/jquery-3.6.4.min.js
// @match https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js
// @match https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js
// @exclude https://*.forum.grepolis.com/*
// @exclude https://wiki.*.grepolis.com/*
// @icon https://i.imgur.com/qYhrH44.gif
// @license GPL-3.0
// @grant GM_addStyle
// @grant GM_download
// ==/UserScript==
var version = '0.0.1';
// @grant GM_addStyle
GM_addStyle ( `
#btnRefresh {
background-color: #2c3684;
cursor: pointer;
border: none;
border-radius: 3px;
width: auto;
position: relative;
margin: 0 1px;
line-height: 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #fc6;
text-align: center;
font-weight: 700;
padding: 0 10px;
font-size: 10px;
}
#diciplinas {
margin-bottom: 3px;
}
#inputfile {
background-color: #141338;
cursor: pointer;
border: none;
border-radius: 3px;
width: auto;
position: relative;
margin: 0 1px;
margin-top: 0px;
line-height: 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #fc6;
text-align: center;
font-weight: 700;
padding: 0 10px;
font-size: 10px;
}
#adicionar-btn, #show-btn, #hide-btn {
background-color: #132338;
cursor: pointer;
border: none;
border-radius: 3px;
width: auto;
position: relative;
margin: 0 1px;
line-height: 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #fc6;
text-align: center;
font-weight: 700;
padding: 0 10px;
font-size: 12px;
}
.bloco-de-nota {
margin-bottom: 20px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
.titulo-input {
margin-bottom: 1px;
width: 20%;
display: block !important;;
}
.format-btn {
border: none;
border-radius: 3px;
width: auto;
position: relative;
margin: 0 1px;
line-height: 18px;
color: #fc6;
text-align: center;
font-weight: 700;
padding: 0 5px;
font-size: 10px;
background-color: #132338;
}
.format-btn:hover {
background-image: linear-gradient( 0deg, hsl(220, 1.6%, 63.7%) 0%, hsl(214deg 15% 25%) 20%, hsl(214deg 28% 13%) 40%, hsl(214deg 28% 13%) 60%, hsl(214deg 15% 25%) 80%, hsl(240, 0.7%, 70%) 100% );
}
#adicionar-btn:hover {
background-image: linear-gradient( 0deg, hsl(220, 1.6%, 63.7%) 0%, hsl(214deg 15% 25%) 20%, hsl(214deg 28% 13%) 40%, hsl(214deg 28% 13%) 60%, hsl(214deg 15% 25%) 80%, hsl(240, 0.7%, 70%) 100% );
}
#show-btn:hover {
background-image: linear-gradient( 0deg, hsl(220, 1.6%, 63.7%) 0%, hsl(214deg 15% 25%) 20%, hsl(214deg 28% 13%) 40%, hsl(214deg 28% 13%) 60%, hsl(214deg 15% 25%) 80%, hsl(240, 0.7%, 70%) 100% );
}
#hide-btn:hover, #inputfile:hover {
background-image: linear-gradient( 0deg, hsl(220, 1.6%, 63.7%) 0%, hsl(214deg 15% 25%) 20%, hsl(214deg 28% 13%) 40%, hsl(214deg 28% 13%) 60%, hsl(214deg 15% 25%) 80%, hsl(240, 0.7%, 70%) 100% );
}
.deletar-btn, #clear, .reset-btn, #resetBtgi {
background-color: #842c2c;
cursor: pointer;
border: none;
border-radius: 3px;
width: auto;
position: relative;
margin: 0 1px;
line-height: 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #fc6;
text-align: center;
font-weight: 700;
padding: 0 10px;
font-size: 10px;
}
.salvar-btn, .save-file, #activerbouton {
background-color: #0e6f24;
cursor: pointer;
border: none;
border-radius: 3px;
width: auto;
position: relative;
margin: 0 1px;
line-height: 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #fc6;
text-align: center;
font-weight: 700;
padding: 0 10px;
font-size: 10px;
margin-top: 2px;
}
#btnRefresh:hover {
background-image: linear-gradient(0deg,hsl(0deg 0% 80%) 0%,hsl(245deg 20% 69%) 8%,hsl(241deg 28% 58%) 17%,hsl(233deg 42% 45%) 25%,hsl(233deg 44% 41%) 33%,hsl(233deg 47% 38%) 42%,hsl(233deg 50% 35%) 50%,hsl(233deg 47% 38%) 58%,hsl(233deg 44% 41%) 67%,hsl(233deg 42% 45%) 75%,hsl(241deg 28% 58%) 83%,hsl(245deg 20% 69%) 92%,hsl(0deg 0% 80%) 100%);
}
.salvar-btn:hover, .save-file:hover {
background-image: linear-gradient(0deg,hsl(120deg 2% 80%) 0%,hsl(131deg 14% 49%) 20%,hsl(131deg 42% 32%) 40%,hsl(131deg 42% 32%) 60%,hsl(131deg 14% 49%) 80%,hsl(120deg 2% 80%) 100%);
}
.deletar-btn:hover, #clear:hover, #resetBtgi:hover {
background-image: linear-gradient(0deg,hsl(0deg 0% 81%) 0%,hsl(1deg 15% 50%) 20%,hsl(1deg 37% 38%) 40%,hsl(1deg 37% 38%) 60%,hsl(1deg 15% 50%) 80%,hsl(0deg 0% 81%) 100%);
}
#AC1, #AC2, #AC3, #AC4, #AC5, #AC6, #AC7 {
box-sizing: border-box;
-webkit-box-sizing: border-box;
background: transparent url(https://gppt.innogamescdn.com/images/game/border/even.png) repeat scroll 0 0;
}
body {
background: #eee;
font-family: Arial;
}
#AB {
margin: 20px auto;
overflow-y: scroll;
scrollbar-color: #2c5284 #2c528478;
scrollbar-width: thin;
background-image: url(https://gppt.innogamescdn.com/images/game/border/odd.png);
}
.tab {
width: auto;
height: 450px;
}
.tab input[type] {
display: none;
}
/*envolve todo o nosso conteúdo*/
.tab label {
display: block;
float: left;
padding: 12px 20px;
margin-right: 5px;
cursor: pointer;
transition: background-color .3s;
}
.tab label:hover,
.tab input:checked + label {
background: #2c5284;
color: #fff;
}
#tib1, #tib2, #tib3, #tib4 {
background: #0000000d;
}
.tabs {
clear: both;
perspective: 400px;
-webkit-perspective: 400px;
}
.tabs .content {
background: #fff;
width: 100%;
position: absolute;
border: 2px solid #2c5284;
padding: 10px 30px 40px;
line-height: 1.4em;
opacity: 0;
transform: rotateX(-20deg);
transform-origin: top center;
transition: opacity .3s, transform 1s;
z-index: 0;
}
#tab1:checked ~ .tabs .content:nth-of-type(1),
#tab2:checked ~ .tabs .content:nth-of-type(2),
#tab3:checked ~ .tabs .content:nth-of-type(3),
#tab4:checked ~ .tabs .content:nth-of-type(4),
#tab5:checked ~ .tabs .content:nth-of-type(5),
#tab6:checked ~ .tabs .content:nth-of-type(6),
#tab7:checked ~ .tabs .content:nth-of-type(7) {
transform: rotateX(0);
opacity: 1;
z-index: 1;
}
#AA1, #AA1, #AA2, #AA3, #AA4, #AA5, #AA6, #AA7, #AA8, #AA9, #AA10, #AA11, #AA12, #BA1, #BA2, #BA3, #BA4, #BA5, #BA6, #BA7, #BA8, #BA9, #BA10, #BA11, #BA12 {
color: #e41528;
text-align: center;
}
#pointsperc, #pointsperc1, #pointsperc2, #pointsperc3, #pointsperc4, #pointCavaleiros2, #pointHop, #pointBigas, #pointArq, #pointCavaleiros, #pointHop2, #pointBigas2 {
color: #e41528;
text-align: center;
}
#nbr1, #nbr2, #nbr3, #nbr4 {
color: #e41528;
}
.hour, .minute, .second, #totalTimeHHMMSS {
color: #2f578c;
}
#calc-output {
color: #5fae5f;
}
#totalTimeHHMMSS, .hour, .minute, .second {
background: url(https://gppt.innogamescdn.com/images/game/barracks/input.png) no-repeat;
border: 0;
height: 17px;
padding: 3px;
}
.titre{
font-size: 25px;
font-style: italic;
font-family: sans-serif;
color: #0C620C;
}
#case{
height: 37px;
width: 200px;
border: 2px solid #2D882D;
border-radius: 10px;
}
.numbir{
height: 50px;
width: 50px;
font-size: 25px;
color: white;
border: 2px solid #2D882D;
border-radius: 10px;
background-color: #5FAE5F;
}
.numbir:hover {
background-color: #0C620C;
}
.operator{
height: 50px;
width: 50px;
font-size: 25px;
color: white;
border: 2px solid #5FAE5F;
border-radius: 10px;
background-color: #9FD29F;
}
.operator:hover{
background-color: #0C620C;
}
#pointsgiven, #pointsBigas, #pointsArqueiros, #pointsCavaleiros, #pointsHoplitas {
color: #fff6e3;
}
` );
var uw = unsafeWindow || window, $ = uw.jQuery || jQuery, DATA, GM;
GM = (typeof GM_info === 'object');
console.log('%c-Grepotemas-Grepolympia- Ready', 'color: green; font-size: 1em; font-weight: bolder; ');
var dbf_tooltip = "GrepotemasGrepolympia";
$('.gods_area').append('<div class="btn_settings circle_button dbf_btn" style="top: 90px; right: 3px; z-index: 10;"><div class="dbf_icon js-caption" style="margin: 1px 0px 0px -3px; width: 120px; height: 120px; background: url(https://i.imgur.com/qYhrH44.gif) no-repeat 0px 0px; background-size: 33%"></div></div>');
$('.dbf_btn').tooltip(dbf_tooltip);
$('.dbf_btn').on('mousedown', function () {
$('.dbf_icon').addClass('click');
});
$('.dbf_btn').on('mouseup', function () {
$('.dbf_icon').removeClass('click');
});
$('.dbf_btn').click(editDBF);
$('body').append('<div><div id="dbfwndw" class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable js-window-main-container dbfwndw" tabindex="-1" style="position: absolute; outline: 0px; z-index: 1101; height: auto; width: 800px; top: 96px; left: 124px; display: none;" role="dialog" aria-labelledby="ui-id-6"><div id="drag" class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span id="ui-id-6" class="ui-dialog-title">Gatinho: Ferramentas Grepolis</span><a href="#" class="ui-dialog-titlebar-close ui-corner-all" role="button"><span class="ui-icon ui-icon-closethick" style="margin-left: 31%; width: 50px; height: 20px; border: 1px solid; display: inline-block; position: absolute; background: url(https://gppt.innogamescdn.com/images/game/autogenerated/windows/buttons/buttons_a55d708.png) no-repeat 0 -92px;" ></span></a></div>' +
'<div class="gpwindow_frame ui-dialog-content ui-widget-content" style="display: block; width: auto; min-height: 0px; height: 600px;" scrolltop="0" scrollleft="0"><div class="gpwindow_left"></div><div class="gpwindow_right"></div><div class="gpwindow_bottom"><div class="gpwindow_left corner"></div><div class="gpwindow_right corner"></div></div><div class="gpwindow_top"><div class="gpwindow_left corner"></div><div class="gpwindow_right corner"></div></div><div id="gpwnd_1005" style="overflow-x: auto;" class="gpwindow_content"><div class="game_border"><div class="game_border_top"></div><div class="game_border_bottom"></div><div class="game_border_left"></div><div class="game_border_right"></div><div class="game_border_corner corner1"></div><div class="game_border_corner corner2"></div><div class="game_border_corner corner3"></div><div class="game_border_corner corner4"></div><div class="game_header bold" style="height:18px;"><div style="float:left; padding-right:10px;">Multitool Gatinho</div></div>'+
'<div id="AB" class="tab">'+
'<input type="radio" name="tabs" id="tab1" checked>'+
'<label for="tab1">Grepolympia.H</label>'+
'<input type="radio" name="tabs" id="tab2">'+
' <label for="tab2">Grepolympia</label>'+
'<input type="radio" name="tabs" id="tab3">'+
'<label for="tab3">Pandora</label>'+
'<input type="radio" name="tabs" id="tab4">'+
'<label for="tab4">Calcular NC</label>'+
'<input type="radio" name="tabs" id="tab5">'+
'<label for="tab5">Cal.Horas</label>'+
'<input type="radio" name="tabs" id="tab6">'+
'<label for="tab6">Notas</label>'+
'<input type="radio" name="tabs" id="tab7">'+
'<label for="tab7">Calculadora</label>'+
'<div class="tabs">'+
'<div id="AC1" class="content">'+
'<h1 style="color: #2c5284;">Grepolympia de inverno</h1><center><img style="width: 38%;"src="https://wiki.pt.grepolis.com/images/6/62/Winter_grepolympia_wiki_logo.png"></center><div id="numbers"></div>'+
'<center>'+
'<input size="32" id="TotalUnit" style="color: #406691; font-weight: 700; width: 230px;" value="Distribution of points" disabled/><input size="2" class="skillPoints" id="skillPoints" style="color: #406691; font-weight: 700; width: 24px; text-align: center;" value="0" /><input size="2" id="Pop1" style="display: none;" value="" disabled/><br>'+
'<p id="diciplinas" style="color: #406691; font-weight: 700; width: 230px;"> Bobsledge </p><input size="32" id="Speed" value="Balance" disabled/><input style="display: none;" size="2" id="pointsgiven1" value="76%" disabled/><input size="2" id="AA1" disabled/><br/><input size="32" id="Force" value="Control" disabled/><input style="display: none;" size="2" id="pointsgiven2" value="12%" disabled/><input size="2" id="AA2" disabled/><br/><input size="32" id="Resistance" value="Speed" disabled/><input style="display: none;" size="2" id="pointsgiven3" value="12%" disabled/><input size="2" id="AA3" disabled/><br>'+
'<p id="diciplinas" style="color: #406691; font-weight: 700; width: 230px;"> Biathlon </p><input size="32" id="Resistance" value="Resistance" disabled/><input style="display: none;" size="2" id="pointsgiven4" value="10%" disabled/><input size="2" id="AA4" disabled/><br/><input size="32" id="Speed" value="Speed" disabled/><input style="display: none;" size="2" id="pointsgiven5" value="80%" disabled/><input size="2" id="AA5" disabled/><br/><input size="32" id="Precision" value="Precision" disabled/><input style="display: none;" size="2" id="pointsgiven6" value="10%" disabled/><input size="2" id="AA6" disabled/><br>' +
'<p id="diciplinas" style="color: #406691; font-weight: 700; width: 230px;"> Figure Skating </p><input size="32" id="Technique" value="Technique" disabled/><input style="display: none;" size="2" id="pointsgiven7" value="12%" disabled/><input size="2" id="AA7" disabled/><br/><input size="32" id="Performance" value="Performance" disabled/><input style="display: none;" size="2" id="pointsgiven8" value="9%" disabled/><input size="2" id="AA8" disabled/><br/><input size="32" id="Balance" value="Balance" disabled/><input style="display: none;" size="2" id="pointsgiven9" value="79%" disabled/><input size="2" id="AA9" disabled/><br>'+
'<p id="diciplinas" style="color: #406691; font-weight: 700; width: 230px;"> Ski Jumping </p><input size="32" id="Speed" value="Speed" disabled/><input style="display: none;" size="2" id="pointsgiven10" value="72%" disabled/><input size="2" id="AA10" disabled/><br/><input size="32" id="Focus" value="Focus" disabled/><input style="display: none;" size="2" id="pointsgiven11" value="5%" disabled/><input size="2" id="AA11" disabled/><br/><input size="32" id="Technique" value="Technique" disabled/><input style="display: none;" size="2" id="pointsgiven12" value="23%" disabled/><input size="2" id="AA12" disabled/><br/>'+
'<div class="form-group mt-2">'+
'<a id="resetBtgh" class="button" href="#">'+
'<span class="left"><span class="right"><span class="middle">Reset</span></span></span>'+
'<span style="clear:both;"></span>'+
'</a>'+
'</div>'+
'</center>'+
' </div>'+
'<div id="AC2" class="content">'+
'<h1 style="color: #2c5284;">Grepolympia</h1><center><img style="width: 38%;"src="https://wiki.pt.grepolis.com/images/9/98/Grepolympia.png"></center>'+
'<center>'+
'<input size="32" id="TotalUnit" style="color: #406691; font-weight: 700; width: 230px;" value="Distribution of points" disabled/><input size="2" class="skillPointsh" id="skillPointsh" style="color: #406691; font-weight: 700; width: 24px; text-align: center;" value="0" /><input size="2" id="Pop1" style="display: none;" value="" disabled/><br>'+
'<p id="diciplinas" style="color: #406691; font-weight: 700; width: 230px;"> Bobsledge </p><input size="32" id="Speed" value="Balance" disabled/><input style="display: none;" size="2" id="pointsgiven11" value="76%" disabled/><input size="2" id="BA1" disabled/><br/><input size="32" id="Force" value="Control" disabled/><input style="display: none;" size="2" id="pointsgiven21" value="12%" disabled/><input size="2" id="BA2" disabled/><br/><input size="32" id="Resistance" value="Speed" disabled/><input style="display: none;" size="2" id="pointsgiven31" value="12%" disabled/><input size="2" id="BA3" disabled/><br>'+
'<p id="diciplinas" style="color: #406691; font-weight: 700; width: 230px;"> Biathlon </p><input size="32" id="Resistance" value="Resistance" disabled/><input style="display: none;" size="2" id="pointsgiven41" value="10%" disabled/><input size="2" id="BA4" disabled/><br/><input size="32" id="Speed" value="Speed" disabled/><input style="display: none;" size="2" id="pointsgiven51" value="80%" disabled/><input size="2" id="BA5" disabled/><br/><input size="32" id="Precision" value="Precision" disabled/><input style="display: none;" size="2" id="pointsgiven61" value="10%" disabled/><input size="2" id="BA6" disabled/><br>' +
'<p id="diciplinas" style="color: #406691; font-weight: 700; width: 230px;"> Figure Skating </p><input size="32" id="Technique" value="Technique" disabled/><input style="display: none;" size="2" id="pointsgiven71" value="12%" disabled/><input size="2" id="BA7" disabled/><br/><input size="32" id="Performance" value="Performance" disabled/><input style="display: none;" size="2" id="pointsgiven81" value="9%" disabled/><input size="2" id="BA8" disabled/><br/><input size="32" id="Balance" value="Balance" disabled/><input style="display: none;" size="2" id="pointsgiven91" value="79%" disabled/><input size="2" id="BA9" disabled/><br>'+
'<p id="diciplinas" style="color: #406691; font-weight: 700; width: 230px;"> Ski Jumping </p><input size="32" id="Speed" value="Speed" disabled/><input style="display: none;" size="2" id="pointsgiven101" value="72%" disabled/><input size="2" id="BA10" disabled/><br/><input size="32" id="Focus" value="Focus" disabled/><input style="display: none;" size="2" id="pointsgiven111" value="5%" disabled/><input size="2" id="BA11" disabled/><br/><input size="32" id="Technique" value="Technique" disabled/><input style="display: none;" size="2" id="pointsgiven121" value="23%" disabled/><input size="2" id="BA12" disabled/><br>'+
'<div class="form-group mt-2">'+
'<a id="resetBtg" class="button" href="#">'+
'<span class="left"><span class="right"><span class="middle">Reset</span></span></span>'+
'<span style="clear:both;"></span>'+
'</a>'+
'</div>'+
'</center>'+
' </div>'+
' <div id="AC3" class="content">'+
' <h1 style="color: #2c5284;">Caixa de Pandora</h1><center><img style="width: 38%;"src="https://wiki.pt.grepolis.com/images/1/11/Pandoras_Box_logo.png?20171028210109"></center>'+
'<center id="imf">'+
'<input size="12" id="TotalUnit" value="Total Unidades" disabled="">'+
'<input size="2" style="text-align: center;" id="pointspossible">'+
'<input size="12" id="nul" value="" disabled="">'+
'<input size="2" id="Pop1" value="Pop" disabled="">'+
'<input size="2" id="nul1" value="" disabled="">'+
'<input size="12" id="nul2" value="" disabled="">'+
'<input size="2" id="Pop2" value="Pop" disabled="">'+
'<br>'+
'<input size="12" id="Keres" value="Keres" disabled="">'+
'<input size="2" id="pointsgiven" value="50%" disabled="">'+
'<input size="12" id="Fondibulario" value="Fondibulario" disabled="">'+
'<input size="2" id="pointsperc" disabled="">'+
'<input size="2" id="pointsHoplitas" value="50%" disabled="">'+
'<input size="12" id="Hoplitas" value="Hoplitas" disabled="">'+
'<input size="2" id="pointHop" disabled="">'+
'<br>'+
'<input size="12" id="Thrasus" value="Thrasus" disabled="">'+
'<input size="2" id="pointsgiven" value="50%" disabled="">'+
'<input size="12" id="Fondibulario" value="Fondibulario" disabled="">'+
'<input size="2" id="pointsperc1" disabled="">'+
'<input size="2" id="pointsBigas" value="50%" disabled="">'+
'<input size="12" id="Bigas" value="Bigas" disabled="">'+
'<input size="2" id="pointBigas" disabled="">'+
'<br>'+
'<input size="12" id="Ascálafo" value="Ascálafo" disabled="">'+
'<input size="2" id="pointsgiven" value="50%" disabled="">'+
'<input size="12" id="Espadachim" value="Espadachim" disabled="">'+
'<input size="2" id="pointsperc2" disabled="">'+
'<input size="2" id="pointsArqueiros" value="50%" disabled="">'+
'<input size="12" id="Arqueiros" value="Arqueiros" disabled="">'+
'<input size="2" id="pointArq" disabled="">'+
'<br>'+
'<input size="12" id="Kakodaimones" value="Kakodaimones" disabled="">'+
'<input size="2" id="pointsgiven" value="50%" disabled="">'+
'<input size="12" id="Fondibulario" value="Fondibulario" disabled="">'+
'<input size="2" id="pointsperc3" disabled="">'+
'<input size="2" id="pointsCavaleiros" value="50%" disabled="">'+
'<input size="12" id="Cavaleiros" value="Cavaleiros" disabled="">'+
'<input size="2" id="pointCavaleiros" disabled="">'+
'<br>'+
'<input size="12" id="Taraxippoi" value="Taraxippoi" disabled="">'+
'<input size="2" id="pointsgiven" value="50%" disabled="">'+
'<input size="12" id="Arqueiros" value="Arqueiros" disabled="">'+
'<input size="2" id="pointsperc4" disabled="">'+
'<input size="2" id="pointsHoplitas" value="50%" disabled="">'+
'<input size="12" id="Hoplitas" value="Hoplitas" disabled="">'+
'<input size="2" id="pointHop2" disabled="">'+
'<br>'+
'<input size="12" id="Proseous" value="Proseous" disabled="">'+
'<input size="2" id="pointsgiven" value="50%" disabled="">'+
'<input size="12" id="Cavaleiros" value="Cavaleiros" disabled="">'+
'<input size="2" id="pointCavaleiros2" disabled="">'+
'<input size="2" id="pointsBigas" value="50%" disabled="">'+
'<input size="12" id="Bigas" value="Bigas" disabled="">'+
'<input size="2" id="pointBigas2" disabled="">'+
'<br><br>'+
'<div class="form-group mt-2">'+
'<a id="resetBtp" class="button" href="#">'+
'<span class="left"><span class="right"><span class="middle">Reset</span></span></span>'+
'<span style="clear:both;"></span>'+
'</a>'+
'</div>'+
'</center>'+
'</div>'+
'<div id="AC4" class="content">'+
'<h2 style="color: #2c5284;">Cálcular a quantidade maxima de navios de escolta.</h2><img src="https://wiki.pt.grepolis.com/images/4/48/P4.png" style="width: 5%;" alt="Hydras" id="hidra" class="Hydras">'+
'<center>'+
'<h4>Protege o ceu NC contra o feitiço => ( tempestade no mar )</h4>'+
'<h4>A Tempestade no mar destroi entre 10-30% dos navios alvo.</h4>'+
'<h3>Calculadora anti-tempestade</h3>'+
'<p>O valor calculado de todos os navios nao deve passar acima dos <font color="#910000">(170)</font></p>'+
'<table>'+
'<thead>'+
'<tr>'+
'<th>Navio</th>'+
'<th>Valor</th>'+
'</tr>'+
'</thead>'+
'<tfoot>'+
'<tr>'+
'<td><button style="width: 40px; height: 38px;font-size: 8px; background: #e8f5e2;" onclick="somme()">Calcular</button></td>'+
'<td><input id="sum" name="Trirremes" style="width: 32px; height: 32px; text-align: center; color: rgb(0, 128, 0); font-weight: bold;"/></td>'+
'</tr>'+
'</tfoot>'+
'<tfoot>'+
'<tr>'+
'<td><img class="Colonizador" src="https://grmh.pl/i.php?v=sg" alt="Colonizador"/></td>'+
'<td><input id="nbr5" name="Colon" style="width: 40px; height: 37px; text-align:center; background: #e9e9ed; display: block;margin-top: -3px;" type="submit" value="1"/></td>'+
'</tr>'+
'</tfoot>'+
'<tfoot>'+
'<tr>'+
'<td><img class="Hydras" src="https://grmh.pl/i.php?v=gd" alt="Hydras"/></td>'+
'<td><input id="nbr1" name="Hydras" style="width: 32px; height: 32px; text-align:center;margin-top: -5px;"/></td>'+
'</tr>'+
'</tfoot>'+
'<tfoot>'+
'<tr>'+
'<td><img class="Farois" src="https://grmh.pl/i.php?v=sc" alt="Farois"/></td>'+
'<td><input id="nbr2" name="Farois" style="width: 32px; height: 32px; text-align:center;margin-top: -5px;"/></td>'+
'</tr>'+
'</tfoot>'+
'<tfoot>'+
'<tr>'+
'<td><img class="Birremes" src="https://grmh.pl/i.php?v=sb" alt="Birremes"/></td>'+
'<td><input id="nbr3" name="Birremes" style="width: 32px; height: 32px; text-align:center;margin-top: -5px;"/></td>'+
'</tr>'+
'</tfoot>'+
'<tfoot>'+
'<tr>'+
'<td><img class="Trirremes" src="https://grmh.pl/i.php?v=sf" alt="Trirremes"/></td>'+
'<td><input id="nbr4" name="Trirremes" style="width: 32px; height: 32px; text-align:center;margin-top: -5px;"/></td>'+
'</tr>'+
'</tfoot>'+
'</table>'+
'<div><h4 id="Tposi" style="display: inline-block; margin-left: 50px;" type="text" value="Mickey"></h4> '+
'<img id="Posidon" style="width: 5%;" class="Hydras" src="https://wiki.pt.grepolis.com/images/4/48/P4.png" alt="Hydras"/>'+
'</div>'+
'<div class="form-group mt-2">'+
'<a id="resetBtc" class="button" href="#">'+
'<span class="left"><span class="right"><span class="middle">Reset</span></span></span>'+
'<span style="clear:both;"></span>'+
'</a>'+
'</div>'+
'</center>'+
' </div>'+
'<div id="AC5" class="content">'+
'<h1 style="color: #2c5284;">Calculadora de horas</h1><center><img style="width: 38%;"src="https://wiki.fr.grepolis.com/images/4/41/OlympusWikiBanner.png"></center>'+
'<svg style="width: 85px;transform: rotate(20deg); right: 450px; position: absolute; top: 80px; z-index: -5;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" viewBox="0 0 422.32 422.32" xml:space="preserve" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g id="_x34_2._Calculator_1_"> <g id="XMLID_90_"> <g> <g> <path style="fill:#FF7124;" d="M385.68,121.69v275.63c0,8.28-6.72,15-15,15H269.33v-0.93V266.98V122.57v-0.88H385.68z"></path> </g> <g> <path style="fill:#8ECAC1;" d="M385.68,25v96.69H269.33H152.99H36.64V25c0-8.28,6.72-15,15-15h319.04 C378.96,10,385.68,16.72,385.68,25z"></path> </g> <g> <path style="fill:#E6B263;" d="M269.33,411.39v0.93H152.99v-0.93V266.98H268.6h0.73V411.39z M238.83,358.82 c0-4.71-3.82-8.53-8.53-8.53c-4.71,0-8.53,3.82-8.53,8.53c0,4.71,3.82,8.53,8.53,8.53 C235.01,367.35,238.83,363.53,238.83,358.82z M200.54,320.53c0-4.71-3.81-8.53-8.53-8.53c-4.71,0-8.52,3.82-8.52,8.53 c0,4.71,3.81,8.53,8.52,8.53C196.73,329.06,200.54,325.24,200.54,320.53z"></path> </g> <g> <polygon style="fill:#F2D59F;" points="269.33,122.57 269.33,266.98 268.6,266.98 152.99,266.98 152.99,122.57 152.99,121.69 269.33,121.69 "></polygon> </g> <g> <circle style="fill:#5E2A41;" cx="230.3" cy="358.82" r="8.53"></circle> </g> <g> <path style="fill:#5E2A41;" d="M192.01,312c4.72,0,8.53,3.82,8.53,8.53c0,4.71-3.81,8.53-8.53,8.53c-4.71,0-8.52-3.82-8.52-8.53 C183.49,315.82,187.3,312,192.01,312z"></path> </g> <g> <path style="fill:#F2D59F;" d="M152.99,411.39v0.93H51.64c-8.28,0-15-6.72-15-15V266.98h0.73h115.62V411.39z"></path> </g> <g> <polygon style="fill:#E6B263;" points="152.99,122.57 152.99,266.98 37.37,266.98 36.64,266.98 36.64,121.69 152.99,121.69 "></polygon> </g> </g> <g> <g> <path style="fill:#5E2A41;" d="M370.68,422.32H51.64c-13.785,0-25-11.215-25-25V25c0-13.785,11.215-25,25-25h319.04 c13.785,0,25,11.215,25,25v372.32C395.68,411.105,384.465,422.32,370.68,422.32z M51.64,20c-2.757,0-5,2.243-5,5v372.32 c0,2.757,2.243,5,5,5h319.04c2.757,0,5-2.243,5-5V25c0-2.757-2.243-5-5-5H51.64z"></path> </g> <g> <path style="fill:#5E2A41;" d="M385.68,131.69H36.64c-5.523,0-10-4.477-10-10c0-5.523,4.477-10,10-10h349.04 c5.523,0,10,4.477,10,10C395.68,127.213,391.203,131.69,385.68,131.69z"></path> </g> <g> <path style="fill:#5E2A41;" d="M269.33,421.39c-5.523,0-10-4.477-10-10V122.57c0-5.523,4.477-10,10-10c5.523,0,10,4.477,10,10 v288.82C279.33,416.913,274.853,421.39,269.33,421.39z"></path> </g> <g> <path style="fill:#5E2A41;" d="M268.6,276.98H37.37c-5.523,0-10-4.477-10-10c0-5.523,4.477-10,10-10H268.6 c5.523,0,10,4.477,10,10C278.6,272.503,274.123,276.98,268.6,276.98z"></path> </g> <g> <path style="fill:#5E2A41;" d="M119.54,204.34H70.09c-5.523,0-10-4.477-10-10c0-5.523,4.477-10,10-10h49.45 c5.523,0,10,4.477,10,10C129.54,199.863,125.063,204.34,119.54,204.34z"></path> </g> <g> <path style="fill:#5E2A41;" d="M94.82,229.06c-5.523,0-10-4.477-10-10v-49.45c0-5.523,4.477-10,10-10c5.523,0,10,4.477,10,10 v49.45C104.82,224.583,100.343,229.06,94.82,229.06z"></path> </g> <g> <path style="fill:#5E2A41;" d="M236.38,204.34h-50.44c-5.523,0-10-4.477-10-10c0-5.523,4.477-10,10-10h50.44 c5.523,0,10,4.477,10,10C246.38,199.863,241.903,204.34,236.38,204.34z"></path> </g> <g> <path style="fill:#5E2A41;" d="M113.96,368.82c-2.56,0-5.118-0.976-7.071-2.929l-38.289-38.29 c-3.905-3.905-3.906-10.237-0.001-14.142c3.905-3.905,10.237-3.906,14.142,0l38.29,38.29c3.905,3.905,3.905,10.237,0,14.142 C119.078,367.843,116.519,368.82,113.96,368.82z"></path> </g> <g> <path style="fill:#5E2A41;" d="M75.67,368.82c-2.56,0-5.12-0.977-7.073-2.931c-3.904-3.906-3.903-10.238,0.003-14.142 l38.287-38.287c3.903-3.907,10.235-3.908,14.142-0.003c3.906,3.904,3.908,10.236,0.004,14.142l-38.294,38.293 C80.786,367.844,78.228,368.82,75.67,368.82z"></path> </g> <g> <path style="fill:#5E2A41;" d="M192.01,368.82c-2.559,0-5.119-0.976-7.071-2.929c-3.905-3.905-3.905-10.237,0-14.142 l38.29-38.29c3.905-3.905,10.237-3.905,14.143,0c3.905,3.905,3.905,10.237,0,14.143l-38.29,38.29 C197.129,367.844,194.569,368.82,192.01,368.82z"></path> </g> <g> <path style="fill:#5E2A41;" d="M352.77,259.55h-51.11c-5.523,0-10-4.477-10-10c0-5.523,4.477-10,10-10h51.11 c5.523,0,10,4.477,10,10C362.77,255.073,358.293,259.55,352.77,259.55z"></path> </g> <g> <path style="fill:#5E2A41;" d="M352.77,294.46h-51.11c-5.523,0-10-4.477-10-10c0-5.523,4.477-10,10-10h51.11 c5.523,0,10,4.477,10,10C362.77,289.983,358.293,294.46,352.77,294.46z"></path> </g> <g> <path style="fill:#5E2A41;" d="M152.99,421.39c-5.523,0-10-4.477-10-10V122.57c0-5.523,4.477-10,10-10c5.523,0,10,4.477,10,10 v288.82C162.99,416.913,158.513,421.39,152.99,421.39z"></path> </g> </g> </g> </g> </g></svg>'+
'<br/>'+
'<div><h4>Esta calculadora permite efetuar a soma entre dois horários.</h4></div>'+
'<br/>'+
'<table id="timeTable" class="table table-bordered">'+
'<tbody>'+
'<tr>'+
'<td><strong>horas</strong></td>'+
'<td><strong>minutos</strong></td>'+
'<td><strong>segundos</strong></td>'+
'<td style="border:0"> </td>'+
'</tr>'+
'<tr>'+
'<td><input style="width: 55px;text-align: center;" min="0" max="23" placeholder="HH" class="hour" maxlength="2"></td>'+
'<td><input style="width: 55px;text-align: center;" min="0" max="59" placeholder="MM" class="minute" maxlength="2"></td>'+
'<td><input style="width: 55px;text-align: center;" min="0" max="59" placeholder="SS" class="second" maxlength="2"></td>'+
'</tr>'+
'<tr>'+
'<td><input style="width: 55px;text-align: center;" min="0" max="23" placeholder="HH" class="hour" maxlength="2"></td>'+
'<td><input style="width: 55px;text-align: center;" min="0" max="59" placeholder="MM" class="minute" maxlength="2"></td>'+
'<td><input style="width: 55px;text-align: center;" min="0" max="59" placeholder="SS" class="second" maxlength="2"></td>'+
'</tr>'+
'</tbody>'+
'</table>'+
'<table id="timeTable2" class="table table-bordered">'+
'<tbody><tr><td><input id="totalTimeHHMMSS" style="font-size: 10px; font-weight: bold;" placeholder="Resultado" class="Total"></td></tr>'+
'</tbody>'+
'</table>'+
'<div class="form-group mt-2">'+
'<a id="calcularSomaBtn" class="button" href="#" onclick="calcularSoma();">'+
'<span class="left"><span class="right"><span class="middle">Calcular horas</span></span></span>'+
'<span style="clear:both;"></span>'+
'</a>'+
'</div>'+
'<div class="form-group mt-2">'+
'<a id="copiarBtn" class="button" href="#">'+
'<span class="left"><span class="right"><span class="middle">Copiar horas</span></span></span>'+
'<span style="clear:both;"></span>'+
'</a>'+
'</div>'+
'<div class="form-group mt-2">'+
'<a id="resetBtn" class="button" href="#">'+
'<span class="left"><span class="right"><span class="middle">Reset</span></span></span>'+
'<span style="clear:both;"></span>'+
'</a>'+
'</div>'+
'</div>'+
'<div id="AC6" class="content">'+
'<h1 style="color: #2c5284;">Bloco de nota</h1><center><img style="width: 38%;"src="https://wiki.fr.grepolis.com/images/4/41/OlympusWikiBanner.png"></center>'+
'<img src="https://cdn.icon-icons.com/icons2/74/PNG/256/bloc_notes_14535.png" style="width: 15%;transform: rotate(-20deg); right: 460px; position: absolute; top: 60px; z-index: -1;" alt="notas" id="notas" class="notas">'+
'<h3 style="color: #2c5284; text-shadow: #2c528445 1px 1px 0;">1- Criar una nova anotação, pode ser salva no formato (.txt) em (Downloads) local.</h3>'+
'<button id="adicionar-btn">Adicionar Bloco de Nota</button>'+
'<br><br>'+
'<div class="containers">'+
'</div>'+
'<h3 style="color: #2c5284; text-shadow: #2c528445 1px 1px 0;">2- Modificar uma anotação (.txt*) salva em (Downloads) local.</h3>'+
'<button id="show-btn">Mostrar bloco de nota</button><button id="hide-btn">Ocultar bloco de nota</button>'+
'<br>'+
'<div style="display: none" class="hideshow">'+
'<br>'+
'<div id="Important" style="background: #ccf3ff85;"><svg style="width: 20px;" viewBox="0 0 200 200" data-name="Layer 1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><defs><style>.cls-1{fill:#ffffff;}.cls-2{fill:#ffc861;}.cls-3{fill:#2f4360;}.cls-4{fill:none;stroke:#2f4360;stroke-linecap:round;stroke-linejoin:round;stroke-width:6px;}</style></defs><title></title><path class="cls-1" d="M180.77,164a11.28,11.28,0,0,1-10.82,8H30a11.33,11.33,0,0,1-9.81-17l70-121.16a11.32,11.32,0,0,1,19.62,0l70,121.16A11.15,11.15,0,0,1,180.77,164Z"></path><path class="cls-2" d="M180.77,164H36.07c-8.72,0-5.17-9.44-.81-17l68.3-118.3a11.2,11.2,0,0,1,6.25,5.1l70,121.16A11.15,11.15,0,0,1,180.77,164Z"></path><path class="cls-3" d="M101.69,139.57q-2.92-.07-5.84,0A4.72,4.72,0,0,1,91,135.15l-3.7-58.79a4.74,4.74,0,0,1,4.55-5q6.9-.25,13.81,0a4.74,4.74,0,0,1,4.55,5l-3.7,58.79A4.72,4.72,0,0,1,101.69,139.57Z"></path><path class="cls-3" d="M105.62,149.69a6.88,6.88,0,0,1-13.69,0c-0.27-3.54,2.8-6.66,6.84-6.66S105.88,146.15,105.62,149.69Z"></path><path class="cls-4" d="M20.23,154.92l70-121.16a11.33,11.33,0,0,1,19.63,0l70,121.16a11.33,11.33,0,0,1-9.81,17H30A11.33,11.33,0,0,1,20.23,154.92Z"></path></g></svg><span style="color: #842c2c; font-weight: 700; font-size: 16px; position: absolute; margin-top: 3px;">Importante</span><br>Enfrentam um problema para carregar um arquivo em uma pasta Local?<br>É imperativo salvar seu trabalho antes de seguir a próxima etapa.<br>Para solucionar o problema clique no botao (Refresh page).</div>'+
'<br>'+
'<input style="display: block; margin-top: 2px;"class="select-zone" type="file" name="inputfile" id="inputfile">'+
'<textarea cols="99" rows="10" id="output"></textarea>'+
'<button class="save-file">Salvar</button>'+
'<button value="Clear" id="clear">Redefinir texto</button>'+
'<button value="Clear" id="resetBtgi">Redefinir nome do arquivo</button>'+
'<button id="btnRefresh" type="button">Atualizar a página</button>'+
'</div>'+
' </div>'+
'<div id="AC7" class="content">'+
'<h1 style="color: #2c5284;">Calculadora</h1>'+
'<svg style="width: 85px;transform: rotate(20deg); right: 500px; position: absolute; top: 60px; z-index: -5;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" viewBox="0 0 422.32 422.32" xml:space="preserve" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g id="_x34_2._Calculator_1_"> <g id="XMLID_90_"> <g> <g> <path style="fill:#FF7124;" d="M385.68,121.69v275.63c0,8.28-6.72,15-15,15H269.33v-0.93V266.98V122.57v-0.88H385.68z"></path> </g> <g> <path style="fill:#8ECAC1;" d="M385.68,25v96.69H269.33H152.99H36.64V25c0-8.28,6.72-15,15-15h319.04 C378.96,10,385.68,16.72,385.68,25z"></path> </g> <g> <path style="fill:#E6B263;" d="M269.33,411.39v0.93H152.99v-0.93V266.98H268.6h0.73V411.39z M238.83,358.82 c0-4.71-3.82-8.53-8.53-8.53c-4.71,0-8.53,3.82-8.53,8.53c0,4.71,3.82,8.53,8.53,8.53 C235.01,367.35,238.83,363.53,238.83,358.82z M200.54,320.53c0-4.71-3.81-8.53-8.53-8.53c-4.71,0-8.52,3.82-8.52,8.53 c0,4.71,3.81,8.53,8.52,8.53C196.73,329.06,200.54,325.24,200.54,320.53z"></path> </g> <g> <polygon style="fill:#F2D59F;" points="269.33,122.57 269.33,266.98 268.6,266.98 152.99,266.98 152.99,122.57 152.99,121.69 269.33,121.69 "></polygon> </g> <g> <circle style="fill:#5E2A41;" cx="230.3" cy="358.82" r="8.53"></circle> </g> <g> <path style="fill:#5E2A41;" d="M192.01,312c4.72,0,8.53,3.82,8.53,8.53c0,4.71-3.81,8.53-8.53,8.53c-4.71,0-8.52-3.82-8.52-8.53 C183.49,315.82,187.3,312,192.01,312z"></path> </g> <g> <path style="fill:#F2D59F;" d="M152.99,411.39v0.93H51.64c-8.28,0-15-6.72-15-15V266.98h0.73h115.62V411.39z"></path> </g> <g> <polygon style="fill:#E6B263;" points="152.99,122.57 152.99,266.98 37.37,266.98 36.64,266.98 36.64,121.69 152.99,121.69 "></polygon> </g> </g> <g> <g> <path style="fill:#5E2A41;" d="M370.68,422.32H51.64c-13.785,0-25-11.215-25-25V25c0-13.785,11.215-25,25-25h319.04 c13.785,0,25,11.215,25,25v372.32C395.68,411.105,384.465,422.32,370.68,422.32z M51.64,20c-2.757,0-5,2.243-5,5v372.32 c0,2.757,2.243,5,5,5h319.04c2.757,0,5-2.243,5-5V25c0-2.757-2.243-5-5-5H51.64z"></path> </g> <g> <path style="fill:#5E2A41;" d="M385.68,131.69H36.64c-5.523,0-10-4.477-10-10c0-5.523,4.477-10,10-10h349.04 c5.523,0,10,4.477,10,10C395.68,127.213,391.203,131.69,385.68,131.69z"></path> </g> <g> <path style="fill:#5E2A41;" d="M269.33,421.39c-5.523,0-10-4.477-10-10V122.57c0-5.523,4.477-10,10-10c5.523,0,10,4.477,10,10 v288.82C279.33,416.913,274.853,421.39,269.33,421.39z"></path> </g> <g> <path style="fill:#5E2A41;" d="M268.6,276.98H37.37c-5.523,0-10-4.477-10-10c0-5.523,4.477-10,10-10H268.6 c5.523,0,10,4.477,10,10C278.6,272.503,274.123,276.98,268.6,276.98z"></path> </g> <g> <path style="fill:#5E2A41;" d="M119.54,204.34H70.09c-5.523,0-10-4.477-10-10c0-5.523,4.477-10,10-10h49.45 c5.523,0,10,4.477,10,10C129.54,199.863,125.063,204.34,119.54,204.34z"></path> </g> <g> <path style="fill:#5E2A41;" d="M94.82,229.06c-5.523,0-10-4.477-10-10v-49.45c0-5.523,4.477-10,10-10c5.523,0,10,4.477,10,10 v49.45C104.82,224.583,100.343,229.06,94.82,229.06z"></path> </g> <g> <path style="fill:#5E2A41;" d="M236.38,204.34h-50.44c-5.523,0-10-4.477-10-10c0-5.523,4.477-10,10-10h50.44 c5.523,0,10,4.477,10,10C246.38,199.863,241.903,204.34,236.38,204.34z"></path> </g> <g> <path style="fill:#5E2A41;" d="M113.96,368.82c-2.56,0-5.118-0.976-7.071-2.929l-38.289-38.29 c-3.905-3.905-3.906-10.237-0.001-14.142c3.905-3.905,10.237-3.906,14.142,0l38.29,38.29c3.905,3.905,3.905,10.237,0,14.142 C119.078,367.843,116.519,368.82,113.96,368.82z"></path> </g> <g> <path style="fill:#5E2A41;" d="M75.67,368.82c-2.56,0-5.12-0.977-7.073-2.931c-3.904-3.906-3.903-10.238,0.003-14.142 l38.287-38.287c3.903-3.907,10.235-3.908,14.142-0.003c3.906,3.904,3.908,10.236,0.004,14.142l-38.294,38.293 C80.786,367.844,78.228,368.82,75.67,368.82z"></path> </g> <g> <path style="fill:#5E2A41;" d="M192.01,368.82c-2.559,0-5.119-0.976-7.071-2.929c-3.905-3.905-3.905-10.237,0-14.142 l38.29-38.29c3.905-3.905,10.237-3.905,14.143,0c3.905,3.905,3.905,10.237,0,14.143l-38.29,38.29 C197.129,367.844,194.569,368.82,192.01,368.82z"></path> </g> <g> <path style="fill:#5E2A41;" d="M352.77,259.55h-51.11c-5.523,0-10-4.477-10-10c0-5.523,4.477-10,10-10h51.11 c5.523,0,10,4.477,10,10C362.77,255.073,358.293,259.55,352.77,259.55z"></path> </g> <g> <path style="fill:#5E2A41;" d="M352.77,294.46h-51.11c-5.523,0-10-4.477-10-10c0-5.523,4.477-10,10-10h51.11 c5.523,0,10,4.477,10,10C362.77,289.983,358.293,294.46,352.77,294.46z"></path> </g> <g> <path style="fill:#5E2A41;" d="M152.99,421.39c-5.523,0-10-4.477-10-10V122.57c0-5.523,4.477-10,10-10c5.523,0,10,4.477,10,10 v288.82C162.99,416.913,158.513,421.39,152.99,421.39z"></path> </g> </g> </g> </g> </g></svg>'+
'<center><h1 class="titre">Calculadora<h1>'+
'<table><tr><td colspan="4" align="right" id="case"><span id="calc-output"></span></td></tr></table><table><tr><td><input style="display: block" class="numbir" type="button" value="1" id="button-1" onclick="btm(1)"/></td><td><input style="display: block" class="numbir" type="button" value="2" id="button-2" onclick="btm(2)"/></td><td>'+
'<input style="display: block" class="numbir" type="button" value="3" id="button-3" onclick="btm(3)"/></td><td><input style="display: block" class="operator" type="button" value="C" id="button-C" onclick="btmClean()"/></td></tr><tr><td><input style="display: block" class="numbir" type="button" value="4" id="button-4" onclick="btm(4)"/></td><td>'+
'<input style="display: block" class="numbir" type="button" value="5" id="button-5" onclick="btm(5)"/></td><td><input style="display: block" class="numbir" type="button" value="6" id="button-6" onclick="btm(6)"/></td><td><input style="display: block" class="operator" type="button" value="+" id="button-+" onclick="btmPlus()"/></td></tr><tr><td>'+
'<input style="display: block" class="numbir" type="button" value="7" id="button-7" onclick="btm(7)"/></td><td><input style="display: block" class="numbir" type="button" value="8" id="button-8" onclick="btm(8)"/></td><td>'+
'<input style="display: block" class="numbir" type="button" value="9" id="button-9" onclick="btm(9)"/></td><td><input style="display: block" class="operator" type="button" value="-" id="button--" onclick="btmLess()"/></td></tr><tr><td><input style="display: block" class="operator" type="button" value="x" id="button-*" onclick="btmMultiply()"/></td><td>'+
'<input style="display: block" class="numbir"type="button" value="0" id="button-0" onclick="btm(0)"/></td><td><input style="display: block" class="operator" type="button" value="÷" id="button-/" onclick="btmDivision()"/></td><td><input style="display: block" class="operator" type="button" value="=" id="button-=" onclick="btmEgal()"/></td></tr>'+
'<tfoot>'+
'<tr><th scope="row" colspan="3"><input class="numbir" type="button" onclick="" value="" id="button-" style="display: block;width: 158px;"></th>'+
'<td><input style="display: block" class="numbir"type="button" value="." id="button-." onclick="btm(.)"/></td></tr>'+
'</tfoot>'+
'</table></center>'+
' </div>'+
' </div>'+
' </div>'+
'</div>');
function editDBF() {
var x = document.getElementById('dbfwndw');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
$('.ui-dialog-titlebar-close').on('mousedown', function () {
$('.dbf_icon').addClass('click');
});
$('.ui-dialog-titlebar-close').on('mouseup', function () {
$('.dbf_icon').removeClass('click');
});
$('.ui-dialog-titlebar-close').click(editDBF);
$( "#dbfwndw" ).draggable();
//Killpoints
$(function() {
$('#skillPoints').on('input', function() {
calculate();
});
function calculate() {
var pPos = parseInt($('#skillPoints').val());
var pEarned1 = parseInt($('#pointsgiven1').val());
var pEarned2 = parseInt($('#pointsgiven2').val());
var pEarned3 = parseInt($('#pointsgiven3').val());
var pEarned4 = parseInt($('#pointsgiven4').val());
var pEarned5 = parseInt($('#pointsgiven5').val());
var pEarned6 = parseInt($('#pointsgiven6').val());
var pEarned7 = parseInt($('#pointsgiven7').val());
var pEarned8 = parseInt($('#pointsgiven8').val());
var pEarned9 = parseInt($('#pointsgiven9').val());
var pEarned10 = parseInt($('#pointsgiven10').val())
var pEarned11 = parseInt($('#pointsgiven11').val());
var pEarned12 = parseInt($('#pointsgiven12').val());
var percBal = "";
var percCom = "";
var percSpee = "";
var percResi = "";
var percSpeed = "";
var percPrec = "";
var percTechn = "";
var percPerf = "";
var percBala = "";
var percSpeedi = "";
var percFocus = "";
var percTechni = "";
if (isNaN(pPos) || isNaN(pEarned1) || isNaN(pEarned2) || isNaN(pEarned3) || isNaN(pEarned4) || isNaN(pEarned5) || isNaN(pEarned6) || isNaN(pEarned7) || isNaN(pEarned8) || isNaN(pEarned9) || isNaN(pEarned10) || isNaN(pEarned11) || isNaN(pEarned12)) {
percBal = "";
percCom = "";
percSpee = "";
} else {
percBal = ((pEarned1 / 100) * pPos).toFixed(0);
percCom = ((pEarned2 / 100) * pPos).toFixed(0);
percSpee = ((pEarned3 / 100) * pPos).toFixed(0);
percResi = ((pEarned4 / 100) * pPos).toFixed(0);
percSpeed = ((pEarned5 / 100) * pPos).toFixed(0);
percPrec = ((pEarned6 / 100) * pPos).toFixed(0);
percTechn = ((pEarned7 / 100) * pPos).toFixed(0);
percPerf = ((pEarned8 / 100) * pPos).toFixed(0);
percBala = ((pEarned9 / 100) * pPos).toFixed(0);
percSpeedi = ((pEarned10 / 100) * pPos).toFixed(0);
percFocus = ((pEarned11 / 100) * pPos).toFixed(0);
percTechni = ((pEarned12 / 100) * pPos).toFixed(0);
}
$('#AA1').val(percBal);
$('#AA2').val(percCom);
$('#AA3').val(percSpee);
$('#AA4').val(percResi);
$('#AA5').val(percSpeed);
$('#AA6').val(percPrec);
$('#AA7').val(percTechn);
$('#AA8').val(percPerf);
$('#AA9').val(percBala);
$('#AA10').val(percSpeedi);
$('#AA11').val(percFocus);
$('#AA12').val(percTechni);
}
});
$(function() {
$('#skillPointsh').on('input', function() {
calculate();
});
function calculate() {
var pPos = parseInt($('#skillPointsh').val());
var pEarned1 = parseInt($('#pointsgiven11').val());
var pEarned2 = parseInt($('#pointsgiven21').val());
var pEarned3 = parseInt($('#pointsgiven31').val());
var pEarned4 = parseInt($('#pointsgiven41').val());
var pEarned5 = parseInt($('#pointsgiven51').val());
var pEarned6 = parseInt($('#pointsgiven61').val());
var pEarned7 = parseInt($('#pointsgiven71').val());
var pEarned8 = parseInt($('#pointsgiven81').val());
var pEarned9 = parseInt($('#pointsgiven91').val());
var pEarned10 = parseInt($('#pointsgiven101').val())
var pEarned11 = parseInt($('#pointsgiven111').val());
var pEarned12 = parseInt($('#pointsgiven121').val());
var percBal = "";
var percCom = "";
var percSpee = "";
var percResi = "";
var percSpeed = "";
var percPrec = "";
var percTechn = "";
var percPerf = "";
var percBala = "";
var percSpeedi = "";
var percFocus = "";
var percTechni = "";
if (isNaN(pPos) || isNaN(pEarned1) || isNaN(pEarned2) || isNaN(pEarned3) || isNaN(pEarned4) || isNaN(pEarned5) || isNaN(pEarned6) || isNaN(pEarned7) || isNaN(pEarned8) || isNaN(pEarned9) || isNaN(pEarned10) || isNaN(pEarned11) || isNaN(pEarned12)) {
percBal = "";
percCom = "";
percSpee = "";
} else {
percBal = ((pEarned1 / 100) * pPos).toFixed(0);
percCom = ((pEarned2 / 100) * pPos).toFixed(0);
percSpee = ((pEarned3 / 100) * pPos).toFixed(0);
percResi = ((pEarned4 / 100) * pPos).toFixed(0);
percSpeed = ((pEarned5 / 100) * pPos).toFixed(0);
percPrec = ((pEarned6 / 100) * pPos).toFixed(0);
percTechn = ((pEarned7 / 100) * pPos).toFixed(0);
percPerf = ((pEarned8 / 100) * pPos).toFixed(0);
percBala = ((pEarned9 / 100) * pPos).toFixed(0);
percSpeedi = ((pEarned10 / 100) * pPos).toFixed(0);
percFocus = ((pEarned11 / 100) * pPos).toFixed(0);
percTechni = ((pEarned12 / 100) * pPos).toFixed(0);
}
$('#BA1').val(percBal);
$('#BA2').val(percCom);
$('#BA3').val(percSpee);
$('#BA4').val(percResi);
$('#BA5').val(percSpeed);
$('#BA6').val(percPrec);
$('#BA7').val(percTechn);
$('#BA8').val(percPerf);
$('#BA9').val(percBala);
$('#BA10').val(percSpeedi);
$('#BA11').val(percFocus);
$('#BA12').val(percTechni);
}
});
//Caixa pandora
$(function(){
$('#pointspossible').on('input', function() {
calculate();
});
$('#pointsgiven').on('input', function() {
calculate();
});
function calculate(){
var pPos = parseInt($('#pointspossible').val());
var pEarned = parseInt($('#pointsgiven').val());
var perc="";
if(isNaN(pPos) || isNaN(pEarned)){
perc=" ";
}else{
perc = ((pEarned/100) * pPos).toFixed(0);
percBig = ((pEarned/100) * (pPos/4)).toFixed(0);
percCav = ((pEarned/100) * (pPos/3)).toFixed(0);
}
$('#pointsperc').val(perc);
$('#pointsperc1').val(perc);
$('#pointsperc2').val(perc);
$('#pointsperc3').val(perc);
$('#pointsperc4').val(perc);
$('#pointHop').val(perc);
$('#pointArq').val(perc);
$('#pointHop2').val(perc);
$('#pointBigas').val(percBig);
$('#pointCavaleiros').val(percCav);
$('#pointBigas2').val(percBig);
$('#pointCavaleiros2').val(percCav);
}
});
(function($) {
'use strict';
// Função somme() e outras definições de script
function somme() {
var nbr1, nbr2, nbr3, nbr4, nbr5, sum;
var percentual = 0.30;
// Coletando valores
nbr1 = Number($("#nbr1").val()) * 50;
nbr2 = Number($("#nbr2").val()) * 10;
nbr3 = Number($("#nbr3").val()) * 8;
nbr4 = Number($("#nbr4").val()) * 16;
nbr5 = Number($("#nbr5").val()) * 170;
// Calculando a soma e arredondando para o inteiro mais próximo
sum = Math.round(nbr1 + nbr2 + nbr3 + nbr4 + nbr5);
// Atualizando o valor do elemento 'sum'
var sumElement = $("#sum");
sumElement.val(Math.round(sum * percentual));
// Verificando se a cor do texto deve ser vermelha ou verde
if (sum > 566) {
console.log('Valor acima de 170. Mudando para vermelho.');
sumElement.css({ color: 'red', fontWeight: 'bold' });
$("#Posidon").css({ filter: 'drop-shadow(16px 16px 20px red) invert(5%)' });
$("#Tposi").html("Colon Afundado");
$("#Tposi").css({ color: 'red' });
} else {
console.log('Valor 170 ou abaixo. Mudando para verde.');
sumElement.css({ color: 'green', fontWeight: 'bold' });
$("#Posidon").css({ filter: 'drop-shadow(16px 16px 20px green) invert(5%)' });
// Limpar mensagem em caso de mudança para um valor menor ou igual a 566
$("#Tposi").html("Sem danos no Colon");
$("#Tposi").css({ color: 'green' });
}
}
// Adicionando ouvintes de eventos de mudança para cada campo de entrada
$("#nbr1, #nbr2, #nbr3, #nbr4, #nbr5").on("change", somme);
// Chamando a função somme() inicialmente para calcular com base nos valores iniciais
somme();
})(jQuery);
// Adiciona um botão Reset para limpar #nbr1, #nbr2, #nbr3 e #nbr4
function limparCampos(campos) {
for (var i = 0; i < campos.length; i++) {
$('#' + campos[i]).val('');
}
}
// Vincula a função de limpar campos a cada botão de reset
$(document).ready(function() {
$('#resetBtc').click(function() {
limparCampos(['nbr1', 'nbr2', 'nbr3', 'nbr4', 'sum']);
});
$('#resetBtp').click(function() {
limparCampos(['pointspossible', 'pointsperc', 'pointsperc1', 'pointsperc2', 'pointsperc3', 'pointsperc4', 'pointCavaleiros2', 'pointHop', 'pointBigas', 'pointArq', 'pointCavaleiros', 'pointHop2', 'pointBigas2']);
});
$('#resetBtg').click(function() {
limparCampos(['skillPointsh', 'BA1', 'BA2', 'BA3', 'BA4', 'BA5', 'BA6', 'BA7', 'BA8', 'BA9', 'BA10', 'BA11', 'BA12']);
});
$('#resetBtgh').click(function() {
limparCampos(['skillPoints', 'AA1', 'AA2', 'AA3', 'AA4', 'AA5', 'AA6', 'AA7', 'AA8', 'AA9', 'AA10', 'AA11', 'AA12']);
});
$('#resetBtgi').click(function() {
limparCampos(['inputfile']);
});
});
// Adiciona um botão Reset para limpar .hour, .minute, .second e #totalTimeHHMMSS
(function() {
'use strict';
// Função para calcular a soma de horas, minutos e segundos
function calcularSoma() {
var totalHoras = 0;
var totalMinutos = 0;
var totalSegundos = 0;
// Itera sobre as linhas da tabela
$('#timeTable tbody tr').each(function() {
var horas = parseInt($(this).find('.hour').val()) || 0;
var minutos = parseInt($(this).find('.minute').val()) || 0;
var segundos = parseInt($(this).find('.second').val()) || 0;
totalHoras += horas;
totalMinutos += minutos;
totalSegundos += segundos;
});
// Ajusta os minutos e segundos para ficarem dentro dos limites
totalMinutos += Math.floor(totalSegundos / 60);
totalSegundos %= 60;
totalHoras += Math.floor(totalMinutos / 60);
totalMinutos %= 60;
// Exibe o resultado na tabela
$('#totalTimeHHMMSS').val(
padLeft(totalHoras, 2) + ':' +
padLeft(totalMinutos, 2) + ':' +
padLeft(totalSegundos, 2)
);
}
// Função para adicionar zeros à esquerda
function padLeft(value, length) {
return ('0' + value).slice(-length);
}
// Adiciona o evento de clique ao botão Reset
$('#resetBtn').click(function() {
// Limpa os campos .hour, .minute e .second
$('.hour').val('');
$('.minute').val('');
$('.second').val('');
// Limpa o campo #totalTimeHHMMSS
$('#totalTimeHHMMSS').val('');
});
// Adiciona o evento de clique ao botão Calcular soma
$('#calcularSomaBtn').click(function() {
calcularSoma(); // Chamada movida para dentro da função anônima
});
// Adiciona o evento de clique ao botão Copiar
$('#copiarBtn').click(function() {
$('#totalTimeHHMMSS').select();
document.execCommand('copy');
});
// Chamada para calcularSoma agora está dentro da função anônima, após sua definição
calcularSoma();
})();
(function() {
'use strict';
// Function to inject the custom script
function injectCustomScript() {
// Your existing functions
function btm(val) {
document.getElementById("calc-output").innerHTML += val;
}
function btmClean() {
document.getElementById("calc-output").innerHTML = "";
}
function btmPlus() {
document.getElementById("calc-output").innerHTML += "+";
}
function btmLess() {
document.getElementById("calc-output").innerHTML += "-";
}
function btmMultiply() {
document.getElementById("calc-output").innerHTML += "*";
}
function btmDivision() {
document.getElementById("calc-output").innerHTML += "/";
}
function btmEgal() {
var egal = eval(document.getElementById('calc-output').innerHTML);
document.getElementById('calc-output').innerHTML = egal;
}
// Add event listeners using your existing functions
document.getElementById('button-1').addEventListener('click', function() {
btm(1);
});
document.getElementById('button-2').addEventListener('click', function() {
btm(2);
});
document.getElementById('button-3').addEventListener('click', function() {
btm(3);
});
document.getElementById('button-4').addEventListener('click', function() {
btm(4);
});
document.getElementById('button-5').addEventListener('click', function() {
btm(5);
});
document.getElementById('button-6').addEventListener('click', function() {
btm(6);
});
document.getElementById('button-7').addEventListener('click', function() {
btm(7);
});
document.getElementById('button-8').addEventListener('click', function() {
btm(8);
});
document.getElementById('button-9').addEventListener('click', function() {
btm(9);
});
document.getElementById('button-0').addEventListener('click', function() {
btm(0);
});
document.getElementById('button-C').addEventListener('click', function() {
btmClean();
});
document.getElementById('button-+').addEventListener('click', function() {
btmPlus();
});
document.getElementById('button--').addEventListener('click', function() {
btmLess();
});
document.getElementById('button-*').addEventListener('click', function() {
btmMultiply();
});
document.getElementById('button-/').addEventListener('click', function() {
btmDivision();
});
document.getElementById('button-=').addEventListener('click', function() {
btmEgal();
});
document.getElementById('button-.').addEventListener('click', function() {
btm('.');
});
}
// Wait for the document to be ready before injecting the custom script
function waitForDocumentReady(callback) {
if (document.readyState === 'complete') {
callback();
} else {
document.addEventListener('DOMContentLoaded', callback);
}
}
// Main entry point
waitForDocumentReady(function() {
injectCustomScript();
});
})();
// Adiciona um novo bloco de nota
function adicionarBlocoDeNota() {
var novoBloco = $('<div class="bloco-de-nota"><input type="text" class="titulo-input" placeholder="Título"><textarea class="nota-input" cols="96" rows="10" placeholder="Nota"></textarea><br><button class="format-btn" data-format="[b][/b]">[b]</button><button class="format-btn" data-format="[i][/i]">[i]</button><button class="format-btn" data-format="[u][/u]">[u]</button><button class="format-btn" data-format="[s][/s]">[s]</button><button class="format-btn" data-format="[center][/center]">[center]</button><button class="format-btn" data-format="[player][/player]">[player]</button><button class="format-btn" data-format="[ally][/ally]">[ally]</button><button class="format-btn" data-format="[size=7][/size]">[size]</button><button class="format-btn" data-format="[img][/img]">[img]</button><button class="format-btn" data-format="[spoiler=Spoiler][/spoiler]">[spoiler]</button><button class="format-btn" data-format="[table]\n[**][||][/**]\n[*][|][/*]\n[/table]">[table]</button><button class="format-btn" data-format="[quote=Author][/quote]">[quote]</button><button class="format-btn" data-format="[url][/url]">[url]</button><button class="format-btn" data-format="[town][/town]">[town]</button><button class="format-btn" data-format="[color=#6E0000][/color]">[color]</button><button class="format-btn" data-format="[island][/island]">[island]</button><br><button class="salvar-btn">Salvar</button><button class="deletar-btn">Excluir</button><button class="reset-btn">Reiniciar</button></div>');
$('.containers').append(novoBloco);
// Adiciona o evento de clique para limpar a textarea
novoBloco.find('.reset-btn').click(function() {
$(this).siblings(['.nota-input', '.titulo-input']).val(''); // Limpa o conteúdo da textarea
});
}
// Adiciona formato ao texto da nota
function adicionarFormato() {
var notaInput = $(this).siblings('.nota-input');
var formato = $(this).data('format');
var nota = notaInput.val();
notaInput.val(nota + formato);
notaInput.focus();
}
// Deleta o bloco de nota
function deletarBlocoDeNota() {
$(this).parent('.bloco-de-nota').remove();
}
// Salva o título e o conteúdo do bloco de nota
function salvarBlocoDeNota() {
var titulo = $(this).siblings('.titulo-input').val();
var nota = $(this).siblings('.nota-input').val();
// Verifica se o título está vazio
if (titulo.trim() === "") {
alert("Por favor, insira um título para salvar a nota.");
return; // Aborta a operação de salvar
}
salvarNotaNoDownload(titulo, nota);
}
// Função para salvar uma única nota em um arquivo de texto
function salvarNotaNoDownload(titulo, nota) {
var notasTexto = titulo + "\n" + nota + "\n\n";
var blob = new Blob([notasTexto], { type: 'text/plain' });
var url = window.URL.createObjectURL(blob);
// Criando um link para download
var a = document.createElement('a');
a.href = url;
a.download = titulo + '.txt'; // Nome do arquivo será o título da nota
document.body.appendChild(a);
a.click();
// Removendo o link após o download
document.body.removeChild(a);
window.URL.revokeObjectURL(url);
}
// Quando o documento estiver pronto
$(document).ready(function() {
// Adiciona um novo bloco de nota quando o botão "Adicionar" é clicado
$('#adicionar-btn').click(adicionarBlocoDeNota);
// Adiciona formato ao texto da nota quando um botão de formato é clicado
$('.containers').on('click', '.format-btn', adicionarFormato);
// Deleta o bloco de nota quando o botão "Deletar" dentro do bloco é clicado
$('.containers').on('click', '.deletar-btn', deletarBlocoDeNota);
// Salva o conteúdo do bloco de nota quando o botão "Salvar" dentro do bloco é clicado
$('.containers').on('click', '.salvar-btn', salvarBlocoDeNota);
});
//baixar txt local e salvar txt local
var loadedFileName = ""; // Variável global para armazenar o nome do arquivo carregado
document.getElementById('inputfile').addEventListener('change', function() {
var fr = new FileReader();
fr.onload = function() {
loadedFileName = document.getElementById('inputfile').files[0].name; // Armazena o nome do arquivo carregado
document.getElementById('output').textContent = fr.result;
}
fr.readAsText(this.files[0]);
});
const saveBtn = document.querySelector('button.save-file');
saveBtn.addEventListener('click', function() {
console.log('Botão de salvar clicado');
var textArea = document.querySelector("textarea");
var textContent = textArea.value;
console.log('Conteúdo do textarea:', textContent);
var textBlob = new Blob([textContent], { type: 'text/plain' });
var tempLink = document.createElement("a");
tempLink.setAttribute('href', URL.createObjectURL(textBlob));
tempLink.setAttribute('download', loadedFileName.toLowerCase()); // Usa o nome do arquivo carregado para o download
tempLink.style.display = 'none'; // Oculta o link
console.log('Link temporário criado:', tempLink);
document.body.appendChild(tempLink); // Adiciona o link ao corpo do documento
console.log('Link temporário adicionado ao corpo do documento');
tempLink.click(); // Simula um clique no link
console.log('Clique no link simulado');
document.body.removeChild(tempLink); // Remove o link do corpo do documento
console.log('Link temporário removido do corpo do documento');
});
// script para maximizar um input
// Lidando com largura de entrada
let widthMachine = document.querySelector(".width-machine");
// Lidando com a altura da área de texto
function calcHeight(value) {
let numberOfLineBreaks = (value.match(/\n/g) || []).length;
// min-height + lines x line-height + padding + border
let newHeight = 20 + numberOfLineBreaks * 20 + 12 + 2;
return newHeight;
}
let clear = document.querySelector('button#clear');
let textarea = document.querySelector('#output');
clear.addEventListener('click', function() {
textarea.value = '';
});
textarea.addEventListener("keyup", () => {
textarea.style.height = calcHeight(textarea.value) + "px";
});
//botao mostrar ocultar
$("#hide-btn").click(function(){
$(".hideshow").hide();
});
$("#show-btn").click(function(){
$(".hideshow").show();
});
//limpar cache
const refreshBtn = document.getElementById("btnRefresh");
function handleClick() {
window.location.reload();
}
refreshBtn.addEventListener("click", handleClick);
/*
// ocultar uma aba caso o icone grepolimpia nao esta ativo na pagina (nao foncionna)
// Verifica se a classe está presente na página
var element = document.getElementById('AC3');
// ou este class (happening_large_icon_container) a seguir id (happening_large_icon) com uma class (grepolympiashop grepolympia_winter with_countdown)
if ( element.classList.contains('.questlog_icon')) {
// Se a classe estiver presente, define display como 'block'
element.style.display = 'block';
} else {
// Se a classe não estiver presente, mantém display como 'none'
element.style.display = 'none';
};
*/
/*
// addicionner une previsualization du code bb
(function() {
'use strict';
console.log('Script começou a ser executado.');
// Aguarda o carregamento completo da página antes de executar o script
window.addEventListener('load', function() {
console.log('Página carregada completamente.');
// Função para adicionar um novo bloco de nota
function adicionarBlocoDeNota() {
var novoBloco = $('<div class="bloco-de-nota"><input type="text" class="titulo-input" placeholder="Título"><textarea class="nota-input" cols="96" rows="10" placeholder="Nota" style="width: 100%;"></textarea><br><button class="format-btn" data-format="[b][/b]">[b]</button><button class="format-btn" data-format="[i][/i]">[i]</button><button class="format-btn" data-format="[u][/u]">[u]</button><button class="format-btn" data-format="[s][/s]">[s]</button><button class="format-btn" data-format="[center][/center]">[center]</button><button class="format-btn" data-format="[player][/player]">[player]</button><button class="format-btn" data-format="[ally][/ally]">[ally]</button><button class="format-btn" data-format="[size=7][/size]">[size]</button><button class="format-btn" data-format="[img][/img]">[img]</button><button class="format-btn" data-format="[spoiler=Spoiler][/spoiler]">[spoiler]</button><button class="format-btn" data-format="[table]\n[**][||][/**]\n[*][|][/*]\n[/table]">[table]</button><button class="format-btn" data-format="[quote=Author][/quote]">[quote]</button><button class="format-btn" data-format="[url][/url]">[url]</button><button class="format-btn" data-format="[town][/town]">[town]</button><button class="format-btn" data-format="[color=#6E0000][/color]">[color]</button><button class="format-btn" data-format="[island][/island]">[island]</button><br><button class="salvar-btn">Salvar</button><button class="deletar-btn">Deletar</button><button class="reset-btn">Rest</button></div> <br><div id="formattedoutput" style="white-space: pre-wrap;border-radius: 6px;background-color: aliceblue;white-space: pre-line;border-radius: 5px;background: #f6f9ff91;"></div>');
$('.containers').append(novoBloco);
}
// Chama a função para adicionar o bloco de nota
adicionarBlocoDeNota();
// Aguarda um pequeno intervalo para garantir que o bloco de nota seja adicionado à página
setTimeout(function() {
// Seleciona o textarea dentro do bloco de nota
var textarea = document.querySelector('.bloco-de-nota .nota-input');
if (!textarea) {
console.error('Textarea não encontrado.');
return;
}
var formattedOutput = document.getElementById('formattedoutput');
if (!formattedOutput) {
console.error('Div "formattedoutput" não encontrada.');
return;
}
function processarBBCode() {
console.log('Input detectado!'); // Verifica se o evento input está sendo acionado
var bbcode = textarea.value;
console.log('Textarea:', bbcode); // Verifica o valor do textarea
var plainText = bbcode.replace(/\[(.*?)\]/g, ''); // Remove todas as tags BBCode
console.log('PlainText:', plainText); // Verifica o texto resultante após o processamento
formattedOutput.textContent = plainText;
}
// Adiciona um ouvinte de evento de entrada no textarea
textarea.addEventListener('input', function() {
processarBBCode();
});
// Estilos opcionais para a aparência
textarea.style.width = '100%';
formattedOutput.style.cssText = 'margin-top: 10px; border: 1px solid #ccc; padding: 10px; min-height: 100px;';
}, 100); // Aguarda 100ms antes de selecionar o textarea
});
})();
*/
]]>
