Your website

Fund Prices

Historical NAV

Pour cette expérience, vous devez disposer d'une clef privée valide de portefeuille. Vous pouvez reprendre celle que l'on vous propose dans le cadre du reporting client ou reprendre celle du portefeuille que vous avez peut-être créé lors de la précédente expérience. Pour analyser votre portefeuille, renseignez cette clef et activez le bouton Afficher dont l'action se résume en 2 étapes :

  • La première étape interroge le serveur distant (via son API) pour charger les données historiques du portefeuille correspondant à la clef privée ci-dessous.
  • La seconde étape consiste à charger les widgets déclarés sur ce formulaire.

Tous les widgets de cette page sont des éléments développés en open sourcce proposés et accessibles via des javascripts déclarés en local (spécifique) ou sur le serveur (standard). Leur nombre et leur fonction sont ajustables par le client.

Select a fund

Historical NAV

Assets Liabilities
NAV Date GAV Cash amount Fees NAV Total shares NAV price

Implémentation

Step #1 : Pour restituer l'historique des données actif/passif d'un fonds, nous interrogeons l'API, et plus particulièrement l'action Liabilities avec comme paramètre la clef unique du fonds. Nous utiliserons ces quelques lignes de script: 


        // On form loading or When we click on button named display, we call API
        // only one parameter is required : the code of the fund 
        var params = { code: $('#PositionCode').val() };
        // Then, we get the historical liabilities (including asset gross and net values) from the server in Json format
        $p.get('liabilities', params, function (data) {
            // We populate the table with these returned data in Json format
            populateLiabilities(data, '#liabilities');
        });

Step #2 : Pour remplir notre tableau conçu localement, et le remplir avec les données précédemment collectées, nous utiliserons ce script: 


        var populateLiabilities = function (data, div) {
            $(div).empty();
            $.each(data, function (i, item) {
                var tr = $('<tr>').append(
                    $('<td class="text-center">').text(item.NAVDate.ToShortDateString()),
                    $('<td class="text-right">').text(item.GAV.toLocaleString("en-US", myLocalFormat)),
                    $('<td class="text-right">').text(item.CashAmount.toLocaleString("en-US", myLocalFormat)),
                    $('<td class="text-right">').text(item.CumulatedManagementFees.toLocaleString("en-US", myLocalFormat)),
                    $('<td class="text-right">').text(item.NAV.toLocaleString("en-US", myLocalFormat)),
                    $('<td class="text-right">').text(item.TotalShares),
                    $('<td class="text-right">').text(item.NAVPrice.toLocaleString("en-US", myLocalFormat)),
                );
                tr.appendTo(div);
            });
        }