Scapal

import 'framework7';
// import 'framework7-3d-panels/dist/framework7.3dpanels';

export const F7 = new Framework7({
  ios: true
});

Scapal

/* animate page transitions */

div.page {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  /*width: 100%;*/
  height: 100%;

Scapal

export class PaginateValueConverter {
  toView(array, pageSize, currentPage) {
  	if(array === undefined || pageSize === undefined || pageSize == '0') 
  		return array;
  	
    if(currentPage === undefined || currentPage == '')
      currentPage = 0;

    let first = parseInt(currentPage) * parseInt(pageSize);
    let end = Math.min(first + parseInt(pageSize), array.length);

Scapal

import {
  inject, noView, bindable, bindingMode,
  customElement, BindingEngine, inlineView
} from 'aurelia-framework';

import 'jquery';
import moment from  'moment';
import {fullCalendar} from 'fullcalendar';

@customElement('calendar')

Scapal

import {
  inject, Container, ViewSlot, ViewLocator,
  customElement, noView, CompositionTransaction,
  CompositionEngine, bindable
} from 'aurelia-framework';

@noView()
@customElement('navigation-view')
@inject(Element, Container, ViewSlot, ViewLocator, CompositionEngine, CompositionTransaction)
export class NavigationView {

Scapal

.treeview .list-group-item {
  cursor: pointer;
}

.treeview span.indent {
  margin-left: 10px;
  margin-right: 10px;
}

.treeview span.icon {

Scapal

import {inject, customAttribute, children} from 'aurelia-framework';

function calcOuterHeight(element){
  var height;
  height = element.getBoundingClientRect().height;
  height += getStyleValue(element, 'marginTop');
  height += getStyleValue(element, 'marginBottom');
  return height;
}