Actif/Passif

Historique

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.

Portefeuille/Modèle

Historical data

Assets Liabilities
NAV Date GAV Liquidities Fees NAV Total shares NAV price

Implémentation

Pour afficher l"actif/passif d'un portefeuille, nous utiliserons ce script associé:


        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.Liqudities.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);
            });
        }