Basefarm - Customer Portal

Widget Cost Control 

<div class="widget widget-cost-control grid-item-half">
    <div class="widget-header">
        <h2 class="widget-title">
            Cost control
        </h2>
        <a class="icon-chevron-small-right icon-after" href="http://testlenke.no">
        Billing archive
      </a>
    </div>
    <div class="widget-body">
        <div class="slider">
            <div>
                <div class="cost-control text-center body-layout-1-2">
                    <div class="header">
                        <h2 class="h3">Invoice #4325-1</h2>
                    </div>
                    <div class="body">
                        <p class="text-sm">First optional short description about the report shown</p>
                        <canvas class="chart" id="chart-1"></canvas>
                    </div>
                    <div class="footer">
                        <a href="http://testlenke.no" class="btn btn-sm">View invoice (PDF)</a>
                    </div>
                </div>
            </div>
            <div>
                <div class="cost-control text-center body-layout-1-2">
                    <div class="header">
                        <h2 class="h3">Invoice #4325-2</h2>
                    </div>
                    <div class="body">
                        <p class="text-sm">Second optional short description about the report shown</p>
                        <canvas class="chart" id="chart-2"></canvas>
                    </div>
                    <div class="footer">
                        <a href="http://testlenke.no" class="btn btn-sm">View invoice (PDF)</a>
                    </div>
                </div>
            </div>
            <div>
                <div class="cost-control text-center body-layout-1-2">
                    <div class="header">
                        <h2 class="h3">Invoice #4325-3</h2>
                    </div>
                    <div class="body">
                        <p class="text-sm">Third optional short description about the report shown</p>
                        <canvas class="chart" id="chart-3"></canvas>
                    </div>
                    <div class="footer">
                        <a href="http://testlenke.no" class="btn btn-sm">View invoice (PDF)</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
 
{% embed '@widget' with widget %}
  {% block body %}
    {% embed '@slider' %}
      {% block slides %}
        {% for slide in slides %}
          <div>
            {% include '@cost-control' with slide %}
          </div>
        {% endfor %}
      {% endblock %}
    {% endembed %}
  {% endblock %}
{% endembed %}
 
{
  "widget": {
    "widget_class": "widget-cost-control grid-item-half",
    "copy": {
      "title": "Cost control",
      "link": "Billing archive"
    }
  },
  "slides": [
    {
      "title": {
        "copy": "Invoice #4325-1"
      },
      "chart_id": "chart-1",
      "paragraph": {
        "copy": "First optional short description about the report shown"
      }
    },
    {
      "title": {
        "copy": "Invoice #4325-2"
      },
      "chart_id": "chart-2",
      "paragraph": {
        "copy": "Second optional short description about the report shown"
      }
    },
    {
      "title": {
        "copy": "Invoice #4325-3"
      },
      "chart_id": "chart-3",
      "paragraph": {
        "copy": "Third optional short description about the report shown"
      }
    }
  ]
}

There are no notes for this item.