From mboxrd@z Thu Jan  1 00:00:00 1970
From: Leo Hofmann <hofmann@leo-andres.de>
To: development@lists.ipfire.org
Subject: Re: [PATCH 2/4] pakfire.cgi: Implement JavaScript log message display
Date: Thu, 02 Dec 2021 19:48:25 +0100
Message-ID: <98b30438-4f0e-ba65-3fff-14706180fc1d@leo-andres.de>
In-Reply-To: <7dac08bc-a83f-a400-bb29-6f950d2b3c30@leo-andres.de>
MIME-Version: 1.0
Content-Type: multipart/mixed; boundary="===============6199361634072052406=="
List-Id: <development.lists.ipfire.org>

--===============6199361634072052406==
Content-Type: text/plain; charset="utf-8"
Content-Transfer-Encoding: quoted-printable

Hi,

I made up a simple bash script (attached below) to compare 10,000 runs of tac=
|sed, grep|tail, plain grep:


tac + sed method (tac /var/log/messages | sed -n '/pakfire:/{p;/Pakfire.*star=
ted/q}' > /dev/null)

real=C2=A0=C2=A0=C2=A0 0m28.365s
user=C2=A0=C2=A0=C2=A0 0m31.261s
sys=C2=A0=C2=A0=C2=A0=C2=A0 0m17.783s

grep + tail method (grep pakfire /var/log/messages | tail -20 > /dev/null)

real=C2=A0=C2=A0=C2=A0 1m7.391s
user=C2=A0=C2=A0=C2=A0 1m0.450s
sys=C2=A0=C2=A0=C2=A0=C2=A0 1m2.278s

plain grep method (grep pakfire /var/log/messages > /dev/null)

real=C2=A0=C2=A0=C2=A0 0m24.822s
user=C2=A0=C2=A0=C2=A0 0m16.607s
sys=C2=A0=C2=A0=C2=A0=C2=A0 0m9.018s

Although a simple "grep pakfire" seems to be the fastest solution at first gl=
ance, you would have to process a lot of data in Perl afterwards, loosing any=
 benefit.
The tac+sed method already returns only the desired lines and is still faster=
 than the previously used grep+tail technique.
Therefore, I would want to argue that this method is suitable!

What do you think? Is this test acceptable?

Regards
Leo


#!/bin/bash
tacsed () {
 =C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 for run in {1..10000}; do
 =C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=
=A0=C2=A0=C2=A0 tac /var/log/messages | sed -n '/pakfire:/{p;/Pakfire.*starte=
d/q}' > /dev/null
 =C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 done
}
greptail () {
 =C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 for run in {1..10000}; do
 =C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=
=A0=C2=A0=C2=A0 grep pakfire /var/log/messages | tail -20 > /dev/null
 =C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 done
}
plaingrep () {
 =C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 for run in {1..10000}; do
 =C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=
=A0=C2=A0=C2=A0 grep pakfire /var/log/messages > /dev/null
 =C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 done
}
echo -e "\ntac + sed method"
time tacsed
echo -e "\ngrep + tail method"
time greptail
echo -e "\nplain grep method"
time plaingrep



