JavaScript

npm ls -depth=0

        google.charts.load('current', { packages: ['corechart', 'line'] });
         

        function drawBasic() {
            
            var xValue = Number(document.getElementById("xValue").value);
            var yValue = Number(document.getElementById("yValue").value);
            var data = new google.visualization.DataTable();
            data.addColumn('number', 'X');
            data.addColumn('number', 'Packet');

            data.addRows([[xValue, yValue] ]);

            var options = {
                hAxis: {
                    title: 'Time'
                },
                vAxis: {
                    title: 'Packet'
                }
            };
            
            
          var  chart = new google.visualization.LineChart(document.getElementById('chart_div'));
           chart.draw(data, options);
        }

        

    


<a>moved to </a>
<div id="chart_div"></div>
 Y Value:


Demo






When ever user click the button with new values from the text box the data should get updated with continous graph

parent.OutPut.Text="";
var i;
var y=0;
for (i = 0; i < parent.OpenFiles.Count; i++) {
    y += 1
    parent.OutPut.Text += y + " " + parent.OpenFiles[i].FilePath + "\r\n";
    
}
parent.OutPut.Text += parent.OpenFiles.Count;

parent.OutPut.Text="";
var x;
var i=0
for (x in parent.OpenFiles) {
i+=1
parent.OutPut.Text += i + " " + parent.OpenFiles[x].FilePath + "\r\n";}
parent.OutPut.Text += parent.OpenFiles.Count;

Application overview: Personal expenses management application that allows users to track how much money have they spent.
[MAJOR] Requirements:
As a result of test problem solution you should provide a command-line application that supports following commands:
● add 2017-04-25 12 USD Jogurt — adds expense entry to the list of user expenses.
Expenses for various dates could be added in any order.
Command accepts following parameters:
2017-04-25 — is the date when expense occurred
12 — is an amount of money spent
USD — the currency in which expense occurred
Jogurt — is the name of product purchased
● list — shows the list of all expenses sorted by date
● clear 2017-04-25 — removes all expenses for specified date, where:
2017-04-25 — is the date for which all expenses should be removed
● total PLN — this command should take a list of exchange rates from http://fixer.io , calculate the total amount of money spent and present it to user in specified currency, where:
PLN — is the currency in which total amount of expenses should be presented

[MINOR] Requirements: In order to get extra points for test problem solution you might cover your source code with unit tests.
Application usage example: Here is an example of normal application usage flow, for each command a corresponding output is shown:

add 2017-04-25 2 USD Jogurt
2017-04-25
Jogurt 2 USD
add 2017-04-25 3 EUR "French fries"
2017-04-25
Jogurt 2 USD
French Fries 3 EUR
add 2017-04-27 4.75 EUR Beer
2017-04-25
Jogurt 2 USD
French Fries 3 EUR
2017-04-27
Beer 4.75 EUR
add 2017-04-26 2.5 PLN Sweets
2017-04-25
Jogurt 2 USD
French Fries 3 EUR
2017-04-26
Sweets 2.5 PLN
2017-04-27
Beer 4.75 EUR
list
2017-04-25
Jogurt 2 USD
French Fries 3 EUR
2017-04-26
Sweets 2.5 PLN
2017-04-27
Beer 4.75 EUR
clear 2017-04-27
2017-04-25
Jogurt 2 USD
French Fries 3 EUR
2017-04-26
Sweets 2.5 PLN
total EUR
5.42 EUR

I’ve tried to do it like this, but i don’t know what to do next.

<pre lang="Javascript"><pre><pre lang="Javascript"><pre lang="Javascript"><pre lang="Javascript"><pre lang="Javascript"><pre lang="Javascript"><pre lang="Javascript"><pre lang="Javascript"><pre lang="Javascript">

Quote:

core.js:1448 ERROR Error: Uncaught (in promise): Error: options is invalid
Error: options is invalid
at Object.Oo [as hexGrid] (turf.min.js:1)
at eval (map.component.ts:443)

