Contents

.row.equal-cols
  .col-12.col-md-9.animate-fade-in-1000
    .card.card-full-height.inspectable
      /! component-title: Graph
      .card-header.d-flex.align-items-center
        h6.mr-auto SALES VS REFUNDS LAST 7 DAYS
        .d-flex
          .dropdown
            button#salesAndRefundButton.nav-link.btn.btn-icon aria-expanded="false" aria-haspopup="true" data-toggle="dropdown", type: "button" 
              = theme_icon_tag "more"
            .dropdown-menu.dropdown-menu-right aria-badgeledby="salesAndRefundButton" 
              a.dropdown-item href: "#"  Action
              a.dropdown-item href: "#"  Another action
              a.dropdown-item href: "#"  Something else here
      .card-body.position-relative
        canvas.sales-vs-refunds
  .col-12.col-md-3.animate-fade-in-1000
    .card.card-full-height.d-flex.inspectable
      /! component-title: Timeline Card
      .card-header
        h6 SALES ACTIVITY
      .card-body
        .timeline style: "height: 450px" 
          ul.left-timeline
            - types = [ { klass: 'refund', css_class: 'badge badge-danger'},  { klass: 'purchase', css_class: 'badge badge-success'}, { klass: 'cancellation', css_class: 'badge badge-light'}]
            - (1..8).each do |index|
              li.timeline-item
                - instance = types[Random.rand(types.length)]
                time class: "#{instance[:css_class]}" 
                  strong
                    | $#{Random.rand(120)}
                .activity-text
                  strong Internet Genie
                  small.text-muted
                    = instance[:klass].upcase
                    | \- #{time_ago_in_words( DateTime.now-(index.minutes) )}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
kiso_themes-1.0.2	lib/generators/kiso_themes/templates/views/dashboards/_sales_refunds.html.slim