Am 02.12.2021 um 17:30 schrieb Leo Hofmann:
> Hi,
>
> Am 02.12.2021 um 16:59 schrieb Michael Tremer:
>> Hello,
>>
>>> On 2 Dec 2021, at 15:39, Leo-Andres Hofmann <hofmann(a)leo-andres.de> wro=
te:
>>>
>>> Currently the page becomes unresponsive while Pakfire is busy.
>>> This patch implements a AJAX/JSON driven log output, to provide
>>> continuous information to the user while Pakfire is running.
>>>
>>> The output is updated 1x per second, if the load should be too high,
>>> the interval can be change by writing to "pakfire.refreshInterval".
>>>
>>> Signed-off-by: Leo-Andres Hofmann <hofmann(a)leo-andres.de>
>>> ---
>>> html/cgi-bin/pakfire.cgi=C2=A0=C2=A0=C2=A0=C2=A0 | 153 ++++++++++++++++++=
----
>>> html/html/include/pakfire.js | 241 +++++++++++++++++++++++++++++++++++
>>> 2 files changed, 368 insertions(+), 26 deletions(-)
>>> create mode 100644 html/html/include/pakfire.js
>>>
>>> diff --git a/html/cgi-bin/pakfire.cgi b/html/cgi-bin/pakfire.cgi
>>> index 7957bc154..e5f5f7d6a 100644
>>> --- a/html/cgi-bin/pakfire.cgi
>>> +++ b/html/cgi-bin/pakfire.cgi
>>> @@ -36,8 +36,11 @@ my %color =3D ();
>>> my %pakfiresettings =3D ();
>>> my %mainsettings =3D ();
>>>
>>> -&Header::showhttpheaders();
>>> +# Load general settings
>>> +&General::readhash("${General::swroot}/main/settings", \%mainsettings);
>>> +&General::readhash("/srv/web/ipfire/html/themes/ipfire/include/colors.tx=
t", \%color);
>>>
>>> +# Get CGI request data
>>> $cgiparams{'ACTION'} =3D '';
>>> $cgiparams{'VALID'} =3D '';
>>>
>>> @@ -46,12 +49,102 @@ $cgiparams{'DELPAKS'} =3D '';
>>>
>>> &Header::getcgihash(\%cgiparams);
>>>
>>> -&General::readhash("${General::swroot}/main/settings", \%mainsettings);
>>> -&General::readhash("/srv/web/ipfire/html/themes/ipfire/include/colors.tx=
t", \%color);
>>> +### Process AJAX/JSON request ###
>>> +if($cgiparams{'ACTION'} eq 'json-getstatus') {
>>> +=C2=A0=C2=A0=C2=A0 # Send HTTP headers
>>> +=C2=A0=C2=A0=C2=A0 _start_json_output();
>>> +
>>> +=C2=A0=C2=A0=C2=A0 # Collect Pakfire status and log messages
>>> +=C2=A0=C2=A0=C2=A0 my %status =3D (
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 'running' =3D> &_is_pakfire_b=
usy() || "0",
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 'running_since' =3D> &General=
::age("$Pakfire::lockfile") || "0s",
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 'reboot' =3D> (-e "/var/run/n=
eed_reboot") || "0"
>>> +=C2=A0=C2=A0=C2=A0 );
>>> +=C2=A0=C2=A0=C2=A0 my @messages =3D `tac /var/log/messages | sed -n '/pa=
kfire:/{p;/Pakfire.*started/q}'`;
>>> +
>>> +=C2=A0=C2=A0=C2=A0 # Start JSON file
>>> +=C2=A0=C2=A0=C2=A0 print "{\n";
>>> +
>>> +=C2=A0=C2=A0=C2=A0 foreach my $key (keys %status) {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 my $value =3D $status{$key};
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 print qq{\t"$key": "$value",\=
n};
>>> +=C2=A0=C2=A0=C2=A0 }
>>> +
>>> +=C2=A0=C2=A0=C2=A0 # Print sanitized messages in reverse order to undo p=
revious "tac"
>>> +=C2=A0=C2=A0=C2=A0 print qq{\t"messages": [\n};
>>> +=C2=A0=C2=A0=C2=A0 for my $index (reverse (0 .. $#messages)) {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 my $line =3D $messages[$index=
];
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 $line =3D~ s/[[:cntrl:]<>&\\]=
+//g;
>>> +
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 print qq{\t\t"$line"};
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 print ",\n" unless $index < 1;
>>> +=C2=A0=C2=A0=C2=A0 }
>>> +=C2=A0=C2=A0=C2=A0 print "\n\t]\n";
>> What is the reason to =E2=80=9Ctac=E2=80=9D the log file first and then re=
verse the order again?
>>
>> Is it just to limit the length of the JSON array?
>>
>> It might be faster to read the entire file, grep out what we need and then=
 throw away most of the array. Or push a line to the end of the array and rem=
ove one from the beginning if it is longer than a certain threshold.
>
> I wanted to make sure that only the output of the current Pakfire run is sh=
own. Therefore, I use tac and sed to read the logfile backwards until the las=
t "Pakfire ... started!" header is reached.
> This works very well, but then of course the messages array is also in reve=
rse order.
>
> All the ideas I had required some form of "reverse", or I had to load the e=
ntire file in Perl and check every line. I assumed that tac & sed would be mo=
re efficient than any Perl solution I could come up with. I'll try to time th=
is and report back!
>
> Leo
>
>>
>>> +
>>> +=C2=A0=C2=A0=C2=A0 # Finalize JSON file & stop
>>> +=C2=A0=C2=A0=C2=A0 print "}";
>>> +=C2=A0=C2=A0=C2=A0 exit;
>>> +}
>>> +
>>> +### Start pakfire page ###
>>> +&Header::showhttpheaders();
>>> +
>>> +###--- HTML HEAD ---###
>>> +my $extraHead =3D <<END
>>> +<style>
>>> +=C2=A0=C2=A0=C2=A0 /* Pakfire log viewer */
>>> +=C2=A0=C2=A0=C2=A0 section#pflog-header {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 width: 100%;
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 display: flex;
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 text-align: left;
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 align-items: center;
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 column-gap: 20px;
>>> +=C2=A0=C2=A0=C2=A0 }
>>> +=C2=A0=C2=A0=C2=A0 #pflog-header > div:last-child {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 margin-left: auto;
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 margin-right: 20px;
>>> +=C2=A0=C2=A0=C2=A0 }
>>> +=C2=A0=C2=A0=C2=A0 #pflog-header span {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 line-height: 1.3em;
>>> +=C2=A0=C2=A0=C2=A0 }
>>> +=C2=A0=C2=A0=C2=A0 #pflog-header span:empty::before {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 content: "\\200b"; /* zero wi=
dth space */
>>> +=C2=A0=C2=A0=C2=A0 }
>>> +
>>> +=C2=A0=C2=A0=C2=A0 pre#pflog-messages {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 margin-top: 0.7em;
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 padding-top: 0.7em;
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 border-top: 0.5px solid $Head=
er::bordercolour;
>>>
>>> -&Header::openpage($Lang::tr{'pakfire configuration'}, 1);
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 text-align: left;
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 min-height: 15em;
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 overflow-x: auto;
>>> +=C2=A0=C2=A0=C2=A0 }
>>> +</style>
>>> +
>>> +<script src=3D"/include/pakfire.js"></script>
>>> +<script>
>>> +=C2=A0=C2=A0=C2=A0 // Translations
>>> +=C2=A0=C2=A0=C2=A0 pakfire.i18n.load({
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 'working': '$Lang::tr{'pakfir=
e working'}',
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 'finished': 'Pakfire is finis=
hed! Please check the log output.',
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 'since': '$Lang::tr{'since'} =
', //(space is intentional)
>>> +
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 'link_return': '<a href=3D"$E=
NV{'SCRIPT_NAME'}">Return to Pakfire</a>',
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 'link_reboot': '<a href=3D"/c=
gi-bin/shutdown.cgi">$Lang::tr{'needreboot'}</a>'
>>> +=C2=A0=C2=A0=C2=A0 });
>>> +
>>> +=C2=A0=C2=A0=C2=A0 // AJAX auto refresh interval
>>> +=C2=A0=C2=A0=C2=A0 pakfire.refreshInterval =3D 1000;
>>> +</script>
>>> +END
>>> +;
>>> +###--- END HTML HEAD ---###
>>> +
>>> +&Header::openpage($Lang::tr{'pakfire configuration'}, 1, $extraHead);
>>> &Header::openbigbox('100%', 'left', '', $errormessage);
>>>
>>> +# Process Pakfire commands
>>> if (($cgiparams{'ACTION'} eq 'install') && (! &_is_pakfire_busy())) {
>>> =C2=A0=C2=A0=C2=A0=C2=A0my @pkgs =3D split(/\|/, $cgiparams{'INSPAKS'});
>>> =C2=A0=C2=A0=C2=A0=C2=A0if ("$cgiparams{'FORCE'}" eq "on") {
>>> @@ -170,29 +263,30 @@ if ($errormessage) {
>>> =C2=A0=C2=A0=C2=A0=C2=A0&Header::closebox();
>>> }
>>>
>>> -# Check if pakfire is already running.
>>> -if (&_is_pakfire_busy()) {
>>> -=C2=A0=C2=A0=C2=A0 &Header::openbox( 'Waiting', 1, "<meta http-equiv=3D'=
refresh' content=3D'10;'>" );
>>> -=C2=A0=C2=A0=C2=A0 print <<END;
>>> -=C2=A0=C2=A0=C2=A0 <table>
>>> -=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 <tr><td>
>>> -=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=
=C2=A0=C2=A0=C2=A0 <img src=3D'/images/indicator.gif' alt=3D'$Lang::tr{'activ=
e'}' title=3D'$Lang::tr{'active'}' />&nbsp;
>>> -=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 <td>
>>> -=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=
=C2=A0=C2=A0=C2=A0 $Lang::tr{'pakfire working'}
>>> -=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 <tr><td colspan=3D'2' align=
=3D'center'>
>>> -=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 <form=
 method=3D'post' action=3D'$ENV{'SCRIPT_NAME'}'>
>>> -=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=
=C2=A0=C2=A0=C2=A0 <input type=3D'image' alt=3D'$Lang::tr{'reload'}' title=3D=
'$Lang::tr{'reload'}' src=3D'/images/view-refresh.png' />
>>> -=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 </for=
m>
>>> -=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 <tr><td colspan=3D'2' align=
=3D'left'><code>
>>> -END
>>> -=C2=A0=C2=A0=C2=A0 my @output =3D `grep pakfire /var/log/messages | tail=
 -20`;
>>> -=C2=A0=C2=A0=C2=A0 foreach (@output) {
>>> -=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 print "$_<br>";
>>> -=C2=A0=C2=A0=C2=A0 }
>>> -=C2=A0=C2=A0=C2=A0 print <<END;
>>> -=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 </cod=
e>
>>> -=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 </table>
>>> +# Show log output while Pakfire is running
>>> +if(&_is_pakfire_busy()) {
>>> +=C2=A0=C2=A0=C2=A0 &Header::openbox("100%", "center", "Pakfire");
>>> +
>>> +=C2=A0=C2=A0=C2=A0 print <<END
>>> +<section id=3D"pflog-header">
>>> +=C2=A0=C2=A0=C2=A0 <div><img src=3D"/images/indicator.gif" alt=3D"$Lang:=
:tr{'active'}" title=3D"$Lang::tr{'pagerefresh'}"></div>
>>> +=C2=A0=C2=A0=C2=A0 <div>
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 <span id=3D"pflog-status">$La=
ng::tr{'pakfire working'}</span><br>
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 <span id=3D"pflog-time"></spa=
n><br>
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 <span id=3D"pflog-action"></s=
pan>
>>> +=C2=A0=C2=A0=C2=A0 </div>
>>> +=C2=A0=C2=A0=C2=A0 <div><a href=3D"$ENV{'SCRIPT_NAME'}"><img src=3D"/ima=
ges/view-refresh.png" alt=3D"$Lang::tr{'refresh'}" title=3D"$Lang::tr{'refres=
h'}"></a></div>
>>> +</section>
>>> +
>>> +<!-- Pakfire log messages -->
>>> +<pre id=3D"pflog-messages"></pre>
>>> +<script>
>>> +=C2=A0=C2=A0=C2=A0 pakfire.running =3D true;
>>> +</script>
>>> +
>>> END
>>> +;
>>> +
>>> =C2=A0=C2=A0=C2=A0=C2=A0&Header::closebox();
>>> =C2=A0=C2=A0=C2=A0=C2=A0&Header::closebigbox();
>>> =C2=A0=C2=A0=C2=A0=C2=A0&Header::closepage();
>>> @@ -320,3 +414,10 @@ sub _is_pakfire_busy {
>>> =C2=A0=C2=A0=C2=A0=C2=A0# Test presence of PID or lockfile
>>> =C2=A0=C2=A0=C2=A0=C2=A0return (($pakfire_pid) || (-e "$Pakfire::lockfile=
"));
>>> }
>>> +
>>> +# Send HTTP headers
>>> +sub _start_json_output {
>>> +=C2=A0=C2=A0=C2=A0 print "Cache-Control: no-cache, no-store\n";
>>> +=C2=A0=C2=A0=C2=A0 print "Content-Type: application/json\n";
>>> +=C2=A0=C2=A0=C2=A0 print "\n"; # End of HTTP headers
>>> +}
>>> diff --git a/html/html/include/pakfire.js b/html/html/include/pakfire.js
>>> new file mode 100644
>>> index 000000000..0950870e0
>>> --- /dev/null
>>> +++ b/html/html/include/pakfire.js
>>> @@ -0,0 +1,241 @@
>>> +/*######################################################################=
#######
>>> +# #
>>> +# IPFire.org - A linux based firewall=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=
=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=
=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=
=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 #
>>> +# Copyright (C) 2007-2021=C2=A0 IPFire Team <info(a)ipfire.org>=C2=A0=C2=
=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=
=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 #
>>> +# #
>>> +# This program is free software: you can redistribute it and/or modify=
=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 #
>>> +# it under the terms of the GNU General Public License as published by=
=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 #
>>> +# the Free Software Foundation, either version 3 of the License, or=C2=
=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 #
>>> +# (at your option) any later version.=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=
=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=
=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=
=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 #
>>> +# #
>>> +# This program is distributed in the hope that it will be useful,=C2=A0=
=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 #
>>> +# but WITHOUT ANY WARRANTY; without even the implied warranty of=C2=A0=
=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 #
>>> +# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.=C2=A0 See the=C2=
=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=
=C2=A0 #
>>> +# GNU General Public License for more details.=C2=A0=C2=A0=C2=A0=C2=A0=
=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=
=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=
=C2=A0=C2=A0 #
>>> +# #
>>> +# You should have received a copy of the GNU General Public License=C2=
=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 #
>>> +# along with this program.=C2=A0 If not, see <http://www.gnu.org/license=
s/>.=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 #
>>> +# #
>>> +########################################################################=
#####*/
>>> +
>>> +"use strict";
>>> +
>>> +// Pakfire Javascript functions (requires jQuery)
>>> +class PakfireJS {
>>> +=C2=A0=C2=A0=C2=A0 constructor() {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 //--- Public properties ---
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 // Translation strings
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 this.i18n =3D new PakfireI18N=
();
>>> +
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 //--- Private properties ---
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 // Status flags (access outsi=
de constructor only with setter/getter)
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 this._states =3D Object.creat=
e(null);
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 this._states.running =3D fals=
e;
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 this._states.reboot =3D false;
>>> +
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 // Status refresh helper
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 this._autoRefresh =3D {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 delay=
: 1000, //Delay between requests (default: 1s)
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 jsonA=
ction: 'getstatus', //CGI POST action parameter
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 timeo=
ut: 5000, //XHR timeout (5s)
>>> +
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 delay=
Timer: null, //setTimeout reference
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 jqXHR=
: undefined, //jQuery.ajax promise reference
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 get r=
unningDelay() { //Waiting for end of delay
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=
=C2=A0=C2=A0=C2=A0 return (this.delayTimer !=3D=3D null);
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 },
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 get r=
unningXHR() { //Waiting for CGI response
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=
=C2=A0=C2=A0=C2=A0 return (this.jqXHR && (this.jqXHR.state() =3D=3D=3D 'pendi=
ng'));
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 },
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 get i=
sRunning() {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=
=C2=A0=C2=A0=C2=A0 return (this.runningDelay || this.runningXHR);
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 }
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 };
>>> +=C2=A0=C2=A0=C2=A0 }
>>> +
>>> +=C2=A0=C2=A0=C2=A0 //### Public properties ###
>>> +
>>> +=C2=A0=C2=A0=C2=A0 // Pakfire is running (true/false)
>>> +=C2=A0=C2=A0=C2=A0 set running(state) {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 if(this._states.running !=3D=
=3D state) {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 this.=
_states.running =3D state;
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 this.=
_states_onChange('running');
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 }
>>> +=C2=A0=C2=A0=C2=A0 }
>>> +=C2=A0=C2=A0=C2=A0 get running() {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 return this._states.running;
>>> +=C2=A0=C2=A0=C2=A0 }
>>> +
>>> +=C2=A0=C2=A0=C2=A0 // Reboot needed (true/false)
>>> +=C2=A0=C2=A0=C2=A0 set reboot(state) {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 if(this._states.reboot !=3D=
=3D state) {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 this.=
_states.reboot =3D state;
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 this.=
_states_onChange('reboot');
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 }
>>> +=C2=A0=C2=A0=C2=A0 }
>>> +=C2=A0=C2=A0=C2=A0 get reboot() {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 return this._states.reboot;
>>> +=C2=A0=C2=A0=C2=A0 }
>>> +
>>> +=C2=A0=C2=A0=C2=A0 // Status refresh interval in ms
>>> +=C2=A0=C2=A0=C2=A0 set refreshInterval(delay) {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 if(delay < 500) {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 delay=
 =3D 500; //enforce reasonable minimum
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 }
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 this._autoRefresh.delay =3D d=
elay;
>>> +=C2=A0=C2=A0=C2=A0 }
>>> +=C2=A0=C2=A0=C2=A0 get refreshInterval() {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 return this._autoRefresh.dela=
y;
>>> +=C2=A0=C2=A0=C2=A0 }
>>> +
>>> +=C2=A0=C2=A0=C2=A0 // Document loaded (call once from jQuery.ready)
>>> +=C2=A0=C2=A0=C2=A0 documentReady() {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 // Status refresh late start
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 if(this.running && (! this._a=
utoRefresh.isRunning)) {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 this.=
_autoRefresh_runNow();
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 }
>>> +=C2=A0=C2=A0=C2=A0 }
>>> +
>>> +=C2=A0=C2=A0=C2=A0 //### Private properties ###
>>> +
>>> +=C2=A0=C2=A0=C2=A0 // Pakfire status change handler
>>> +=C2=A0=C2=A0=C2=A0 // property: Affected status (running, reboot, ...)
>>> +=C2=A0=C2=A0=C2=A0 _states_onChange(property) {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 // Always update UI
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 if(this.running) {
>>> + $('#pflog-status').text(this.i18n.get('working'));
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 $('#p=
flog-action').empty();
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 } else {
>>> + $('#pflog-status').text(this.i18n.get('finished'));
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 if(th=
is.reboot) { //Enable return or reboot links in UI
>>> + $('#pflog-action').html(this.i18n.get('link_reboot'));
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 } els=
e {
>>> + $('#pflog-action').html(this.i18n.get('link_return'));
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 }
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 }
>>> +
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 // Start/stop status refresh =
if Pakfire started/stopped
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 if(property =3D=3D=3D 'runnin=
g') {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 if(th=
is.running) {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=
=C2=A0=C2=A0=C2=A0 this._autoRefresh_runNow();
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 } els=
e {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=
=C2=A0=C2=A0=C2=A0 this._autoRefresh_clearSchedule();
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 }
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 }
>>> +=C2=A0=C2=A0=C2=A0 }
>>> +
>>> +=C2=A0=C2=A0=C2=A0 //--- Status refresh scheduling functions ---
>>> +
>>> +=C2=A0=C2=A0=C2=A0 // Immediately perform AJAX status refresh request
>>> +=C2=A0=C2=A0=C2=A0 _autoRefresh_runNow() {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 if(this._autoRefresh.runningX=
HR) {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 retur=
n; // Don't send multiple requests
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 }
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 this._autoRefresh_clearSchedu=
le(); // Stop scheduled refresh, will send immediately
>>> +
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 // Send AJAX request, attach =
listeners
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 this._autoRefresh.jqXHR =3D t=
his._JSON_get(this._autoRefresh.jsonAction, this._autoRefresh.timeout);
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 this._autoRefresh.jqXHR.done(=
function() { // Request succeeded
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 if(th=
is.running) { // Keep refreshing while Pakfire is running
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=
=C2=A0=C2=A0=C2=A0 this._autoRefresh_scheduleRun();
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 }
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 });
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 this._autoRefresh.jqXHR.fail(=
function() { // Request failed
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 this.=
_autoRefresh_scheduleRun(); // Try refreshing until valid status is received
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 });
>>> +=C2=A0=C2=A0=C2=A0 }
>>> +
>>> +=C2=A0=C2=A0=C2=A0 // Schedule next refresh
>>> +=C2=A0=C2=A0=C2=A0 _autoRefresh_scheduleRun() {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 if(this._autoRefresh.runningD=
elay || this._autoRefresh.runningXHR) {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 retur=
n; // Refresh already scheduled or in progress
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 }
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 this._autoRefresh.delayTimer =
=3D window.setTimeout(function() {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 this.=
_autoRefresh.delayTimer =3D null;
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 this.=
_autoRefresh_runNow();
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 }.bind(this), this._autoRefre=
sh.delay);
>>> +=C2=A0=C2=A0=C2=A0 }
>>> +
>>> +=C2=A0=C2=A0=C2=A0 // Stop scheduled refresh (can still be refreshed up =
to 1x if XHR is already sent)
>>> +=C2=A0=C2=A0=C2=A0 _autoRefresh_clearSchedule() {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 if(this._autoRefresh.runningD=
elay) {
>>> + window.clearTimeout(this._autoRefresh.delayTimer);
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 this.=
_autoRefresh.delayTimer =3D null;
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 }
>>> +=C2=A0=C2=A0=C2=A0 }
>>> +
>>> +=C2=A0=C2=A0=C2=A0 //--- JSON request & data handling ---
>>> +
>>> +=C2=A0=C2=A0=C2=A0 // Load JSON data from Pakfire CGI, using a POST requ=
est
>>> +=C2=A0=C2=A0=C2=A0 // action: POST paramter "json-[action]"
>>> +=C2=A0=C2=A0=C2=A0 // maxTime: XHR timeout, 0 =3D no timeout
>>> +=C2=A0=C2=A0=C2=A0 _JSON_get(action, maxTime =3D 0) {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 return $.ajax({
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 url: =
'/cgi-bin/pakfire.cgi',
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 metho=
d: 'POST',
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 timeo=
ut: maxTime,
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 conte=
xt: this,
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 data:=
 {'ACTION': `json-${action}`},
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 dataT=
ype: 'json' //automatically check and convert result
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 })
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 .done=
(function(response) {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=
=C2=A0=C2=A0=C2=A0 this._JSON_process(action, response);
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 });
>>> +=C2=A0=C2=A0=C2=A0 }
>>> +
>>> +=C2=A0=C2=A0=C2=A0 // Process successful response from Pakfire CGI
>>> +=C2=A0=C2=A0=C2=A0 // action: POST paramter "json-[action]" used to send=
 request
>>> +=C2=A0=C2=A0=C2=A0 // data: JSON data object
>>> +=C2=A0=C2=A0=C2=A0 _JSON_process(action, data) {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 // Pakfire status refresh
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 if(action =3D=3D=3D this._aut=
oRefresh.jsonAction) {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 // Up=
date status flags
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 this.=
running =3D (data['running'] !=3D '0');
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 this.=
reboot =3D (data['reboot'] !=3D '0');
>>> +
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 // Up=
date timer display
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 if(th=
is.running && data['running_since']) {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=
=C2=A0=C2=A0=C2=A0 $('#pflog-time').text(this.i18n.get('since') + data['runni=
ng_since']);
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 } els=
e {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=
=C2=A0=C2=A0=C2=A0 $('#pflog-time').empty();
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 }
>>> +
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 // Pr=
int log messages
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 let m=
essages =3D "";
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 data[=
'messages'].forEach(function(line) {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=
=C2=A0=C2=A0=C2=A0 messages +=3D `${line}\n`;
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 });
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 $('#p=
flog-messages').text(messages);
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 }
>>> +=C2=A0=C2=A0=C2=A0 }
>>> +}
>>> +
>>> +// Simple translation strings helper
>>> +// Format: {key: "translation"}
>>> +class PakfireI18N {
>>> +=C2=A0=C2=A0=C2=A0 constructor() {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 this._strings =3D Object.crea=
te(null); //Object without prototypes
>>> +=C2=A0=C2=A0=C2=A0 }
>>> +
>>> +=C2=A0=C2=A0=C2=A0 // Get translation
>>> +=C2=A0=C2=A0=C2=A0 get(key) {
>>> + if(Object.prototype.hasOwnProperty.call(this._strings, key)) {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 retur=
n this._strings[key];
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 }
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 return `(undefined string '${=
key}')`;
>>> +=C2=A0=C2=A0=C2=A0 }
>>> +
>>> +=C2=A0=C2=A0=C2=A0 // Load key/translation object
>>> +=C2=A0=C2=A0=C2=A0 load(translations) {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 if(translations instanceof Ob=
ject) {
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 Objec=
t.assign(this._strings, translations);
>>> +=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0=C2=A0 }
>>> +=C2=A0=C2=A0=C2=A0 }
>>> +}
>>> +
>>> +//### Initialize Pakfire ###
>>> +const pakfire =3D new PakfireJS();
>>> +
>>> +$(function() {
>>> +=C2=A0=C2=A0=C2=A0 pakfire.documentReady();
>>> +});
>>> --=20
>>> 2.27.0.windows.1
>>>

--===============6199361634072052406==--