d3.json<ResponseData>('http://127.0.0.1:5000')
        .then((data) => {

          console.log('hex load!');

          // filter out data with no geometry, otherwise MapboxGL throws an error and won't load data
          data.features = data.features.filter(function (d) {
            return d.geometry;
          });
          console.log('hex 1');

          // bounding box for our data's extent (I computed this ahead of time)
          var bbox = [14.334434, 46.6841, 16.552692, 48.5308];
          // our cell size, try changing this to a different value like 10
          var cellSize = 1;
          // units of our cells
          var units = 'kilometers';
          console.log('hex 2');
          console.log(data);

          // create our hex grid
          var hexgrid = turf.hexGrid(bbox, cellSize, units);

          //expcount the number of crashes in each hex grid, this will take a few seconds.
          // in an real life app we would want to display a loading GIF or message here
          console.log('binning data, hold on tight...');
          var hexPoints = turf.count(hexgrid, data, 'totalPoints');
          console.log('done! ', hexPoints);

          // create a jenks natural breaks classification, see: https://en.wikipedia.org/wiki/Jenks_natural_breaks_optimization
          // the number of breaks we are using
          var numberBreaks = 5;

          // NOTE: turf-jenks is technically depreciated, but it still works
          var jenksBreaks = turf.jenks(hexPoints, 'totalPoints', numberBreaks);
          console.log('our jenksBreaks array: ', jenksBreaks);

          // via color brewer: http://colorbrewer2.org/#type=sequential&scheme=RdPu&n=5
          var colors = ['#3bb3c3', '#669ec4', '#8b88b6', '#7a0177', '#aa5e79'];

          // create our color stops for the hexCrashes map layer style
          var colorStops = jenksBreaks.map(function (b, i) {
            if (i > 0) {
              // here we map each color in the color array to it's corresponding bin
              return [b, colors[i - 1]];
            } else {
              // in the case of 0, hide the bin
              return [b, 'rgba(255, 255, 255, 0)'];
            }
          });

          // add our hex crashes layer data
          map.addSource('pointsHexGrid', {
            type: 'geojson',
            data: hexPoints
          });

          // add our hex crashes layer style
          map.addLayer({
            "id": "pointsHexGrid",
            "type": "fill",
            "source": "pointsHexGrid",
            "layout": {},
            "paint": {
              'fill-color': {
                property: 'totalPoints',
                stops: colorStops,
              },
              'fill-opacity': 0.6
            }
          });

        })
        .catch((err) => {
          if (err) throw err;
        });

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
 
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">

 
  <script type="text/javascript" src="http://cryptojs.altervista.org/api/functions_cryptography.js"></script>
 
  <script type="text/javascript">  
     
function Enkript(){
    var Crypt = new Crypt();  // constructor  
     
    /*** encrypt */  
    var ciphertext = Crypt.AES.encrypt("plaintext");  
    // XluzvcUwZFU=3MD2vMz8PHySPJlKZiWjJg==1Gv6n6Tv8azr  
     
    /*** decrypt */  
    var plaintext  = Crypt.AES.decrypt(ciphertext);  

    alert(ciphertext);
    alert(plaintext);
}
     
    </script>
  <title>enkripcija</title>

 
</head><body onload="javascript:Enkript();">
<input value="klikni" onclick="javascript:Enkript();" type="button">
<br>

<br>

</body></html>

<div class="BlocksRow">

        <div class="BlockInner col-md-4">
            <a id="AllModules" onclick="Modules(1)" class="OuterBlock" style="background-color:green !important">
                <h5 class="text-semibold no-margin">
                <label>AllModules</label>
            </a>
        </div>
        <div class="BlockInner col-md-4">
            <a id="AllActiveModules" onclick="Modules(2)" class="OuterBlock" style="background-color:#dc3b41!important">
                <h5 class="text-semibold no-margin">^__i class="icon-file-text"></h5>
                <label>AllActiveModules</label>
            </a>
        </div>

        <div class="BlockInner col-md-4">
            <a id="AllInActiveModules" onclick="Modules(3)" class="OuterBlock" style="background-color:darkorange!important">
                <h5 class="text-semibold no-margin">^__i class="icon-file-text"></h5>
                <label>AllInActiveModules</label>
            </a>
        </div>
    </div>
    <div style="overflow:auto;width:100%;padding: 0 20px;">
        <table id="tbl_GetAllModule" class="table datatable-basic table-responsive">
            <thead>
                <tr>
                    <th></th>
                    <th>Module Name</th>
                    <th>Modified Date</th>
                    <th>Status</th>
                    <th>IsDefault</th>
                    <th class="text-center">Actions</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
</div>

$("[data-ajax-update*='partial']").after(function () {
                   alert('Hiiiiiiiiii');
                });