Martin Drapeau martindrapeau

Apps POC TODO

Filter for categories
Filter for paid vs free
Filter by Amilia vs by Partner
Filter by Vertical
On tile, transform price into button (CTA): Get or Price or Installed
Remove SSOs? (because they are always on)
Examples of installed

Amilia API for MySkillChart integration

The Amilia API is located here: http://amiliaapp.github.io/amilia-demo-organization/api-documentation.html. It lists calls that are public. In addition, there is another document which lists calls with authentication required. Those are not yet public and will be sent in a separate PDF.

First off, most calls take as argument the language (en for English in your case) and a "rewrite url" - the id of the organization or customer. For your demo org, it is myskillchart. You'll notice those parts in the signature of the API calls below. I built the examples using your demo account.

The API is always a URL and returns JSON. Authenticated calls require an extra HTTP header. I've gone ahead and used jQuery to code up the calls. You can run those in your browser from your website domain or on the amilia.com domain (we respect CORS).

	<?php

	namespace App\Http\Middleware;

	use Closure;
	use Illuminate\Http\Request;

	/**
	* Class VerifyCanvaRequest.
	*/

	[
	{
	"Categories": [
	"scheduling"
	],
	"Id": 100,
	"Name": "Speedy Grid",
	"HeroTitle": "Rotation schedule for gymnastics and cheerleading.",
	"HeroIconImage": "img/speedygrid-logo.png",
	"HeroDescription": "The world's first scheduling solution for Gymnastics facilities. Made by a gym owner, for gym owners!",

	Namespace("axis.sm.activities");

	axis.sm.activities.display = function (evt, ajaxArgs) {

	var english = $("body").hasClass("l_en");
	var strings = {
	lang: english ? 'en' : 'fr',
	months: english
	? ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
	: ["janvier", "février", "mars", "avril", "mai", "juin", "juillet", "août", "septembre", "octobre", "novembre", "décembre"],

	<!doctype html>
	<html>
	<head>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
	<script src="http://fiduswriter.github.io/diffDOM/diffDOM.js"></script>
	<script>
	$(document).ready(function() {
	var value = 'hello';
	var template = `
	<div>

	<script>
	jQuery(document).ready(function() {

	$.get('https://www.amilia.com/PublicApi/sports-montreal/fr/Events')
	.done(function(data) {
	var $tbody = $('#amilia-events-calendar table tbody');
	$tbody.empty();
	if (typeof data != 'object') return;

	if (data.length == 0) {

	var $amilia = $('<div>');
	$('#widget-a72b3d5a-907a-a206-965d-7121034ab07e>.widget-content').append($amilia);
	$.get('https://www.amilia.com/PublicApi/centre-pere-marquette/fr/Events').done(function(events) {
	var $ul = $('<ul>');
	$amilia.append($ul);
	for (var i = 0; i < events.length; i++) {
	var event = events[i];
	$ul.append('<li><a href="' + event.url + '">' + event.title + '</a></li>');
	}
	});

	@media (min-width: 992px) {
	#carbonads {
	position: fixed;
	right: 0;
	bottom: 0;
	box-sizing: border-box;
	float: right;
	background-color: rgba(0,0,0, 0.1);
	padding: 1.5rem;
	width: 32rem;

	var screenWidth = Math.max(window.screen.width * window.devicePixelRatio, window.innerWidth);
	var factor = screenHeight >= 960 ? 2 : 1;
	if (screenHeight >= 960*2) factor = 3;
	if (screenHeight >= 960*2.5) factor = 4;

	// Image urls are then modified to load the proper size:
	imgUrl.replace(".png", factor + ".png");