Example for API

src/API/APIUser.php

@@ -5,19 +5,23 @@ namespace WebProjectFitness\API;
 class APIUser extends API {
 
     private $declaredFunctions = [
-        'insert' => [
+        'create' => [
             'method' => 'POST',
             'params' => [
-                'name' => [
+                'id' => [
                     'required' => true,
                     'type' => 'string'
                 ]
             ]
-        ],
+        ]
     ];
 
     public function __construct() {
         parent::__construct( $this->declaredFunctions );
     }
 
+    public function create( $data ) {
+        $this->returnJson( [ 'body' => 'truc', 'id' => $data[ 'id' ] ] );
+    }
+
 }

static/css/style.css

@@ -26,4 +26,9 @@
     height: 10px;
     border-radius: 50%;
     cursor: pointer;
+    display: none;
+}
+
+#point-container.start .point {
+    display: inherit;
 }

static/js/javascript.js

@@ -23,8 +23,9 @@ let pointConfig = [
 
 let Point = ( function () {
 
-    let Point = function ( conf ) {
+    let Point = function ( conf, callback ) {
         this.config = conf;
+        this.callback = callback;
         this.addSpecificCSS();
         this.adHtml();
     };
@@ -36,7 +37,6 @@ let Point = ( function () {
         let css = `<style id="point-css">`;
 
         for ( let conf of this.config ) {
-            console.log( conf );
             css += `
                 .${ conf.title }-css {
                     animation: ${ conf.title }-animation 1s linear 0s infinite normal none running;
@@ -82,10 +82,13 @@ let Point = ( function () {
             html += `<div class="blue darken-3 point ${ conf.title }-css ${ conf.noAnim ? "stop" : "" }"></div>`;
         }
         container.append( html.replace( /  |\n/g, "" ) );
+        this.callback( this );
     };
 
     proto.start = function () {
+        let container = $( "#point-container" );
 
+        container.addClass( "start" );
     };
 
     return Point;
@@ -95,6 +98,11 @@ $( document ).ready( () => {
 
     $( ".dropdown-trigger" ).dropdown();
 
-    // let point = new Point( pointConfig );
+    let point;
+
+    new Point( pointConfig, ( p ) => {
+        point = p;
+        point.start();
+    } );
 
 } );