Q4Widgets API Documentation

q4.depositLoanIndex

The Deposit Loan Index widget is used to display the deposit loan composition data for a company. Templated for Index sites.
Script link
q4.studioApi.4.0.0.min.js
Source file
q4.studioApi.js, line 4369

This widget extends the q4.depositLoan widget. It has all the options and methods of the parent widget, in addition to those below. See the parent widget's documentation for details.

Examples

<script type="text/javascript">
 $('#deposit-loan-composition').depositLoan({
     studioApi: "", 
     ticker: [""]
 });
</script>

Options

defaultTemplate string
Default template for out of the box use. 

'<div id="irwFinlHighlights" class="container">'+
    '<div class="irwLoadingBox">'+
        '<div class="text-center irwLoadingBg"></div>'+
        '<div class="text-center irwLoading">'+
            '<i class="fa fa-circle-o-notch fa-spin irwGroupDesLoading"></i>'+
        '</div>'+
        '<div class="row">'+
            '<div class="col-xs-12 irwFinlHighlights">'+
                '<div class="irwBoxWrapper irwFinlTitleBox">'+
                    '<div class="irwBoxHeader bg-primary irwFinlBoxTrigger">'+
                        '<div class="pull-left irwBoxLabel">'+
                            '<h5>Financial Highlights</h5>'+
                        '</div>'+
                        '<div class="clearfix"></div>'+
                    '</div>'+
                '</div>'+
                '<div id="irwFinlHighlightsContent"></div>'+
            '</div>'+
        '</div>'+
    '</div>'+
'</div>'
tableSelector string
Default template for out of the box use.
Default value
#irwFinlHighlightsContent
tableTpl string
Template to be used for the deposit loan composition table.
Variables available to the template:
  • {{periods}} - an array of the periods each period has a label and periodEndDate
  • {{subtemplates}}
    • {{title}}
    • {{magnitude}}
    • {{items}}
      • {{definition}}
      • {{magnitude}}
      • {{name}}
      • {{values}}
        • {{value}}
        • {{year}}
        • {{quarter}}
        • {{periodType}}
        • {{isNegative}}


'<table class="table table-hover irwResponsiveTable default" data-sort="false">'+
     '<thead>'+
         '<tr>'+
             '<th class="Tbl-th-FirstCol irwFinlHighlightsyear" data-type="html" data-toggle="true">'+
                 '<div class="text-primary firstSpan">'+
                     '<strong>'+
                         '<span id="firstColumnHeaderLink">'+
                             'Period Ended'+
                         '</span>'+
                     '</strong>'+
                 '</div>'+
             '</th>'+
             '{{#periods}}'+
                 '<th class="irwFinlHighlightsyear" data-breakpoints="{{breakpoint}}" rel="dataItem">'+
                     '<div class="text-primary text-right">'+
                         '{{label}}'+
                         '<div class="text-muted text-right helpblock">'+
                             '{{periodEndDate}}'+
                         '</div>'+
                     '</div>'+
                 '</th>'+
             '{{/periods}}'+
         '</tr>'+
     '</thead>'+
     '<tbody>'+
         '{{#subtemplates}}'+
             '<tr class="deposit-loan_section-header">'+
                 '<td colspan="7" class="text-left bg-primary header">'+
                     '<h5 class="irwFinlHighlightsSectionHead">{{title}} {{#magnitude}}({{magnitude}}){{/magnitude}}</h5>'+
                 '</td>'+
             '</tr>'+
             '{{#items}}'+
                 '<tr class="hover">'+
                         '<td class="text-left text-primary" style="padding-left: 20px;">'+
                             '<a rel="showDefinitionLink" href="javascript:;" title="" data-definition="{{definition}}" style="cursor: pointer;">{{name}} {{#magnitude}}({{magnitude}}){{/magnitude}}</a>'+
                         '</td>'+
                         '{{#values}}'+
                             '<td class="text-muted text-top" rel="dataItem">'+
                                 '<span {{#isNegative}}style="color: #FF0000;"{{/isNegative}}>{{value}}</span>'+
                             '</td>'+
                         '{{/values}}'+
                 '</tr>'+
             '{{/items}}'+
         '{{/subtemplates}}'+
     '</tbody>'+
 '</table>'
tableHeaderBreakpoints Array.<string>
The breakpoints for the table headers. This is used to show and hide headers when using footable.
Default value
["xs", "xs", "xs sm", "xs sm", "xs sm"]
popupTpl string
Template to be used for the definition popup.
Variables available to the template:
  • {{title}}
  • {{definition}}


'<div id="irwWrapper" style="margin:0;padding:0">' +
    '<div class="modal-dialog" style="margin:0;padding:0">' +
        '<div class="modal-content">' +
            '<div class="modal-header bg-primary">' +
                '<h4 class="modal-title"><strong id="ModelTitle">{{title}}</strong></h4>' +
            '</div>' +
            '<div class="modal-body">' +
                '<div id="PopupDive" class="irwScrollbar mCustomScrollbar _mCS_1 _mCS_4" style="max-height: 260px; overflow: hidden;" aria-hidden="true">' +
                    '<div class="mCustomScrollBox mCS-bootstrap-thin" id="mCSB_4" style="position: relative; height: 100%; overflow: hidden; max-width: 100%; max-height: 260px;">' +
                        '<div class="mCSB_container mCS_no_scrollbar" style="position:relative; top:0;">' +
                            '<div>' +
                                '<table style="width:100%" class="table irwPopupTable irwItemDefTable">' +
                                    '<colgroup>' +
                                        '<col class="col-xs-2">' +
                                        '<col class="col-xs-10">' +
                                    '</colgroup>' +
                                    '<tbody>' +
                                        '<tr>' +
                                            '<td class="text-right text-top"><strong>Definition</strong></td>' +
                                            '<td>{{definition}}</td>'     +
                                        '</tr>' +
                                        '<tr>' +
                                            '<td colspan="2">'+
                                                '<small>Data shown on this page is extracted directly from the company’s documents and standardized by S&P Global Market Intelligence. S&P gathers information from numerous sources to ensure that the data we provide is comprehensive and accurate. S&P makes every effort to line up fields, captions and headers that represent the same data over time, despite variations in how the company may report these items in different documents.</small>' +
                                            '</td>' +
                                        '</tr>' +
                                    '</tbody>' +
                                '</table> ' +
                            '</div>' +
                        '</div>' +
                    '</div>' +
                '</div>' +
            '</div>' +
        '</div>' +
    '</div>' +
'</div>'
copyrightDisclaimerTpl string
'
' + '
' + '
' + '
' + '

Copyright Information

' + '
' + '
' + '' + '
' + '
' + '
' + '
'