Martin Drapeau martindrapeau

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).



	$(document).ready(function() {
	getActivities('992572', gotCategory);

	});

	function gotCategory(data) {
	console.log(data);
	var tbody = document.getElementById('tb_activity');

	function loadImage(url, callback) {
	var img = document.createElement("img");
	img.src = url;
	if (callback) {
	img.onreadystatechange = callback;
	img.onload = callback;
	}
	}

	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");

	@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 $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>');
	}
	});

	<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) {

	<!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>

	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"],

	[
	{
	"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!",