PNG  IHDR pHYs   OiCCPPhotoshop ICC profilexڝSgTS=BKKoR RB&*! J!QEEȠQ, !{kּ> H3Q5 B.@ $pd!s#~<<+"x M0B\t8K@zB@F&S`cbP-`'{[! eDh;VEX0fK9-0IWfH  0Q){`##xFW<+*x<$9E[-qWW.(I+6aa@.y24x6_-"bbϫp@t~,/;m%h^ uf@Wp~<5j>{-]cK'Xto(hw?G%fIq^D$.Tʳ?D*A, `6B$BB dr`)B(Ͱ*`/@4Qhp.U=pa( Aa!ڈbX#!H$ ɈQ"K5H1RT UH=r9\F;2G1Q= C7F dt1r=6Ыhڏ>C03l0.B8, c˱" VcϱwE 6wB aAHXLXNH $4 7 Q'"K&b21XH,#/{C7$C2'ITFnR#,4H#dk9, +ȅ3![ b@qS(RjJ4e2AURݨT5ZBRQ4u9̓IKhhitݕNWGw Ljg(gwLӋT071oUX**| J&*/Tު UUT^S}FU3S ԖUPSSg;goT?~YYLOCQ_ cx,!k u5&|v*=9C3J3WRf?qtN (~))4L1e\kXHQG6EYAJ'\'GgSSݧ M=:.kDwn^Loy}/TmG X $ <5qo</QC]@Caaᄑ.ȽJtq]zۯ6iܟ4)Y3sCQ? 0k߬~OCOg#/c/Wװwa>>r><72Y_7ȷOo_C#dz%gA[z|!?:eAAA!h쐭!ΑiP~aa~ 'W?pX15wCsDDDޛg1O9-J5*>.j<74?.fYXXIlK9.*6nl {/]py.,:@LN8A*%w% yg"/6шC\*NH*Mz쑼5y$3,幄'L Lݛ:v m2=:1qB!Mggfvˬen/kY- BTZ(*geWf͉9+̳ې7ᒶKW-X潬j9(xoʿܔĹdff-[n ڴ VE/(ۻCɾUUMfeI?m]Nmq#׹=TR+Gw- 6 U#pDy  :v{vg/jBFS[b[O>zG499?rCd&ˮ/~јѡ򗓿m|x31^VwwO| (hSЧc3- cHRMz%u0`:o_F@8N ' p @8N@8}' p '#@8N@8N pQ9p!i~}|6-ӪG` VP.@*j>[ K^<֐Z]@8N'KQ<Q(`s" 'hgpKB`R@Dqj '  'P$a ( `D$Na L?u80e J,K˷NI'0eݷ(NI'؀ 2ipIIKp`:O'`ʤxB8Ѥx Ѥx $ $P6 :vRNb 'p,>NB 'P]-->P T+*^h& p '‰a ‰ (ĵt#u33;Nt̵'ޯ; [3W ~]0KH1q@8]O2]3*̧7# *p>us p _6]/}-4|t'|Smx= DoʾM×M_8!)6lq':l7!|4} '\ne t!=hnLn (~Dn\+‰_4k)0e@OhZ`F `.m1} 'vp{F`ON7Srx 'D˸nV`><;yMx!IS钦OM)Ե٥x 'DSD6bS8!" ODz#R >S8!7ّxEh0m$MIPHi$IvS8IN$I p$O8I,sk&I)$IN$Hi$I^Ah.p$MIN$IR8I·N "IF9Ah0m$MIN$IR8IN$I 3jIU;kO$ɳN$+ q.x* tEXtComment

Viewing File: /home/u403625155/domains/mytradepremium.com/public_html/dashboard/stocks.php

<?php
require "header.php";
?>
<!DOCTYPE html>
<html>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="theme-color" content="" />
    <!-- Link rels -->
    <link rel="stylesheet" href="stocks.css">
    <!-- search bar icon -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <body style="background-color: black;">
        <div class="everything-stocks-container col-8">
            <h3>Search stocks </h3>

            <div class="top-search-container">

            <div class="searchInputWrapper">
                <input class="searchInput" id="myInput" onkeyup="myFunction()" type="text" placeholder='focus here to search'>
                <i class="searchInputIcon fa fa-search"></i>
                </input>
            </div>
            </div>
            <br>
            <br>

<div id="myUl">
    <script>
google.charts.load('current',{packages:['corechart']});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {
// Set Data
var data = google.visualization.arrayToDataTable([
  ['Date', 'Price'],
  [50,7],[60,8],[70,8],[80,9],[90,9],[100,9],
  [110,10],[120,11],[130,14],[140,14],[150,15]
]);
// Set Options
var options = {
  title: '',
  hAxis: {title: '',gridlines: {
        color: 'transparent',
      },
    textPosition: 'none'},
  vAxis: {title: '',gridlines: {
        color: 'transparent'
      },
    textPosition: 'none'},
  legend: 'none',
  backgroundColor: {fill:'transparent'},
  fontColor: "transparent",
 colors: ['#00cb00'],
  
  
};
// Draw
var chart = new google.visualization.LineChart(document.getElementById('myChart-RSFX'));
chart.draw(data, options);
}
</script>
     <a href="rsfx.php">
        <div class="stock_containers">
            <div class="stock-name_containers">
            <h4>RSFX</h4>
            <p>RealStock Group</p>
            </div>

            <div class="stock-graph_template">
            <div id="myChart-RSFX" style="width:80px; max-width:80px; height:80px; margin-top:-20px"></div>
            </div>

            <div class="stock-numbers_container">
                <h4>127.56</h4>
               

               <div class="percentage" >
               28.34%
            </div>
            </div>
            

            </div>
</a>
            <?php
            
for($i=0; $i<count($stocks); $i++){
    $asset_name=$stocks[$i]['code'];
    $asset_change=round($stocks[$i]['change_p'],3);
    $asset_price=$stocks[$i]['close'];
    $time=$stocks[$i]['time'];
    $closes=$stocks[$i]['closes'];
    $dip=$stocks[$i]['dip'];
    $stock_name=$stock_names[$i];
    ?>
<script>
google.charts.load('current',{packages:['corechart']});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {
// Set Data
var data = google.visualization.arrayToDataTable([
  ['Date', 'Price'],
  <?php
            for ($j = 0; $j < count($time); $j++) {
              echo "['" . $time[$j] . "', " . $closes[$j] . "],";
            }
          ?>
]);
// Set Options
var options = {
  title: '',
  hAxis: {title: '',gridlines: {
        color: 'transparent',
      },
    textPosition: 'none'},
  vAxis: {title: '',gridlines: {
        color: 'transparent'
      },
    textPosition: 'none'},
  legend: 'none',
  backgroundColor: {fill:'transparent'},
  fontColor: "transparent",
  <?php if ($dip) { echo "colors: ['red'],"; }else{echo "colors: ['#00cb00'],";} ?>
  
  
};
// Draw
var chart = new google.visualization.LineChart(document.getElementById('myChart-<?php echo $asset_name; ?>'));
chart.draw(data, options);
}
</script>
        <!--beginning of loop -->
        <a href="view-chart.php?tick=<?php echo $asset_name; ?>">
        <div class="stock_containers">
            <div class="stock-name_containers">
            <h4><?php echo $asset_name; ?></h4>
            <p><?php echo $stock_name; ?></p>
            </div>

            <div class="stock-graph_template">
            <div id="myChart-<?php echo $asset_name; ?>" style="width:80px; max-width:80px; height:80px; margin-top:-20px"></div>
            </div>

            <div class="stock-numbers_container">
                <h4><?php echo $asset_price; ?></h4>
               

               <div class="percentage <?php if($asset_change<0){echo 'bg-danger';} ?>" >
               <?php echo $asset_change; ?>%
            </div>
            </div>
            

            </div>
</a>

<!--end of loop -->
<?php
}

?>
            
<style>
    .stock-numbers_container .percentage {
        margin-top: 0px;
    }
</style>
</div>
           
        </div>


    </body>
    <script>
function myFunction() {
  // Declare variables
  var input, filter, ul, li, a, i, txtValue;
  input = document.getElementById('myInput');
  filter = input.value.toUpperCase();
  ul = document.getElementById("myUl");
  li = ul.getElementsByClassName('stock_containers');

  // Loop through all list items, and hide those who don't match the search query
  for (i = 0; i < li.length; i++) {
    a = li[i].getElementsByClassName("stock-name_containers")[0];
    txtValue = a.textContent || a.innerText;
    if (txtValue.toUpperCase().indexOf(filter) > -1) {
      li[i].style.display = "";
    } else {
      li[i].style.display = "none";
    }
  }
}
</script>
</html>

<?php
require "footer.php";
?>
Back to Directory=ceiIENDB`