Click the focuses below to add them to your focus tree
| Focus Title | 40 |Intended Country | 41 |Reward | 42 |
|---|---|---|
| '.$row['focus_name'].' | '; 47 | echo ''.$row['country_affected'].' | '; 48 | echo ''.$row['focus_reward'];
49 | //All info we need
50 | $xpos = (int)$row['focus_x']*150;
51 | $ypos = (int)$row['focus_y']*180;
52 | echo '
53 |
56 | | ';
57 | echo '
No focuses found.
If using a password, ensure the password is correct and try again.
Click the focuses below to add them to your focus tree
'+val.description+'
'; 59 | output += ''+val.country+'
'; 102 | } 103 | }); 104 | $('#tagsearchoutput').html(output); 105 | }); 106 | }); 107 | 108 | $(document).on('click', ".searched_tags", function() { 109 | var tagid = $(this).attr("id"); 110 | $("#build-preview").html($("#build-preview").html().replace("TAG",tagid)); 111 | if ( $( "#add-build" ).length ) { 112 | $("#add-build").val($("#add-build").val().replace("TAG",tagid)); 113 | } 114 | $("#tag-box").hide(); 115 | }); 116 | 117 | //State search 118 | $('#searchstates').keyup(function(){ 119 | var searchField = $('#searchstates').val(); 120 | var regex = new RegExp(searchField, "i"); 121 | var count = 1; 122 | var output = ""; 123 | $.getJSON("states.json", function(data) { 124 | $.each(data, function(key, val){ 125 | if ((val.id.search(regex) != -1) || (val.name.search(regex) != -1)) { 126 | output += ''+val.name+'
'; 127 | } 128 | }); 129 | $('#statesearchoutput').html(output); 130 | }); 131 | }); 132 | 133 | $(document).on('click', ".searched_states", function() { 134 | var tagid = $(this).attr("id").replace("state_",""); 135 | $("#build-preview").html($("#build-preview").html().replace("STATEID",tagid)); 136 | $("#build-preview").html($("#build-preview").html().replace("state_id",tagid)); 137 | if ( $( "#add-build" ).length ) { 138 | $("#add-build").val($("#add-build").val().replace("STATEID",tagid)); 139 | $("#add-build").val($("#add-build").val().replace("state_id",tagid)); 140 | } 141 | $("#state-box").hide(); 142 | }); 143 | 144 | 145 | //Submit 146 | $("#submit-build").click(function(){ 147 | //#build-preview 148 | var buildvalue = $("#add-build").val(); 149 | $("#add-build").after(buildvalue); 150 | $("#add-build").remove(); 151 | $("#"+$(this).attr("build")).val($("#"+$(this).attr("build")).val()+$("#build-preview").text()); 152 | $("#build-preview").empty(); 153 | $("#build-preview").addClass("current-build-add-location"); 154 | $(this).attr("build","null"); 155 | $("#builder").hide(); 156 | $(this).hide(); 157 | }); 158 | 159 | /** 160 | === 161 | For textarea sync: 162 | === 163 | **/ 164 | $('textarea').scroll(function() { 165 | var id = "#"+$(this).attr('id'); 166 | if($(id+'_underlay').length > -1){ 167 | $($(id+'_underlay').scrollTop($(id).scrollTop())); 168 | } 169 | }); 170 | var textareaResize = function(source, dest) { 171 | var resizeInt = null; 172 | 173 | var resizeEvent = function() { 174 | dest.outerWidth( source.outerWidth() ); 175 | dest.outerHeight(source.outerHeight()); 176 | $("."+source.attr("id")+'_wrapper').outerHeight(source.outerHeight() + 16); 177 | }; 178 | 179 | source.on("mousedown", function(e) { 180 | resizeInt = setInterval(resizeEvent, 1000/30); 181 | }); 182 | 183 | $(window).on("mouseup", function(e) { 184 | if (resizeInt !== null) { 185 | clearInterval(resizeInt); 186 | } 187 | resizeEvent(); 188 | }); 189 | }; 190 | 191 | textareaResize($("#reward"), $("#reward_underlay")); 192 | 193 | $("#edit-focus-open").on('click', function(){ 194 | $("#reward_underlay").outerWidth( $("#reward").outerWidth() ); 195 | $("#reward_underlay").outerHeight($("#reward").outerHeight()); 196 | $("."+$("#reward").attr("id")+'_wrapper').outerHeight($("#reward").outerHeight() + 16); 197 | }); 198 | var pressedkeys = {}; 199 | $("textarea").on('keydown', function(e){ 200 | var id = $(this).attr("id"); 201 | if($("#"+id+'_underlay').length && $("#predictive_"+id).prop("checked") == true){ 202 | textareaSync(id, id+'_underlay'); 203 | } 204 | }); 205 | 206 | function textareaSync(source, dest){ 207 | if($("#predictive_"+source).prop("checked") == true){ 208 | source = $("#"+source); 209 | dest = $("#"+dest); 210 | 211 | source.one("keyup",function(e){ 212 | if(source.val().indexOf(' ') > -1){ 213 | doSearch(e,'split'); 214 | }else{ 215 | doSearch(e,'nosplit'); 216 | } 217 | if(source.val()[source.val().length - 1] == ' '){ 218 | source.val(source.val()+'\n'); 219 | } 220 | 221 | }); 222 | source.keyup(function(e){ 223 | pressedkeys[e.which] = '0'; 224 | }); 225 | 226 | function doSearch(e,split){ 227 | if(split == 'nosplit'){ 228 | var searchField = source.val(); 229 | }else{ 230 | var split = source.val().split(' '); 231 | var searchField = split[split.length - 1]; 232 | var allFinishedFoci = source.val().replace(searchField,''); 233 | } 234 | var regex = new RegExp(searchField, "i"); 235 | var count = 1; 236 | var output = ""; 237 | var keys = [16,8]; 238 | if(keys.indexOf(e.which) == -1){ 239 | $.getJSON("/national-focus/search_outputs.php?search="+searchField, function(data) { 240 | if(split == 'nosplit'){ 241 | dest.val(data[0].list_id); 242 | }else{ 243 | dest.val(allFinishedFoci+data[0].list_id); 244 | } 245 | var autocomplete = [13,9,39]; 246 | if(autocomplete.indexOf(e.which) != -1){ 247 | 248 | var specialOutcomes = ['new-level', 'TAG', 'STATEID']; 249 | var outcome = data[0].list_default_outcome; 250 | 251 | if(specialOutcomes.indexOf(outcome) != - 1){ 252 | 253 | }else{ 254 | var newUnderlay = dest.val(); 255 | newUnderlay += outcome; 256 | dest.val(newUnderlay+' '); 257 | } 258 | } 259 | }); 260 | } 261 | } 262 | 263 | function syncCartSearch(){ 264 | source.val(dest.val().replace(/ /g,' \n')); 265 | } 266 | $(source,dest).one("keydown",function(e) { 267 | //Keys they should press to auto-complete form 268 | //Enter, Tab, Right Arrow 269 | pressedkeys[e.which] = e.which; 270 | var keys = [13,9,39]; 271 | if(keys.indexOf(e.which) != -1 && source.val().length < dest.val().length) { 272 | e.preventDefault(); 273 | if(pressedkeys[16] > 1){ 274 | if(pressedkeys[9] > 1){ 275 | var $txt = source; 276 | var caretPos = $txt[0].selectionStart; 277 | var textAreaTxt = $txt.val(); 278 | var txtToAdd = " "; 279 | $txt.val(textAreaTxt.substring(0, caretPos) + txtToAdd + textAreaTxt.substring(caretPos) ); 280 | } 281 | if(pressedkeys[13]){ 282 | source.val(source.val()+' '+'\n'); 283 | } 284 | }else{ 285 | syncCartSearch(); 286 | } 287 | }else{ 288 | if(e.which == 13){ 289 | e.preventDefault(); 290 | source.val(source.val()+' '+'\n'); 291 | } 292 | } 293 | }); 294 | } 295 | } 296 | 297 | 298 | 299 | }); -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | html, body{ 2 | font-family: 'Poppins', sans-serif; 3 | font-size: 100%; 4 | overflow-x: hidden; 5 | background-color: #edecec; 6 | } 7 | body a{ 8 | transition:0.5s all; 9 | -webkit-transition:0.5s all; 10 | -moz-transition:0.5s all; 11 | -o-transition:0.5s all; 12 | -ms-transition:0.5s all; 13 | background:#011D4A!mportant; 14 | } 15 | a:focus, a:active, a:hover ,a.dropdown-toggle{ 16 | outline: none; 17 | -webkit-transition: all 0.3s; 18 | -moz-transition: all 0.3s; 19 | transition: all 0.3s; 20 | text-decoration:none; 21 | } 22 | a { 23 | background-color:none; 24 | } 25 | body p{ 26 | font-family: 'Poppins', sans-serif; 27 | } 28 | h1, h2, h3, h4, h5 { 29 | font-family: 'Poppins', sans-serif; 30 | } 31 | a { 32 | color: #008DE7; 33 | font-weight:400; 34 | } 35 | a:hover { transition: all 200ms ease-in-out; } 36 | 37 | .page-container { 38 | min-width: 1260px; 39 | position: relative; 40 | top: 0; 41 | left: 0; 42 | right: 0; 43 | bottom: 0; 44 | width: 100%; 45 | height: 100%; 46 | margin: 0px auto; 47 | } 48 | .left-content { 49 | float: right; 50 | width: 87%; 51 | } 52 | a.sidebar-icon:hover{ 53 | color:#1b93e1; 54 | } 55 | .page-container.sidebar-collapsed { 56 | transition: all 100ms linear; 57 | transition-delay: 300ms; 58 | } 59 | .page-container.sidebar-collapsed .left-content { 60 | float: right; 61 | width: 95%; 62 | } 63 | .page-container.sidebar-collapsed-back { 64 | transition: all 100ms linear; 65 | } 66 | .page-container.sidebar-collapsed-back .left-content { 67 | transition: all 100ms linear; 68 | -webkit-transition: all 0.3s ease; 69 | -moz-transition: all 0.3s ease; 70 | transition: all 0.3s ease; 71 | float: right; 72 | width:87%; 73 | padding: 0 2em; 74 | } 75 | .left-content { 76 | width:87%; 77 | padding: 0 2em; 78 | } 79 | .page-container.sidebar-collapsed .sidebar-menu { 80 | width: 65px; 81 | transition: all 100ms ease-in-out; 82 | transition-delay: 300ms; 83 | } 84 | .page-container.sidebar-collapsed-back .sidebar-menu { 85 | width: 230px; 86 | transition: all 100ms ease-in-out; 87 | } 88 | .page-container.sidebar-collapsed .sidebar-icon { 89 | transform: rotate(90deg); 90 | transition: all 300ms ease-in-out; 91 | margin-right: 0em; 92 | margin-top: -8px; 93 | color: #fff; 94 | background: #1b93e1; 95 | border-radius: 0; 96 | } 97 | .page-container.sidebar-collapsed .sidebar-icon:after { 98 | content: ''; 99 | transition:0.2s; 100 | } 101 | .page-container.sidebar-collapsed-back .sidebar-icon { 102 | transform: rotate(0deg); 103 | transition: all 300ms ease-in-out; 104 | } 105 | .page-container.sidebar-collapsed .logo { 106 | padding: 21px 0; 107 | height: 63px; 108 | box-sizing: border-box; 109 | transition: all 100ms ease-in-out; 110 | transition-delay: 300ms; 111 | } 112 | .page-container.sidebar-collapsed #logo { 113 | opacity: 0; 114 | transition: all 200ms ease-in-out; 115 | display: none; 116 | } 117 | .page-container.sidebar-collapsed-back #logo { 118 | opacity: 1; 119 | transition: all 200ms ease-in-out; 120 | transition-delay: 300ms;; 121 | } 122 | .page-container.sidebar-collapsed #menu span { 123 | opacity: 0; 124 | transition: all 50ms linear; 125 | } 126 | .page-container.sidebar-collapsed-back #menu span { 127 | opacity: 1; 128 | transition: all 200ms linear; 129 | transition-delay: 300ms; 130 | } 131 | .sidebar-menu { 132 | position: fixed; 133 | float: left; 134 | width: 230px; 135 | top: 0; 136 | left: 0; 137 | bottom: 0; 138 | background-color:#333333; 139 | color: #aaabae; 140 | box-shadow: 0px 0px 10px 0px rgb(58, 41, 31); 141 | -o-box-shadow: 0px 0px 10px 0px rgb(58, 41, 31); 142 | -webkit-box-shadow: 0px 0px 10px 0px rgb(58, 41, 31); 143 | -moz-box-shadow: 0px 0px 10px 0px rgb(58, 41, 31); 144 | z-index: 999; 145 | } 146 | label.col-sm-2.control-label { 147 | font-size: 16px; 148 | margin-top: 0px; 149 | } 150 | #menu { 151 | list-style: none; 152 | margin: 0; 153 | padding: 0; 154 | margin-bottom: 20px; 155 | } 156 | #menu li { 157 | position: relative; 158 | margin: 0; 159 | border-bottom:1px ridge rgba(255, 255, 255, 0.04); 160 | padding: 0; 161 | padding: 0; 162 | } 163 | #menu li ul { 164 | opacity: 0; 165 | height: 0px; 166 | } 167 | #menu li p { 168 | margin:0; 169 | font-style: normal; 170 | font-weight: 400; 171 | position: relative; 172 | display: block; 173 | padding: 13px 20px; 174 | color: #fff; 175 | white-space: nowrap; 176 | z-index: 2; 177 | background-color: #333333; 178 | font-size:0.9em; 179 | font-family: font-family: 'Poppins', sans-serif; 180 | border:none; 181 | border-left: 4px solid #333333; 182 | } 183 | #menu li p:hover { 184 | color: #ffffff; 185 | background-color:#1b93e1; 186 | transition: color 250ms ease-in-out, background-color 250ms ease-in-out; 187 | border-left: 4px solid #4A4A4A; 188 | } 189 | #menu li.active > a { 190 | background-color: #2b303a; 191 | color: #ffffff; 192 | } 193 | #menu ul li { 194 | background-color: #333333; 195 | } 196 | #menu ul { 197 | list-style-type: none; 198 | margin: 0; 199 | padding: 0; 200 | } 201 | #menu li ul { 202 | position: absolute; 203 | visibility: hidden; 204 | left: 100%; 205 | top: -1px; 206 | background-color: #2b303a; 207 | box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); 208 | opacity: 0; 209 | transition: opacity 0.1s linear; 210 | border-top: 1px solid rgba(69, 74, 84, 0.7); 211 | } 212 | #menu li:hover > ul { 213 | visibility: visible; 214 | opacity: 1; 215 | } 216 | li#menu-mensagens,li#menu-arquivos { 217 | background-color:#00C6D7!important; 218 | } 219 | #menu li li ul { 220 | right: 100%; 221 | visibility: hidden; 222 | top: -1px; 223 | opacity: 0; 224 | transition: opacity 0.1s linear; 225 | } 226 | #menu li li:hover ul { 227 | visibility: visible; 228 | opacity: 1; 229 | } 230 | 231 | #menu .fa { margin-right: 5px; } 232 | 233 | .logo1 { 234 | width: 100%; 235 | padding: 15px 14px 15px; 236 | height:52px; 237 | box-sizing: border-box; 238 | background: #1b93e1; 239 | text-align: center; 240 | } 241 | .sidebar-icon { 242 | margin-top: -2px; 243 | border: 1px solid #1b93e1; 244 | text-align: right; 245 | line-height: 1; 246 | font-size: 19px; 247 | padding: 5px 10px; 248 | border-radius: 0px; 249 | color: #fff; 250 | background: #1b93e1; 251 | float: none; 252 | } 253 | .sidebar-icon:after{ 254 | content:' Close'; 255 | } 256 | ul#menu i { 257 | font-size: 1.1em; 258 | margin-right: 6px; 259 | width: 10%; 260 | padding-top: 2px; 261 | } 262 | ul.sub-menu { 263 | z-index: 999; 264 | } 265 | li.sub-menu{ 266 | z-index: 999; 267 | } 268 | .panel-body.ont { 269 | padding: 14px; 270 | } 271 | 272 | .menu { 273 | text-align: left; 274 | } 275 | /*----*/ 276 | /*--header --*/ 277 | .header-main { 278 | padding:1em; 279 | background:#22211d; 280 | box-shadow: 0 1px 1px rgba(0,0,0,.05); 281 | -o-box-shadow: 0 1px 1px rgba(0,0,0,.05); 282 | -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); 283 | -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05); 284 | } 285 | 286 | .scope,.condition,.command{ 287 | margin:0; 288 | word-wrap: break-word; 289 | overflow-wrap: break-word; 290 | } 291 | .scope:before,.condition:before,.command:before{ 292 | content:'> '; 293 | } 294 | .scope:nth-child(odd),.condition:nth-child(odd),.command:nth-child(odd){ 295 | background:rgba(204,204,204,0.1) 296 | } 297 | .condition-info,.scope-info,.command-info,#build-scopes-area,#build-conditions-area,#submit-build,#build-commands-area{ 298 | display:none; 299 | word-wrap: break-word; 300 | overflow-wrap: break-word; 301 | } 302 | .condition-info,.scope-info,.command-info{ 303 | font-size:1.5rem; 304 | } 305 | .eigthyvh{ 306 | height:80vh; 307 | overflow-y:scroll; 308 | } 309 | .header-main{ 310 | height:100vh; 311 | width:100%; 312 | overflow:scroll; 313 | } 314 | .name > p{ 315 | margin:0.05rem; 316 | font-size:0.75em; 317 | } 318 | .mover{ 319 | float:left; 320 | width:49%; 321 | color:#666; 322 | font-size:1.1rem; 323 | font-weight:700; 324 | transform: scale(1,1.5); 325 | -webkit-transform: scale(1,1.5); 326 | -moz-transform: scale(1,1.5); 327 | -ms-transform: scale(1,1.5); 328 | -o-transform: scale(1,1.5); 329 | } 330 | .up,.down{ 331 | transform: scale(1,0.5); 332 | -webkit-transform: scale(1,0.5); 333 | -moz-transform: scale(1,0.5); 334 | -ms-transform: scale(1,0.5); 335 | -o-transform: scale(1,0.5); 336 | } 337 | .tail{ 338 | position:absolute; 339 | border-left:1px solid #fff; 340 | border-right:1px solid #fff; 341 | height:27px; 342 | margin-left:59px; 343 | } 344 | .connector-norm{ 345 | border-top:1px solid white; 346 | border-bottom:1px solid white; 347 | position:absolute; 348 | } 349 | .connector-norm-vert{ 350 | border-left:1px solid white; 351 | border-right:1px solid white; 352 | position:absolute; 353 | } 354 | .connector-or{ 355 | border-top:1px dashed white; 356 | border-bottom:1px dashed white; 357 | position:absolute; 358 | } 359 | .connector-or-vert{ 360 | border-left:1px dashed white; 361 | border-right:1px dashed white; 362 | position:absolute; 363 | } 364 | .connector-mutual{ 365 | border-top:1px solid red; 366 | border-bottom:1px solid red; 367 | position:absolute; 368 | } 369 | .all-info{ 370 | display:none; 371 | } 372 | .name{ 373 | background:#2d2220; 374 | padding:10px 8px; 375 | border:2px double #43423d; 376 | border-radius:10px; 377 | color:#fff; 378 | width:120px; 379 | word-wrap:break-word; 380 | } 381 | #choosegfx{ 382 | max-height:200px; 383 | display:none; 384 | overflow-y:scroll; 385 | margin:-0.25rem; 386 | } 387 | .focus{ 388 | position:absolute; 389 | text-align:center; 390 | width:120px; 391 | } 392 | .focus > img{ 393 | margin-bottom:-30px; 394 | } 395 | /*.panel{ 396 | height:100vh; 397 | width:40vw; 398 | position:fixed; 399 | z-index:10; 400 | border:0; 401 | } 402 | .panel2{ 403 | height:100vh; 404 | width:40vw; 405 | position:fixed; 406 | z-index:15; 407 | border:0; 408 | top:0; 409 | left:calc(40vw + 80px); 410 | }*/ 411 | .secondbox-extra{ 412 | height:100vh; 413 | width:40vw; 414 | position:fixed; 415 | z-index:16; 416 | border:0; 417 | top:0; 418 | left:calc(40vw + 80px); 419 | } 420 | 421 | .page-container.sidebar-collapsed-back .panel2,.page-container.sidebar-collapsed-back .panel2-extra{ 422 | left:calc(40vw + 270px); 423 | } 424 | /*.panel-body{ 425 | background:#fff; 426 | height:calc(100vh - 57px); 427 | width:100%; 428 | padding:1.5rem 0.5rem; 429 | overflow-y:scroll; 430 | }*/ 431 | #edit-focus,#export-box,#export-help-box,#server-box,#help-box,#import-box,#selectfocusarea,#jsondata,#builder,#tag-box,#state-box,#help-out-box,#editing{ 432 | display:none; 433 | } 434 | input,textarea{ 435 | width:100%; 436 | } 437 | #x,#y{ 438 | width:1.5rem; 439 | } 440 | .nficon{ 441 | width:75px; 442 | } 443 | .close-button{ 444 | float:right; 445 | cursor: pointer; 446 | margin-right:1.5rem; 447 | top:0.25rem; 448 | color:#fff; 449 | } 450 | #menu li, sidebar-icon{ 451 | cursor: pointer; 452 | } 453 | .alert{ 454 | background:#96281B; 455 | padding:10px; 456 | color:#fff; 457 | } 458 | small{font-size:0.65em;} 459 | #display-password{ 460 | display:none; 461 | width:300px; 462 | background:#96281B; 463 | color:#fff; 464 | padding:0.5rem; 465 | border:1px solid #fff; 466 | margin:0 auto; 467 | position:fixed; 468 | z-index:9999999; 469 | font-size:1.4rem; 470 | } 471 | .default-outcome,.build-hover{ 472 | display:none; 473 | border-top: 1px solid black; 474 | border-bottom: 1px solid black; 475 | margin: 0.25rem; 476 | padding: 0.25rem; 477 | } 478 | #searchoutput{ 479 | max-height:35vh; 480 | overflow-y:scroll; 481 | } 482 | .focus-reward { 483 | height: 3rem; 484 | overflow-y: scroll; 485 | width: 60%; 486 | margin-bottom:1rem; 487 | } 488 | .page-container.sidebar-collapsed #menu #help-out { 489 | opacity: 0; 490 | transition: all 50ms linear; 491 | } 492 | .donate{ 493 | background:#009; 494 | color:#fff; 495 | padding:0.5rem 1rem; 496 | border-radius:20px; 497 | transition:0.25s; 498 | } 499 | .donate:hover{ 500 | background:#ccc; 501 | color:#009; 502 | padding:0.5rem 1rem; 503 | border-radius:0; 504 | } 505 | 506 | .reward_wrapper{ 507 | position: relative; 508 | } 509 | .reward_wrapper textarea{ 510 | position: absolute; 511 | color:rgba(0,0,0,0.5); 512 | } 513 | 514 | #reward{ 515 | z-index:5; 516 | background: none; 517 | color:#000; 518 | } 519 | #reward_underlay{ 520 | resize: none; 521 | overflow-y: scroll; 522 | } 523 | 524 | input[type=checkbox]{ 525 | width:1rem; 526 | } 527 | 528 | /*@media(max-width:600px){ 529 | .panel{ 530 | height:100vh; 531 | width:calc(100vw - 66px); 532 | position:fixed; 533 | z-index:10; 534 | border:0; 535 | } 536 | .panel2{ 537 | height:100vh; 538 | width:calc(100vw - 66px); 539 | position:fixed; 540 | z-index:15; 541 | border:0; 542 | } 543 | .panel2-extra{ 544 | height:100vh; 545 | width:calc(100vw - 66px); 546 | position:fixed; 547 | z-index:16; 548 | border:0; 549 | } 550 | }*/ 551 | 552 | .panel{ 553 | overflow-y: scroll; 554 | border: none; 555 | border-radius: 0; 556 | max-width:32vw; 557 | } 558 | .panel-head{ 559 | background:#1b93e1; 560 | height:55px; 561 | } 562 | .panel-head > h3{ 563 | margin: 0; 564 | text-align: center; 565 | padding-top: 1rem; 566 | color:#fff; 567 | } 568 | .popup_container_wrapper{ 569 | position: fixed; 570 | z-index: 9999; 571 | left:1vw; 572 | top:0; 573 | width: 98vw; 574 | } 575 | .popup_container{ 576 | display: flex; 577 | } 578 | .popup_container .panel{ 579 | width:calc(50vw - ( 35px + 2vh )); 580 | height:98vh; 581 | margin: 1vh; 582 | display: block; 583 | position: static; 584 | } 585 | .popup_container .panel-body{ 586 | height:100%; 587 | } 588 | 589 | @media screen and (max-width: 780px){ 590 | .panel{ 591 | max-width:100vw; 592 | max-height:45vh; 593 | } 594 | .popup_container .panel{ 595 | width:95vw; 596 | } 597 | .popup_container{ 598 | flex-wrap: wrap; 599 | } 600 | #tag-box{ 601 | margin-top: -47vh; 602 | } 603 | } 604 | 605 | .errors{ 606 | background:red; 607 | color:white; 608 | display: none; 609 | position: absolute; 610 | z-index: 99999; 611 | display: none; 612 | top: 0; 613 | right: 0; 614 | cursor: pointer; 615 | } 616 | .errors .numbers{ 617 | width: 20px; 618 | height: 20px; 619 | font-size: 14px; 620 | display: block; 621 | text-align: center; 622 | border-radius: 50%; 623 | } 624 | .errors.inactive:hover{ 625 | animation-play-state: paused; 626 | } 627 | .errors.inactive{ 628 | border-radius: 50%; 629 | animation-name: bounce; 630 | animation-duration: 2s; 631 | animation-iteration-count: infinite; 632 | } 633 | .errors.inactive .message{ 634 | display: none; 635 | } 636 | .errors.active .message{ 637 | display: block; 638 | } 639 | 640 | @keyframes bounce { 641 | 0%, 20%, 50%, 80%, 100% {top: 0;} 642 | 10% {top: 10px;} 643 | 30% {top: 5px;} 644 | } -------------------------------------------------------------------------------- /index.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |X
40 |Name
45 | 46 |Description
49 | 50 |
55 | Custom focus GFX needs to be in a PNG format with a recommended Width: 95px Height: 85px
57 |Bypass
71 | 72 |Available
75 | 76 |Mutually Exclusive
79 | 80 |Prerequisite
83 | 84 |AI Will Do Factor
87 | 88 |Time to Complete
91 | 108 |Location - X|Y
111 | | 112 |Complete Tooltip
115 | 116 |Reward
119 |Use predictive input?
120 |X
135 |Saving to local storage will allow you to leave this page, and return with your focus tree exactly how you left it.
139 |Saving to server will allow you to save your current focus tree to the server, and access it from any location using the password you will be given once the focus tree has saved.
140 |Exporting to file will export a zip file. You will have 1 folder inside the zip file, and 4 sub-folders. Those 4 sub-folders will need to be dragged into your mod's main directory. If you have uploaded a custom icon, you may need to re-save the .tga file with a different encoding format if it doesn't appear in game.
141 |X
148 |By pressing the "Add Focus" button at the top of the page you will be able to start creating your focus tree
152 |Once you have created a focus you will be able to select it when creating a new focus as a prerequisite/mutually exclusive focus
153 |If you have made a mistake in one of the focuses, simply click the one you want to edit, and the editor will open up with the focus information in it
If you select the checkbox for delete mode, you will delete focuses when you click them.
You will be given a popup box when you click the boxes which will allow you to build these with relative ease. However, the default formatting may not work for all of the things you try.
157 |X
165 |If you would like your focuses to be public, e.g. anyone can use them, check the box below
169 | 170 |Please input which country/countries your focus(es) relate to seperated by comma for multiple countries, e.g ENG,SOV,GER
If it is for a generic focus tree leave it blank.
X
180 |Input the password of the focus(es) you want to add into the textbox below, or leave it blank to see all public focuses.
184 | 185 | 186 |Or paste an existing focus tree into the text box below, and press the "Import Focus Tree" button below it, to import an existing focuses from a focus tree
187 || Focus Tree | 190 |Localisation | 191 |
|---|---|
| 194 | | 195 | |
X
209 |Want to select multiple? Choose whether you want all to be required, or any to be required
213 |ALL - | ANY - | RESET -
214 |X
223 |Search
227 | 228 | After searching, click the output to see the example, click the example to add it to the builder 229 |Add Political Power
232 |Add Civilian Factory To Any Owned State
235 |Add Military Factory To Any Owned State
272 |X
323 |Search for a country
327 | 328 | 330 |X
337 |Search for a state name
341 | 342 |X
351 |Focus tree ID (ASCII alphabet characters only - all spaces will be removed)
355 | 376 |Upon pressing the Export Focus button you will be given a zip file which contains a single folder. Open that folder, and you will have 4 sub-folders. Copy these into the main directory for your mod; interfaces and gfx will not be needed if you have not used any custom icons.
377 |X
384 |Helping with coding could make the tool grow and evolve much faster, if you understand Javascript/jQuery and/or PHP, as well as basic CSS and HTML you may be able help out.
389 |The code behind this tool is available on GitHub
390 |Being web-based, this tool requires a server to run on. And when it comes to websites, I will never put anything on it which I wouldn't want to see myself, which means no adverts.
392 |$10 a month is all it costs to keep this tool online. I am more than happy to pay this myself, though any donations towards the upkeep are greatly appreciated, and I will find a way to honour anyone who donates.
393 | 394 |'+name+'
'+$(focusname).text()+'
'+$(focusname).text()+'
'+val.country+'
'; 453 | } 454 | }); 455 | $("#export-country-result").html(output); 456 | }); 457 | }); 458 | $(document).on('click', ".focus_tree_tags", function() { 459 | var tagid = $(this).attr("id"); 460 | $("#export-country").val($("#export-country").val()+tagid); 461 | }); 462 | 463 | /* Export text files*/ 464 | $("#export-focus").click(function(){ 465 | currentx = 0; 466 | currenty = 0; 467 | working = 0; 468 | checked = 0; 469 | var maxx = parseInt($("#max-x").text()); 470 | var maxy = parseInt($("#max-y").text()); 471 | var focustreeid =$("#focus-tree-id").val().replace(/\s+/g, '').replace(/[^a-zA-Z]/g, '').toLowerCase(); 472 | $("#workplace-focus").val('{"treeid":"'+focustreeid+'","start":"focus_tree = {