/    Sign up×
Community /Pin to ProfileBookmark

Progress Bar not working

__(Changed back-ticks to `[code]…[/code]` tags ~ MOD)__

Hello friends,

my devin1 div working and updating when i change the .txt file content but devin8 div not updating without refreshing the page. Can anyone have an idea about that ?

[code]
<? if ($fulldata[‘mainASSettingsLoc’][0] >= 1) { ?>
<div class=”panel_s”>
<div class=”panel-heading” style=”text-align: center;”>Channel Vumeter 1</div>
<div class=”panel-body text-left” style=”color:#000000;”>
LEFT
<div class=”progress”>
<div id=”devin1″ class=”progress-bar progress-bar-striped active bg-success” role=”progressbar” aria-valuenow=”45″ aria-valuemin=”0″ aria-valuemax=”100″ style=”width: 45%”>
<span class=”sr-only”>45%</span>
</div>
</div>
<script>
devi1 = [<? foreach ($fulldata[‘left1’] as $v){ if ($v <> ‘-‘){ echo ‘”‘.$v.'”,’;} } ?>];
function rotdeviation() {
var ct = $(“#devin1”).data(“term”) || 0;
var valeur = devi1[ct];


$(“#devin1”).data(“term”, ct == devi1.length -1 ? 0 : ct + 1).css(‘width’, valeur+’%’).attr(‘aria-valuenow’, valeur).fadeIn(0).delay(500).fadeOut(0, rotdeviation);
}$( document ).ready( rotdeviation );

</script>
RIGHT

<div class=”progress”>
<div id=”devin8″ class=”progress-bar progress-bar-striped active bg-success” role=”progressbar” aria-valuenow=”45″ aria-valuemin=”0″ aria-valuemax=”100″ style=”width: 45%”>
<span class=”sr-only”>45%</span>
</div>
</div>

<script>


devi8 = [<? foreach ($fulldata[‘right1’] as $v){ if ($v <> ‘-‘){ echo ‘”‘.$v.'”,’;} } ?>];

function rotdeviation8() {
var ct8 = $(“#devin8”).data(“term”) || 0;
var valeur8 = devi8[ct8];


$(“#devin8”).data(“term”, ct8 == devi8.length -1 ? 0 : ct8 + 1).css(‘width’, valeur8+’%’).attr(‘aria-valuenow’, valeur8).fadeIn(0).delay(500).fadeOut(0, rotdeviation8);
}$( document ).ready( rotdeviation8 );

</script>

</div>
</div>
<? } ?>
[/code]

to post a comment

18 Comments(s)

Copy linkTweet thisAlerts:
@SempervivumNov 27.2019 — As this seems to be a client side or javascript issue please post the the final HTML from the source view of your browser additionally.

Do you use some library like bootstrap?
Copy linkTweet thisAlerts:
@veyselauthorNov 27.2019 — Hello Sempervivum, do you mean screenshot ?
Copy linkTweet thisAlerts:
@SempervivumNov 27.2019 — No, please copy and paste the HTML and script as text, then it's easier to analize and create a test file.
Copy linkTweet thisAlerts:
@veyselauthorNov 27.2019 — okay i understand, i will do it now
Copy linkTweet thisAlerts:
@veyselauthorNov 27.2019 — <? if ($fulldata['mainASSettingsLoc'][0] >= 1) { ?>

<div class="panel_s">

<div class="panel-heading" style="text-align: center;">Channel Vumeter 1</div>

<div class="panel-body text-left" style="color:#000000;">

LEFT

<div class="progress">

<div id="devin1" class="progress-bar progress-bar-striped active bg-success" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">

<span class="sr-only">45%</span>

</div>

</div>

RIGHT

<div class="progress">

<div id="devin8" class="progress-bar progress-bar-striped active bg-success" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">

<span class="sr-only">45%</span>

</div>

</div>


</div>
</div>
<? } ?>
<script>
devi1 = [<? foreach ($fulldata['left1'] as $v){ if ($v <> '-'){ echo '"'.$v.'",';} } ?>];
function rotdeviation() {
var ct = $("#devin1").data("term") || 0;
var valeur = devi1[ct];

$("#devin1").data("term", ct == devi1.length -1 ? 0 : ct + 1).css('width', valeur+'%').attr('aria-valuenow', valeur).fadeIn(0).delay(500).fadeOut(0, rotdeviation);
}$( document ).ready( rotdeviation );
</script>


<script>
devi8 = [<? foreach ($fulldata['right1'] as $v){ if ($v <> '-'){ echo '"'.$v.'",';} } ?>];

function rotdeviation8() {
var ct8 = $("#devin8").data("term") || 0;
var valeur8 = devi8[ct8];

$("#devin8").data("term", ct8 == devi8.length -1 ? 0 : ct8 + 1).css('width', valeur8+'%').attr('aria-valuenow', valeur8).fadeIn(0).delay(500).fadeOut(0, rotdeviation8);
}$( document ).ready( rotdeviation8 );

</script>



<script>
$(document).ready(function() {
guncelle();
var int=self.setInterval("guncelle()",1500);
});

function guncelle(){

$.ajax({
type: "POST",
url: "update.php?id=<?=$id;?>",
dataType:"JSON",
//cache:false,

success:function(my_data)
{


$(my_data).each(function(key,val){


devi1[0] = val['left10']; devi2[0] = val['left20']; devi3[0] = val['left30']; devi4[0] = val['left40']; devi5[0] = val['left50']; devi6[0] = val['left60']; devi7[0] = val['left70'];
devi1[1] = val['left11']; devi2[1] = val['left21']; devi3[1] = val['left31']; devi4[1] = val['left41']; devi5[1] = val['left51']; devi6[1] = val['left61']; devi7[1] = val['left71'];
devi1[2] = val['left12']; devi2[2] = val['left22']; devi3[2] = val['left32']; devi4[2] = val['left42']; devi5[2] = val['left52']; devi6[2] = val['left62']; devi7[2] = val['left72'];
devi1[3] = val['left13']; devi2[3] = val['left23']; devi3[3] = val['left33']; devi4[3] = val['left43']; devi5[3] = val['left53']; devi6[3] = val['left63']; devi7[3] = val['left73'];
devi1[4] = val['left14']; devi2[4] = val['left24']; devi3[4] = val['left34']; devi4[4] = val['left44']; devi5[4] = val['left54']; devi6[4] = val['left64']; devi7[4] = val['left74'];
devi1[5] = val['left15']; devi2[5] = val['left25']; devi3[5] = val['left35']; devi4[5] = val['left45']; devi5[5] = val['left55']; devi6[5] = val['left65']; devi7[5] = val['left75'];
devi1[6] = val['left16']; devi2[6] = val['left26']; devi3[6] = val['left36']; devi4[6] = val['left46']; devi5[6] = val['left56']; devi6[6] = val['left66']; devi7[6] = val['left76'];
devi1[7] = val['left17']; devi2[7] = val['left27']; devi3[7] = val['left37']; devi4[7] = val['left47']; devi5[7] = val['left57']; devi6[7] = val['left67']; devi7[7] = val['left77'];



devi8[0] = val['right10']; devi9[0] = val['right20']; devi10[0] = val['right30']; devi11[0] = val['right40']; devi12[0] = val['right50']; devi13[0] = val['right60']; devi14[0] = val['right70'];
devi8[1] = val['right11']; devi9[1] = val['right21']; devi10[1] = val['right31']; devi11[1] = val['right41']; devi12[1] = val['right51']; devi13[1] = val['right61']; devi14[1] = val['right71'];
devi8[2] = val['right12']; devi9[2] = val['right22']; devi10[2] = val['right32']; devi11[2] = val['right42']; devi12[2] = val['right52']; devi13[2] = val['right62']; devi14[2] = val['right72'];
devi8[3] = val['right13']; devi9[3] = val['right23']; devi10[3] = val['right33']; devi11[3] = val['right43']; devi12[3] = val['right53']; devi13[3] = val['right63']; devi14[3] = val['right73'];
devi8[4] = val['right14']; devi9[4] = val['right24']; devi10[4] = val['right34']; devi11[4] = val['right44']; devi12[4] = val['right54']; devi13[4] = val['right64']; devi14[4] = val['right74'];
devi8[5] = val['right15']; devi9[5] = val['right25']; devi10[5] = val['right35']; devi11[5] = val['right45']; devi12[5] = val['right55']; devi13[5] = val['right65']; devi14[5] = val['right75'];
devi8[6] = val['right16']; devi9[6] = val['right26']; devi10[6] = val['right36']; devi11[6] = val['right46']; devi12[6] = val['right56']; devi13[6] = val['right66']; devi14[6] = val['right76'];
devi8[7] = val['right17']; devi9[7] = val['right27']; devi10[7] = val['right37']; devi11[7] = val['right47']; devi12[7] = val['right57']; devi13[7] = val['right67']; devi14[7] = val['right77'];



if ($('#mainSettingsLoc0').html() != val['mainSettingsLoc0']) { $('#mainSettingsLoc0').html(val['mainSettingsLoc0']).fadeIn();
if (val['mainSettingsLoc0'] == 'OFF') {
$('#powerrenk').css('color', '#FF0000');
$('#poweri').addClass('tada');
$('#poweri').addClass('animated');
$('#poweri').addClass('infinite');
devi[0] = 0;
devi[1] = 0;
devi[2] = 0;
devi[3] = 0;
devi[4] = 0;
devi[5] = 0;
devi[6] = 0;
devi[7] = 0;
}else{
$('#powerrenk').css('color', '#26c82f');
$('#poweri').removeClass('tada');
$('#poweri').removeClass('animated');
$('#poweri').removeClass('infinite');
}
}
});
}

});
}

</script>
Copy linkTweet thisAlerts:
@veyselauthorNov 27.2019 — sorry i could not correct copy paste
Copy linkTweet thisAlerts:
@SempervivumNov 27.2019 — This still contains PHP. Open the page in your browser, then rightclick and select "Show page source" or similar.

The PHP contains this:
&lt;? foreach ($fulldata['right1'] as $v){ if ($v &lt;&gt; '-'){ echo '"'.$v.'",';} } ?&gt;If this results in a large amount of text please shorten is to a few entries.
Copy linkTweet thisAlerts:
@veyselauthorNov 27.2019 —  &lt;div class="panel_s"&gt;
&lt;div class="panel-heading" style="text-align: center;"&gt;Channel Vumeter 1&lt;/div&gt;
&lt;div class="panel-body text-left" style="color:#000000;"&gt;
LEFT
&lt;div class="progress"&gt;
&lt;div id="devin1" class="progress-bar progress-bar-striped active bg-success" role="progressbar"
aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%"&gt;
&lt;span class="sr-only"&gt;45%&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;script&gt;
devi1 = ["4", "4", "4", "4", "4", "0", "4", "4",];
function rotdeviation() {
var ct = $("#devin1").data("term") || 0;
var valeur = devi1[ct];


<i> </i> $("#devin1").data("term", ct == devi1.length - 1 ? 0 : ct + 1).css('width', valeur + '%').attr('aria-valuenow', valeur).fadeIn(0).delay(500).fadeOut(0, rotdeviation);
<i> </i> }
<i> </i> $(document).ready(rotdeviation);
<i> </i> &lt;/script&gt;
<i> </i> RIGHT
<i> </i> &lt;div class="progress"&gt;
<i> </i> &lt;div id="devin8" class="progress-bar progress-bar-striped active bg-success" role="progressbar"
<i> </i> aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%"&gt;
<i> </i> &lt;span class="sr-only"&gt;45%&lt;/span&gt;
<i> </i> &lt;/div&gt;
<i> </i> &lt;/div&gt;

<i> </i> &lt;script&gt;
<i> </i> devi8 = ["10", "90", "10", "10", "10", "10", "10", "10",];

<i> </i> function rotdeviation8() {
<i> </i> var ct8 = $("#devin8").data("term") || 0;
<i> </i> var valeur8 = devi8[ct8];

<i> </i> $("#devin8").data("term", ct8 == devi8.length - 1 ? 0 : ct8 + 1).css('width', valeur8 + '%').attr('aria-valuenow', valeur8).fadeIn(0).delay(500).fadeOut(0, rotdeviation8);
<i> </i> }
<i> </i> $(document).ready(rotdeviation8);

<i> </i> &lt;/script&gt;

<i> </i> &lt;/div&gt;
<i> </i>&lt;/div&gt;


Edited by site staff: Code indented
Copy linkTweet thisAlerts:
@veyselauthorNov 27.2019 — this is the ajax

&lt;script&gt;
$(document).ready(function() {
guncelle();
var int=self.setInterval("guncelle()",1500);
});

<i> </i> function guncelle(){

<i> </i> $.ajax({
<i> </i> type: "POST",
<i> </i> url: "update.php?id=",
<i> </i> dataType:"JSON",
<i> </i> //cache:false,

<i> </i> success:function(my_data)
<i> </i> {
<i> </i>
<i> </i>
<i> </i> $(my_data).each(function(key,val){

<i> </i>
<i> </i> devi1[0] = val['left10']; devi2[0] = val['left20']; devi3[0] = val['left30']; devi4[0] = val['left40']; devi5[0] = val['left50']; devi6[0] = val['left60']; devi7[0] = val['left70'];
<i> </i> devi1[1] = val['left11']; devi2[1] = val['left21']; devi3[1] = val['left31']; devi4[1] = val['left41']; devi5[1] = val['left51']; devi6[1] = val['left61']; devi7[1] = val['left71'];
<i> </i> devi1[2] = val['left12']; devi2[2] = val['left22']; devi3[2] = val['left32']; devi4[2] = val['left42']; devi5[2] = val['left52']; devi6[2] = val['left62']; devi7[2] = val['left72'];
<i> </i> devi1[3] = val['left13']; devi2[3] = val['left23']; devi3[3] = val['left33']; devi4[3] = val['left43']; devi5[3] = val['left53']; devi6[3] = val['left63']; devi7[3] = val['left73'];
<i> </i> devi1[4] = val['left14']; devi2[4] = val['left24']; devi3[4] = val['left34']; devi4[4] = val['left44']; devi5[4] = val['left54']; devi6[4] = val['left64']; devi7[4] = val['left74'];
<i> </i> devi1[5] = val['left15']; devi2[5] = val['left25']; devi3[5] = val['left35']; devi4[5] = val['left45']; devi5[5] = val['left55']; devi6[5] = val['left65']; devi7[5] = val['left75'];
<i> </i> devi1[6] = val['left16']; devi2[6] = val['left26']; devi3[6] = val['left36']; devi4[6] = val['left46']; devi5[6] = val['left56']; devi6[6] = val['left66']; devi7[6] = val['left76'];
<i> </i> devi1[7] = val['left17']; devi2[7] = val['left27']; devi3[7] = val['left37']; devi4[7] = val['left47']; devi5[7] = val['left57']; devi6[7] = val['left67']; devi7[7] = val['left77'];
<i> </i>

<i> </i>
<i> </i> devi8[0] = val['right10']; devi9[0] = val['right20']; devi10[0] = val['right30']; devi11[0] = val['right40']; devi12[0] = val['right50']; devi13[0] = val['right60']; devi14[0] = val['right70'];
<i> </i> devi8[1] = val['right11']; devi9[1] = val['right21']; devi10[1] = val['right31']; devi11[1] = val['right41']; devi12[1] = val['right51']; devi13[1] = val['right61']; devi14[1] = val['right71'];
<i> </i> devi8[2] = val['right12']; devi9[2] = val['right22']; devi10[2] = val['right32']; devi11[2] = val['right42']; devi12[2] = val['right52']; devi13[2] = val['right62']; devi14[2] = val['right72'];
<i> </i> devi8[3] = val['right13']; devi9[3] = val['right23']; devi10[3] = val['right33']; devi11[3] = val['right43']; devi12[3] = val['right53']; devi13[3] = val['right63']; devi14[3] = val['right73'];
<i> </i> devi8[4] = val['right14']; devi9[4] = val['right24']; devi10[4] = val['right34']; devi11[4] = val['right44']; devi12[4] = val['right54']; devi13[4] = val['right64']; devi14[4] = val['right74'];
<i> </i> devi8[5] = val['right15']; devi9[5] = val['right25']; devi10[5] = val['right35']; devi11[5] = val['right45']; devi12[5] = val['right55']; devi13[5] = val['right65']; devi14[5] = val['right75'];
<i> </i> devi8[6] = val['right16']; devi9[6] = val['right26']; devi10[6] = val['right36']; devi11[6] = val['right46']; devi12[6] = val['right56']; devi13[6] = val['right66']; devi14[6] = val['right76'];
<i> </i> devi8[7] = val['right17']; devi9[7] = val['right27']; devi10[7] = val['right37']; devi11[7] = val['right47']; devi12[7] = val['right57']; devi13[7] = val['right67']; devi14[7] = val['right77'];
<i> </i>
<i> </i>
<i> </i>
<i> </i> if ($('#mainSettingsLoc0').html() != val['mainSettingsLoc0']) { $('#mainSettingsLoc0').html(val['mainSettingsLoc0']).fadeIn();
<i> </i> if (val['mainSettingsLoc0'] == 'OFF') {
<i> </i> $('#powerrenk').css('color', '#FF0000');
<i> </i> $('#poweri').addClass('tada');
<i> </i> $('#poweri').addClass('animated');
<i> </i> $('#poweri').addClass('infinite');
<i> </i> devi[0] = 0;
<i> </i> devi[1] = 0;
<i> </i> devi[2] = 0;
<i> </i> devi[3] = 0;
<i> </i> devi[4] = 0;
<i> </i> devi[5] = 0;
<i> </i> devi[6] = 0;
<i> </i> devi[7] = 0;
<i> </i> }else{
<i> </i> $('#powerrenk').css('color', '#26c82f');
<i> </i> $('#poweri').removeClass('tada');
<i> </i> $('#poweri').removeClass('animated');
<i> </i> $('#poweri').removeClass('infinite');
<i> </i> }
<i> </i> }
<i> </i> });
<i> </i> }

<i> </i> });
<i> </i> }

<i> </i> &lt;/script&gt;
<i> </i>
Copy linkTweet thisAlerts:
@SempervivumNov 27.2019 — That's fine. Please answer my question
Do you use some library like bootstrap?[/quote]
Copy linkTweet thisAlerts:
@veyselauthorNov 27.2019 — yes, you mean like this :

<div class="container">

<div class="row">

<div class="col-sm-4">

<div class="col-md-8">
Copy linkTweet thisAlerts:
@SempervivumNov 27.2019 — I created a test file based on your code without the Ajax code and it's working fine: Both meters are moving according to the values in devi1 and devi8.

Maybe
  • 1. The error is located somewhere else

  • 2. The error is located in the data being loaded by Ajax

    Is that page online, can you post the URL?
  • Copy linkTweet thisAlerts:
    @SempervivumNov 27.2019 — PS: Is there any error visible in the console?
    Copy linkTweet thisAlerts:
    @veyselauthorNov 27.2019 — Firstly thank you for your help, right1 vumeter does not working according to in right1.txt value when i change the right1.txt content. I mean progress bar work but when i change the value(in right1.txt) it is not updating. This is not online sorry for this, but tomorrow i will share screenshot because i am not in the work right now. I will care what you said and i will check your advice tomorrrow. Thank you again
    Copy linkTweet thisAlerts:
    @veyselauthorNov 28.2019 — Hello Sempervivum,

    The problem as you said in the ajax.( Thank you for your help i solved it with your help.) Because in console said that Devi4 is not defined (i have 14 div id, it starts devin1 to devin14 )and i change ajax like this:


    <br/>
    &lt;script&gt;<br/>
    $(document).ready(function() {<br/>
    guncelle();<br/>
    var int=self.setInterval("guncelle()",1500);<br/>
    });

    <i> </i><CODE> function guncelle(){

    <i> </i> $.ajax({
    <i> </i> type: "POST",
    <i> </i> url: "update.php?id=&lt;?=$id;?&gt;",
    <i> </i> dataType:"JSON",
    <i> </i> //cache:false,

    <i> </i> success:function(my_data)
    <i> </i> {
    <i> </i>
    <i> </i>
    <i> </i> $(my_data).each(function(key,val){

    <i> </i>
    <i> </i>
    <i> </i> channel_value= [&lt;? foreach ($fulldata['mainASSettingsLoc'] as $v){ if ($v &lt;&gt; '-'){ echo '"'.$v.'",';} } ?&gt;];
    <i> </i>
    <i> </i> if (a[0]&gt;=1)
    <i> </i> {
    <i> </i>
    <i> </i> devi1[0] = val['left10']; devi8[0] = val['right10'];
    <i> </i> devi1[1] = val['left11']; devi8[1] = val['right11'];
    <i> </i> devi1[2] = val['left12']; devi8[2] = val['right12'];
    <i> </i> devi1[3] = val['left13']; devi8[3] = val['right13'];
    <i> </i> devi1[4] = val['left14']; devi8[4] = val['right14'];
    <i> </i> devi1[5] = val['left15']; devi8[5] = val['right15'];
    <i> </i> devi1[6] = val['left16']; devi8[6] = val['right16'];
    <i> </i> devi1[7] = val['left17']; devi8[7] = val['right17'];
    <i> </i> }
    <i> </i>
    <i> </i> if (a[0]&gt;=2) // hepsi if olmalı, eger else if yapilirsa dogru calismayabilir
    <i> </i> {
    <i> </i> devi2[0] = val['left20']; devi9[0] = val['right20'];
    <i> </i> devi2[1] = val['left21']; devi9[1] = val['right21'];
    <i> </i> devi2[2] = val['left22']; devi9[2] = val['right22'];
    <i> </i> devi2[3] = val['left23']; devi9[3] = val['right23'];
    <i> </i> devi2[4] = val['left24']; devi9[4] = val['right24'];
    <i> </i> devi2[5] = val['left25']; devi9[5] = val['right25'];
    <i> </i> devi2[6] = val['left26']; devi9[6] = val['right26'];
    <i> </i> devi2[7] = val['left27']; devi9[7] = val['right27'];
    <i> </i>
    <i> </i> }
    <i> </i>
    <i> </i> if(a[0]&gt;=3)
    <i> </i>
    <i> </i> {
    <i> </i>
    <i> </i> devi3[0] = val['left30']; devi10[0] = val['right30'];
    <i> </i> devi3[1] = val['left31']; devi10[1] = val['right31'];
    <i> </i> devi3[2] = val['left32']; devi10[2] = val['right32'];
    <i> </i> devi3[3] = val['left33']; devi10[3] = val['right33'];
    <i> </i> devi3[4] = val['left34']; devi10[4] = val['right34'];
    <i> </i> devi3[5] = val['left35']; devi10[5] = val['right35'];
    <i> </i> devi3[6] = val['left36']; devi10[6] = val['right36'];
    <i> </i> devi3[7] = val['left37']; devi10[7] = val['right37'];
    <i> </i>
    <i> </i> }
    <i> </i>
    <i> </i>
    <i> </i> if(a[0]&gt;=4)
    <i> </i>
    <i> </i> {
    <i> </i> it is going like this to if(a[0]&gt;=14)</CODE>

    Copy linkTweet thisAlerts:
    @veyselauthorNov 28.2019 — this url contains an screenshot how web page look like https://pasteboard.co/IIKcCP2.jpg

    [https://pasteboard.co/IIKcCP2.jpg](url)
    Copy linkTweet thisAlerts:
    @SempervivumNov 28.2019 — I see, fine that it's working now.

    For future posts please try to follow the advice given in your first posting and put code in code tags:

    `your code here`
    Copy linkTweet thisAlerts:
    @veyselauthorNov 28.2019 — okay i understand, after that i will pay attention this, i will use my code in my code will be here
    ×

    Success!

    Help @veysel spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 BETA 4.27,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,

    tipper: @Samric24,
    tipped: article
    amount: 1000 SATS,
    )...