Log Styling

UvUno · Sep 6, 2018 · bf43018 · bf43018
1 parent b6ecc90
commit bf43018
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/installer.php b/installer.php
@@ -283,7 +283,7 @@ function cleanup() {
      */
     function composerProgress($file){
         $log_file = file_get_contents($this->tpath . $file);
-        $result  = "<pre id='consoleoutput' style='height: 300px; max-height: 300px; overflow:auto; color:#fff;'>" . $log_file . "</pre>";
+        $result  = "<pre id='consoleoutput' style='white-space: pre-wrap; text-align:left; height: 300px; max-height: 300px; overflow:auto; color:#fff;'>" . $log_file . "</pre>";
         return $result;
     }
 
@@ -328,8 +328,10 @@ function composerProgress($file){
                      src=" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYIAAABDCAYAAACROQIsAAARk0lEQVR42u1df4hcxR2/E8XSH9b+sNa2WrHxR5Pd69lLcre7lxix/oied7c/7gyImCZ3aRpzP/a9DRUpXW3FaqEaClIoQlKwLZWK0iKlUKiB/mPAKkpppS2JNaeUFhIKIVQKdj7vbq+7szPvzbyZee/t+v3CgOZ2Zme+O/P9zHx/Dgxo0Mpcrrmyb+jEO18beo/aaluZzz13YvfwxQNERERE/U5vzeWXSfCL26n5oVdohxAREfU9QdiR0Je3t/bndtAuISIi6luC6oOEfYSKaN/Qg7RTiIiI+pZW9uanSdiHt7fncy/STiEiIupjtVDuMAn76EY7hYiIqI+BgOwDSkbj3RuHabcQERH1JZGQVzQYz+WXabcQERH1HcEbhoS8qhvppudNeD08sXj1eHX5zrhtZOLgddt2LlwyMDJyAe3c+LRjd/MDW6a9m1p8LZTrtw1PL1OsCPG159eP78P3tuaA+WBekR3hDUNCXhUI8qdNfqRi1Vscnz30nmkrzvjvjtf8346Wl24eaDbPIxGkR7nJuUuLNf9P6zyt+f8cLx/8EnGG+Nrr68f3Bd/bkhVsPphXZEd4w5CQT8ZOYAsI2lup5r9WKi+Os+EHSRSRwCK+EhDEAgIS7ppAsH/j7iwBQeuFUKwc8kllRAKL+EpAoA0EuN2ScNcMLJvLH7UFBOxHOstu9G8Ua40/qzX/lBQQav5/x6v+EqmKSGARXwkItF8ERMmRAAheuPSWez6kNciGnRdurSzfAZVQ18uAAUth2psgTpPAUiZ2cQA/xivLJVPDJgEBAQFRUkCwRvAEYOM9HLwEOsZs/HVs1/1XErdJYIXRNRP7Pjlea7y4vn8s8ICAgICAKGEgWKPBsYq3wIMBey08MEDGYxJYCfOAgICAgCgdIBhA/2LNe54Dgj9uvP3Ap4njJLAICAgIIoHgra/mb6Cm307svy6W6sUFEIBGK96NpRn/XLvhGEElJPJJYBEQEBCEAgGlnk4+JbUrILjqK/s+ysY61vEqqPp1EvkksAgICAhCgYBSSySfasIVEDAaLNW8H7WPXag1fkginwQWAQEBQTgQUGnKxGsTOASCAQh+AgISWAQEBARaQEA5hpKvTdBTQDAycgES3GETtVqSCe9Gd959Uft3o+Hf+h4Ims3z4NrJrx3xI30FBGw9ie8rx7x1uq+48yiTG9pAQDmGzFocg3HWgSB/x9c/BndUeB3xLqncvP+Cz+HzNg9p8a6lLYWa//NSrXEm5LvPFmf8Z/DZuFHUNg/sSGXfZYjnKFT9w+ut5j++dbK+WXWMyyaaHxwt13cxvr8UJBSUphJprIzN+t8pTOz/rOrY26cOXF6s+t/tmB9rgSqx5p9etynN+OdKVe8n/Oc6+lT9b4WBcRRfC5MHNhRn/SfZZ/6R1L5yyVvXQBB1HsFH8BN8jQ0EVIwm+WL2mQUCdtsoVOsHwwSwOOFd4wz6md7mRqYXvhAEN+nmWWJ90DetAyty3Q14z4SmIk8GmZCaYnx8Rzu3VM17FEJOV1VglNMqQqjI+IqIZQZGR8IuFw72lXPeOgMC3fPI+Ar+gs/aQEDCPPkiNVkEAtzw2A32qImAQP+4ahuk0jYSVKxvkI47+QMrCebzfqnECxz2mvdtVeEoEczH8CLJMhBsrfrTuI0nuq8S4q2LfWVyHsFn8FsZCCjZnA3PodzhngeC4ObhH5bdykSJ72S3FI1b8Dptnly4Hk9y4Q2n5p8UJN07KXwiszEwVpIHFjmdoKbi0nu8Mrpz4XNxQSQ8EaFYnRIFPCkDAfsdG/9JeF8lxlvr+8rCeQz43bb20N8szHX07fn8SbIfRPMhjudQ1oCAHZjdgvQUr20r12+Q6t/Zv+PvXUnv2DgYT3W+MNrxN0U8y0uz/mNhOmL8DZ/h9b0YC2MmcWBFAKYDRuAfDyJQYRQry7UQoTe4bWpho0iFVpj1HhmQpBThK1a1Gvuue9rXwATIv4P9GVIhL6raVRdfU9hXSfLW9r6yeh5VgEDmMSTKtY/XA4BjZW9+Gv3QIATRVuaHzvSkWmc+92ow/7n8UawHah6sUaT3h1EYnxcElZ3oZSCABwLb+C9z8/mVagbKQO/LPs895V9VNbYVKvW9/G0NOl3FQxfof7tu5Iy/rg8sbvy4+cfN+gpByvj0LP+SUE0UGCQbnPV/wKvHdF80iXgNJbyv0uatCU9dnMdo1dB87rBIOMbdAIGwlIAFbtZJ+/ijYY2YB8BNJuRVCWPYcCF1BQQ7dsx8mI31m45NUPG/GXr7qNbvNc1ais+jX/s4GDcSBG7d+3F2oz9umChvEH24F8VxjO3qwEJNAHWB4Ma6oDr3YmVpO5cO5PTorDem603C315h4MwiECS5r9LmrQlPXZ3HUCAQqTzi6Ly1wGL38MUQqLZfEbjVm5SPVCGZKk33e10BAVwV210B0VCzQA4czfPZgflx5226/o04341+HQKdjYvxQzfs1NIoVBFtIPBGaWLxCt3vRh/0bVdvYGwnB1aiv9XVYQOgO/t7T0XxS/KiKnO64GNINZI5IEhwX6XN27g8dXkeI14E+dO28ufoEl4NaUf4xiEhCLG1pA4ETAgFrnmdt+tQwcrfyFUFqIpQV7mV87cflUOueoBUbo4xDqyZh1CLNuy8EDEQHXsAuus4B/72+z5fqjX+1raX/j48sXh1loAg0X2VAd7G5anT8xgGBKr2AdyEXdy2007+FvZqkWUXtfH9LuoRsFvPHl5AsVvq98JUFTaFQJy0tzwfTKKgeduIip1Ad/2GHkLrtBp34L/Q8XKrLt1q5fat+RtmPcWE7r7KAm+T7mfEN5maQ6RD7xJ887nfoZ2ayz+xMpdrshv5Uis1s7K+3aLrqo4gDuwYbJ4rcxunMPegra0Hht+ocYUGY836xVaBoNk8r1A5tE8goN7cPLl0bVYPbK8BgamHEAEBAUEm+SYzfPI3/7gCGxHLqwJ20xEIW1UgsqUaCozWbUJepAaLAzAiu4quasoSEEhd3VQNl/0EBGspC06y9lOs3eYTXmw4jF8XmoCAgCAzfJO5jroS2KpAZAsIbCTTE47Lbv/doJc/bQgEkgAXeQsLO1c1XPYTEDg76CLjsKaHEAEBAUF2XwTzm55XEtgWVDiuBHWYILaRXltUb0A2b9gV4gKBtYaKZDX/8bBgHwICrfULjcNxoqcJCAgIMsm3OCqOlh8+hGwQJ8BuxyoxAqJxRTEMNl8cUS8ZuK+uB8StxTzA+wf9woS6DGB04hNcAAGiJsfKyxWdTJwEBBFZMgXGYVMQkAmrUsW7i0+LrNK23FnfhGydBAQEBLH45sINM/C2EQSUiRKz2U5fwQtvvGTao4ZbAWWm3k/SWAKBt1USQAAhAGNxqlkS+xAIRMZhbTdRDWFl8VVIQEBAoMY3eM7IgrKSOoS2gcAkYtgGEOh4LglsBH8olL2ZsPwuXfleqotFU6FEQCBevzh9hL6bKAEBAUGmgcCGMDOlOF48WQACvDxM6xe7zDVEQGC2/q3l5QL7t19wv8+/ggI4loiAgIAgG0Ag03MLVDirtoCNU7IAq7hkO7eQTRAL7CBBrEGuqRpUBndZAoL+eBG4sg24EFZZ2gMEBD0GBDLPF5VgslbGzTX//OdaQVk6AWUy1VQSQNAKKDu1d+hezDsIigviDMSV2sSxBGLjOAFBfwABUlaMV73v23QZJSAgIMgc32T6eR4ITAR2K6AMglZVz27d1RNGa4OAMp2gMp36xQQE2QYC/E2UYdQkiIyAgIAgiy+CE2kGk9lMOOc6VkEEMLIYDFU7BQFB9oFgFQwERuOYaSUICAgIMsc3W774qsVfXAholQIxzqKLJeOqqqcICHoDCEDCHEOGHkQEBAQEqfNNFinsSmC7jip2DWQiI7C0sptiLQcCAvtAUCovjsOlNihTqRhUp7p+kfHYJKbAprDCWKWqd/vIxMHr4syHgOB9CgQy4ehKYItiE1zVQuaDylyptnR4SECQDBB0ZB+FYbfqzVtcv9VUEy6FFfvvU0hGSEBAQBDKN5lwdwYEGsZW27EEMp9/V0CgWr+YgMAxELioR2Ax+RzlGiIgSB8IBNkzpamcLSRuE8Um2A4m03V/1VNt5U92zT8kcyoBQf8WprHlSZQlIODrXJtUxSIg6CEgCLuNiwYUFWLR0rELcvu4KlgvAh2T+SMxnagMZVjCPBXPoawAgejQxC7rx/rxOvSo/Ec4oBwftOrttgh90Lf9pr5l2rvJxcGz5UnEAxfq7Mbhu6Ak4evbdi5cojyAxdKOWblgpM3buOt3eR67jcUht3GR0GsVm4fLpEqm0SjXSxcxBGH2CF1X1VZGUgh7WVyAzP1WtX5xVoAgmEvNe7TzVu4/q5rGev1WyT6Pfp1r8h6N6ofiMagD21az+NxoxbtRdw3og75J1Za14UnE12serzVe1hLga7YLlCPtBCX/GQh3rT3QXejcaD+mDQRp89Zk/e7OYxvfonTmOmkSWplGg2yjrTTO62mpV1M7i9I5u/IYCisQE2QdXQey7rTTOhlJo9RlKi6kWQKCrZP1zWyjnu6oaVCp79XQew+Oluu7OgypbDyMG62WaJ5fqHpPcYft+NAt+z+lPP/yfZ/oeA0ERlzvKYzt8MAaF7EvTSxegWJEHf1n/cd00ojDU0rw25VNhS3GATjETamRNhCkzVuT9Ts5jzzfVG7jKC3pSugErwtH9oEw9ZAtAmBEzV8lg2uWgACHvVj1j/B677Gyf3fkwZHVS2bjqQqR0VlvrGPjr/b/9fWTBz8T1Xf71IHLeRDAWBjTucASGY/1PIkGmbB6gDc+l6r+/Qo3wMFCuX5bh/Bevfm+iLKaultAllKjNOP97Mvl5S/qCNAsAEHavDXdV7bPYxffVMtDitJC2CDkJoqjp9d9FZjWHJC/KqJBTMWFNFNAEKg6lq5FsfvuYjf+a+x2vWdzZfmq9mIo+H/8O/7eveEab2I8rSf4rPeIYOOeha63WFnazhdjwb8FfxNseIylensyFVgi47GOJxFiHhgPXxKs/WSxcshHbED7uqF6CtKVo35y943v7LZy/Ya4e0Bk+wipgREqjDMABKny1nT9Ns7j6vnxXxXyTUctAzURErPZA4FNR2IZa2OokmyCAewEunPvNSAIBEF56eauW1CMFMgYR18I3X0R27RHTVMwYwydoCobAktcu0Ddk2hzeTGHGtSGxYnOaqoPwmw2r/cDEKTJWyv7yuQ8rl1GVl/Mq3uz80UgyZETLZCRuG3TET7TqEqd3tWbtDizp4qxOa5xGWAQpJFWmCNAQ5SRNMworBPY1gtAANoyvTwc9+CgH/rH/W482RlfHuZvY6obH311jWq2BJbQeKzhSSRUcWmAL1QZAxayooJgnynO+k+H/Q69AgRp8dbW+uOcx1KtcQavg9acW1HxHBDEE8gqeX74tNQBcMQUpHz5R+P5YW7t81rLSOrMThHhQppVIABdW9rzkULVfwgbSn3j+Q+hn4WvH0RhmNJM4/fKG599Fn3iCEKbAkuUhgK3sbFd91+pCoSlsj+H2tNKwDvjv8sE9pMqtpRYv8P0fdewF9bjQT3kMMNjxoEgDd7aXL/qeVyb89OFyQMbumwObC0dfHNppHWSMmLNfTPuSyatplO/OLME//LK0vbx2caDMIDyDf+Ov+u6KqoKItzk4AYo+m40/A2fsXUTzgyxgwuhAcOmaN1wL0T8hY3aye876mXeSs4j5jxW8SaVnQRcFINx2dojem1EOCfZkiz5SURERKRMLgO53MQE/D+TpyxjanZBTC35HBEREVGyQNBrt2ouQlcnojl9EFMPzCMiIiJKjMLy42TSPsB53siS5WW10Y4jIiLKHLlK/ezE60ZQJEc1GC4zrwIHQW1ERERERmTqypm2sdVWbYHEwEyxfjERERFRYtQPQtQ0JXaaNg4iIiKiDKiGesPYKioE0/aqeZBUQ0REREQxKUgXrZnALWvBWEHq6x54FahkICUiIiJKmv4H+VYNIxhj5DgAAAAASUVORK5CYII="/>
                 <p style="max-width: 460px; margin:auto;">Pockethold is a 3rd party no shell Flarum downloader.</p>
 
-                <div id="progressdiv" style="padding-top:2em;">
-                    <p style="max-width: 460px; margin:50px auto auto auto;"><button id="checkingbtn" class="instal1 btn btn-default btn-lg" role="button" disabled>Getting Status<i class="fa fa-cog fa-spin"></i></button></p>
+                <div id="progressdiv" style="margin-top:50px;">
+                    <p style="max-width: 460px; margin:50px auto auto auto;">
+                        <button id="checkingbtn" class="instal1 btn btn-default btn-lg" role="button" disabled>Getting Status<i class="fa fa-cog fa-spin"></i></button>
+                    </p>
                 </div>
 
             </div>
@@ -345,7 +347,11 @@ function composerProgress($file){
         var count = 0;
         var fmsg = "<h2 class='instal1'>Install failed</h2>";
 
-        var waiting = "<button class='instal1 btn btn-default btn-lg' disabled>Working Please wait <i class='fa fa-cog fa-spin'></i></button><div style='margin-top: 50px; padding:5px; background: #141414;' id='progress'></div>";
+        var waiting = "<button class='instal1 btn btn-default btn-lg' disabled>Working Please wait<i class='fa fa-cog fa-spin'>" +
+            "</i></button><div class='card' style='margin-top: 50px;'><div class='card-header'>Current Task Log </div>" +
+            "<div class='card-body' id='progress' style=' padding:5px; background: #141414;'></div></div>";
+
+
         var setup = "<button class='instal1 btn btn-default btn-lg' disabled>Getting Composer<i class='fa fa-cog fa-spin'></i></button>";
         var prepare1 = '<span class="instal1"><span id="prepare1btn" class="instal1 btn btn-primary btn-lg" role="button">Step 1: Download Composer</span></span>';