Ephoto Dam Field in progress

modules/ephoto_dam_field/ephoto_dam_field.module

@@ -5,9 +5,30 @@
  * Module ephoto_dam_field.
  */
 
+ use Drupal\Component\Serialization\Json;
+ use \Drupal\Core\Render\Markup;
+
 /**
  * Hook : implements hook_field_widget_form_alter().
  */
 function ephoto_dam_field_field_widget_form_alter(&$element, &$form_state, $context) {
+    $field_definition = $context['items']->getFieldDefinition();
+    
+    if ($field_definition->getType() === 'ephoto_dam_field') {
+        $settings = $field_definition->getSettings();
+        $settings_encoded = str_replace('"', "'", Json::encode($settings));
+
         $element['#attached']['library'][] = 'ephoto_dam_field/edit';
+
+        // I do not like it
+        // It would be nice to put the settings AFTER the ".libraries", which would make it possible to call directly EphotoDamField.load($settings_encoded)
+        $element['#attached']['html_head'][] = [
+            [
+                '#tag' => 'script',
+                '#value' => Markup::create('EphotoDamFieldSettings=' . $settings_encoded . ';'),
+                '#weight' => 200
+            ],
+            'ephoto_dam_field_js_settings'
+        ];        
+    }
 }

modules/ephoto_dam_field/js/ephoto_dam_field.js

@@ -27,6 +27,9 @@
      */		
     connected: false,    
 
+    /**
+     * Enable version support
+     */    
     enableVersionSupport: function(el) {
       if(el.checked) {
         $('.ephoto-dam-field-version-field').removeClass('ephoto-dam-field-hidden');
@@ -43,16 +46,22 @@
       }
     },
 
-    select: function(settings) {
-      this.settings = settings;
+    /**
+     * Load Ephoto Dam Api
+     */
+    load: function() {
+      this.settings = EphotoDamFieldSettings;
 
       $.getScript(settings.url + 'api/apiJS.js', this.initApi.bind(this));
     },
     
+    /**
+     * Init Ephoto Dam Api
+     */    
     initApi: function() {
         var self = this;
       
-			if(!ePhoto) {
+        if (!ePhoto) {
             console.log(Drupal.t('Error loading the Ephoto Dam API'));
             return;
         }
@@ -68,6 +77,10 @@
       
         this.ephoto.connect();
 
+        //this.ephoto.File.setMode('embed');
+
+        //this.ephoto.File.enableDCore();
+
         this.ephoto.callOnConnect(function() {
                 //var today = expires = new Date();
                 
@@ -79,13 +92,30 @@
         });				
 
         this.ephoto.File.callOnFileReceived(this.insert.bind(this));
+    },
+
+    /**
+     *
+     */
+    selectVersionUrls: function() {
+        this.ephoto.File.get();
+    },    
 
+    /**
+     *
+     */    
+    selectUrl: function(delta) {
         this.ephoto.File.get();
     },
 
+    /**
+     *
+     */    
     insert: function() {
 
     }
   }
 
+  EphotoDamField.load();
+
 })(jQuery);

modules/ephoto_dam_field/src/Plugin/Field/FieldWidget/EphotoDamFieldWidget.php

@@ -26,13 +26,8 @@ class EphotoDamFieldWidget extends WidgetBase {
    * {@inheritdoc}
    */
   public function formElement(FieldItemListInterface $items, $delta, array $element, array &$form, FormStateInterface $form_state) {
-    $settings = $this->getFieldSettings();
-    $settings['delta'] = $delta;
-
-    $settings_encoded = str_replace('"', "'", Json::encode($settings));
-
     $is_default_values_form = $this->isDefaultValueWidget($form_state);
-    $version_support = $settings['version_support'];
+    $version_support = $this->getFieldSetting('version_support');
 
     if (self::$first) {
       $classes = ['ephoto-dam-field-button', 'ephoto-dam-field-version-button'];
@@ -44,9 +39,9 @@ class EphotoDamFieldWidget extends WidgetBase {
         '#disabled' => $is_default_values_form,
         '#attributes' => [
           'class' => $classes,
-          'onclick' => 'EphotoDamField.select(' . $settings_encoded . ');return false',
+          'onclick' => 'EphotoDamField.selectVersionUrls();return false',
           'class' => $classes,
-        ]
+        ],
       ];
 
       self::$first = false;
@@ -89,7 +84,7 @@ class EphotoDamFieldWidget extends WidgetBase {
       '#disabled' => $is_default_values_form,
       '#attributes' => [
         'class' => $classes,
-        'onclick' => 'EphotoDamField.select(' . $settings_encoded . ');return false',
+        'onclick' => 'EphotoDamField.selectUrl(' . $delta . ');return false',
         'class' => $classes
       ]
     ];