goblin-gadgets 3.2.2 → 3.2.3

package/widgets/login-dialog/widget.js

@@ -1,117 +1,117 @@
-//T:2019-02-27
-import React from 'react';
-import Form from 'goblin-laboratory/widgets/form';
-
-import DialogModal from 'goblin-gadgets/widgets/dialog-modal/widget';
-import Container from 'goblin-gadgets/widgets/container/widget';
-import Button from 'goblin-gadgets/widgets/button/widget';
-import Label from 'goblin-gadgets/widgets/label/widget';
-import LabelTextField from 'goblin-gadgets/widgets/label-text-field/widget';
-import Separator from 'goblin-gadgets/widgets/separator/widget';
-import T from 't';
-
-/******************************************************************************/
-
-class LoginDialog extends Form {
-  constructor() {
-    super(...arguments);
-    this.error = null;
-
-    this.onOk = this.onOk.bind(this);
-    this.onCancel = this.onCancel.bind(this);
-  }
-
-  static get wiring() {
-    return {
-      id: 'id',
-      user: 'user',
-      password: 'password',
-      error: 'error',
-      close: 'close',
-    };
-  }
-
-  clearFields() {
-    this.setModelValue('.user', null);
-    this.setModelValue('.password', null);
-  }
-
-  onClose() {
-    const x = this.props.closeDialog;
-    if (x) {
-      x();
-    }
-  }
-
-  onOk() {
-    // Deprecated
-    // this.submit();
-  }
-
-  onCancel() {
-    this.do('logout');
-    this.onClose();
-  }
-
-  render() {
-    if (this.props.close) {
-      this.do('reset');
-      this.onClose();
-      return null;
-    }
-
-    const Form = this.Form;
-    return (
-      <DialogModal width="400px" height="320px">
-        <Form {...this.formConfig}>
-          <Container kind="row-pane">
-            <Label text={T('Identifiez-vous')} grow="1" kind="big-center" />
-          </Container>
-          <Separator kind="space" height="30px" />
-          <Container kind="row-pane">
-            <LabelTextField
-              model=".user"
-              defaultFocus={true}
-              labelGlyph="solid/user"
-              hintText={T("Nom d'utilisateur")}
-              grow="1"
-            />
-          </Container>
-          <Container kind="row-pane">
-            <LabelTextField
-              model=".password"
-              labelGlyph="solid/lock"
-              hintText={T('Mot de passe')}
-              type="password"
-              grow="1"
-            />
-          </Container>
-          <Separator kind="space" height="20px" />
-          <Label kind="center-to-box" height="20px" text={this.props.error} />
-          <Separator kind="space" height="50px" />
-          <Container kind="row-pane">
-            <Button
-              glyph="solid/check"
-              text={T('Se connecter')}
-              grow="1"
-              kind="action"
-              place="1/2"
-              onClick={this.onOk}
-            />
-            <Button
-              glyph="solid/times"
-              text={T('Annuler')}
-              grow="1"
-              kind="action"
-              place="2/2"
-              onClick={this.onCancel}
-            />
-          </Container>
-        </Form>
-      </DialogModal>
-    );
-  }
-}
-
-/******************************************************************************/
-export default LoginDialog;
+//T:2019-02-27
+import React from 'react';
+import Form from 'goblin-laboratory/widgets/form';
+
+import DialogModal from 'goblin-gadgets/widgets/dialog-modal/widget';
+import Container from 'goblin-gadgets/widgets/container/widget';
+import Button from 'goblin-gadgets/widgets/button/widget';
+import Label from 'goblin-gadgets/widgets/label/widget';
+import LabelTextField from 'goblin-gadgets/widgets/label-text-field/widget';
+import Separator from 'goblin-gadgets/widgets/separator/widget';
+import T from 't';
+
+/******************************************************************************/
+
+class LoginDialog extends Form {
+  constructor() {
+    super(...arguments);
+    this.error = null;
+
+    this.onOk = this.onOk.bind(this);
+    this.onCancel = this.onCancel.bind(this);
+  }
+
+  static get wiring() {
+    return {
+      id: 'id',
+      user: 'user',
+      password: 'password',
+      error: 'error',
+      close: 'close',
+    };
+  }
+
+  clearFields() {
+    this.setModelValue('.user', null);
+    this.setModelValue('.password', null);
+  }
+
+  onClose() {
+    const x = this.props.closeDialog;
+    if (x) {
+      x();
+    }
+  }
+
+  onOk() {
+    // Deprecated
+    // this.submit();
+  }
+
+  onCancel() {
+    this.do('logout');
+    this.onClose();
+  }
+
+  render() {
+    if (this.props.close) {
+      this.do('reset');
+      this.onClose();
+      return null;
+    }
+
+    const Form = this.Form;
+    return (
+      <DialogModal width="400px" height="320px">
+        <Form {...this.formConfig}>
+          <Container kind="row-pane">
+            <Label text={T('Identifiez-vous')} grow="1" kind="big-center" />
+          </Container>
+          <Separator kind="space" height="30px" />
+          <Container kind="row-pane">
+            <LabelTextField
+              model=".user"
+              defaultFocus={true}
+              labelGlyph="solid/user"
+              hintText={T("Nom d'utilisateur")}
+              grow="1"
+            />
+          </Container>
+          <Container kind="row-pane">
+            <LabelTextField
+              model=".password"
+              labelGlyph="solid/lock"
+              hintText={T('Mot de passe')}
+              type="password"
+              grow="1"
+            />
+          </Container>
+          <Separator kind="space" height="20px" />
+          <Label kind="center-to-box" height="20px" text={this.props.error} />
+          <Separator kind="space" height="50px" />
+          <Container kind="row-pane">
+            <Button
+              glyph="solid/check"
+              text={T('Se connecter')}
+              grow="1"
+              kind="action"
+              place="1/2"
+              onClick={this.onOk}
+            />
+            <Button
+              glyph="solid/times"
+              text={T('Annuler')}
+              grow="1"
+              kind="action"
+              place="2/2"
+              onClick={this.onCancel}
+            />
+          </Container>
+        </Form>
+      </DialogModal>
+    );
+  }
+}
+
+/******************************************************************************/
+export default LoginDialog;

package/widgets/map/reaflet.js

@@ -1,208 +1,208 @@
-'use strict';
-import L from 'leaflet';
-
-/*
- * Leaflet plugin to create map icons using Maki Icons from MapBox.
- *
- * References:
- *   Maki Icons: https://www.mapbox.com/maki/
- *   MapBox Marker API: https://www.mapbox.com/developers/api/static/#markers
- *
- * Usage:
- *   var icon = L.MakiMarkers.icon({icon: "rocket", color: "#b0b", size: "m"});
- *
- * License:
- *   MIT: http://jseppi.mit-license.org/
- */
-L.MakiMarkers = {
-  // Available Maki Icons
-  icons: [
-    'airfield',
-    'airport',
-    'alcohol-shop',
-    'america-football',
-    'art-gallery',
-    'bakery',
-    'bank',
-    'bar',
-    'baseball',
-    'basketball',
-    'beer',
-    'bicycle',
-    'building',
-    'bus',
-    'cafe',
-    'camera',
-    'campsite',
-    'car',
-    'cemetery',
-    'chemist',
-    'cinema',
-    'circle-stroked',
-    'circle',
-    'city',
-    'clothing-store',
-    'college',
-    'commercial',
-    'cricket',
-    'cross',
-    'dam',
-    'danger',
-    'disability',
-    'dog-park',
-    'embassy',
-    'emergency-telephone',
-    'entrance',
-    'farm',
-    'fast-food',
-    'ferry',
-    'fire-station',
-    'fuel',
-    'garden',
-    'golf',
-    'grocery',
-    'hairdresser',
-    'harbor',
-    'heart',
-    'heliport',
-    'hospital',
-    'industrial',
-    'land-use',
-    'laundry',
-    'library',
-    'lighthouse',
-    'lodging',
-    'logging',
-    'london-underground',
-    'marker-stroked',
-    'marker',
-    'minefield',
-    'mobilephone',
-    'monument',
-    'museum',
-    'music',
-    'oil-well',
-    'park2',
-    'park',
-    'parking-garage',
-    'parking',
-    'pharmacy',
-    'pitch',
-    'place-of-worship',
-    'playground',
-    'police',
-    'polling-place',
-    'post',
-    'prison',
-    'rail-above',
-    'rail-light',
-    'rail-metro',
-    'rail-underground',
-    'rail',
-    'religious-christian',
-    'religious-jewish',
-    'religious-muslim',
-    'restaurant',
-    'roadblock',
-    'rocket',
-    'school',
-    'scooter',
-    'shop',
-    'skiing',
-    'slaughterhouse',
-    'soccer',
-    'square-stroked',
-    'square',
-    'star-stroked',
-    'star',
-    'suitcase',
-    'swimming',
-    'telephone',
-    'tennis',
-    'theatre',
-    'toilets',
-    'town-hall',
-    'town',
-    'triangle-stroked',
-    'triangle',
-    'village',
-    'warehouse',
-    'waste-basket',
-    'water',
-    'wetland',
-    'zoo',
-  ],
-  defaultColor: '#0a0',
-  defaultIcon: 'circle-stroked',
-  defaultSize: 'm',
-  apiUrl: 'https://api.tiles.mapbox.com/v3/marker/',
-  smallOptions: {
-    iconSize: [20, 50],
-    popupAnchor: [0, -20],
-  },
-  mediumOptions: {
-    iconSize: [30, 70],
-    popupAnchor: [0, -30],
-  },
-  largeOptions: {
-    iconSize: [36, 90],
-    popupAnchor: [0, -40],
-  },
-};
-
-L.MakiMarkers.Icon = L.Icon.extend({
-  options: {
-    //Maki icon: any from https://www.mapbox.com/maki/ (ref: L.MakiMarkers.icons)
-    icon: L.MakiMarkers.defaultIcon,
-    //Marker color: short or long form hex color code
-    color: L.MakiMarkers.defaultColor,
-    //Marker size: "s" (small), "m" (medium), or "l" (large)
-    size: L.MakiMarkers.defaultSize,
-    shadowAnchor: null,
-    shadowSize: null,
-    shadowUrl: null,
-    className: 'maki-marker',
-  },
-
-  initialize: function (options) {
-    var pin;
-
-    options = L.setOptions(this, options);
-
-    switch (options.size) {
-      case 's':
-        L.extend(options, L.MakiMarkers.smallOptions);
-        break;
-      case 'l':
-        L.extend(options, L.MakiMarkers.largeOptions);
-        break;
-      default:
-        options.size = 'm';
-        L.extend(options, L.MakiMarkers.mediumOptions);
-        break;
-    }
-
-    pin = 'pin-' + options.size;
-
-    if (options.icon !== null) {
-      pin += '-' + options.icon;
-    }
-
-    if (options.color !== null) {
-      if (options.color.charAt(0) === '#') {
-        options.color = options.color.substr(1);
-      }
-
-      pin += '+' + options.color;
-    }
-
-    options.iconUrl = '' + L.MakiMarkers.apiUrl + pin + '.png';
-    options.iconRetinaUrl = L.MakiMarkers.apiUrl + pin + '@2x.png';
-  },
-});
-
-L.MakiMarkers.icon = function (options) {
-  return new L.MakiMarkers.Icon(options);
-};
-
-export default L;
+'use strict';
+import L from 'leaflet';
+
+/*
+ * Leaflet plugin to create map icons using Maki Icons from MapBox.
+ *
+ * References:
+ *   Maki Icons: https://www.mapbox.com/maki/
+ *   MapBox Marker API: https://www.mapbox.com/developers/api/static/#markers
+ *
+ * Usage:
+ *   var icon = L.MakiMarkers.icon({icon: "rocket", color: "#b0b", size: "m"});
+ *
+ * License:
+ *   MIT: http://jseppi.mit-license.org/
+ */
+L.MakiMarkers = {
+  // Available Maki Icons
+  icons: [
+    'airfield',
+    'airport',
+    'alcohol-shop',
+    'america-football',
+    'art-gallery',
+    'bakery',
+    'bank',
+    'bar',
+    'baseball',
+    'basketball',
+    'beer',
+    'bicycle',
+    'building',
+    'bus',
+    'cafe',
+    'camera',
+    'campsite',
+    'car',
+    'cemetery',
+    'chemist',
+    'cinema',
+    'circle-stroked',
+    'circle',
+    'city',
+    'clothing-store',
+    'college',
+    'commercial',
+    'cricket',
+    'cross',
+    'dam',
+    'danger',
+    'disability',
+    'dog-park',
+    'embassy',
+    'emergency-telephone',
+    'entrance',
+    'farm',
+    'fast-food',
+    'ferry',
+    'fire-station',
+    'fuel',
+    'garden',
+    'golf',
+    'grocery',
+    'hairdresser',
+    'harbor',
+    'heart',
+    'heliport',
+    'hospital',
+    'industrial',
+    'land-use',
+    'laundry',
+    'library',
+    'lighthouse',
+    'lodging',
+    'logging',
+    'london-underground',
+    'marker-stroked',
+    'marker',
+    'minefield',
+    'mobilephone',
+    'monument',
+    'museum',
+    'music',
+    'oil-well',
+    'park2',
+    'park',
+    'parking-garage',
+    'parking',
+    'pharmacy',
+    'pitch',
+    'place-of-worship',
+    'playground',
+    'police',
+    'polling-place',
+    'post',
+    'prison',
+    'rail-above',
+    'rail-light',
+    'rail-metro',
+    'rail-underground',
+    'rail',
+    'religious-christian',
+    'religious-jewish',
+    'religious-muslim',
+    'restaurant',
+    'roadblock',
+    'rocket',
+    'school',
+    'scooter',
+    'shop',
+    'skiing',
+    'slaughterhouse',
+    'soccer',
+    'square-stroked',
+    'square',
+    'star-stroked',
+    'star',
+    'suitcase',
+    'swimming',
+    'telephone',
+    'tennis',
+    'theatre',
+    'toilets',
+    'town-hall',
+    'town',
+    'triangle-stroked',
+    'triangle',
+    'village',
+    'warehouse',
+    'waste-basket',
+    'water',
+    'wetland',
+    'zoo',
+  ],
+  defaultColor: '#0a0',
+  defaultIcon: 'circle-stroked',
+  defaultSize: 'm',
+  apiUrl: 'https://api.tiles.mapbox.com/v3/marker/',
+  smallOptions: {
+    iconSize: [20, 50],
+    popupAnchor: [0, -20],
+  },
+  mediumOptions: {
+    iconSize: [30, 70],
+    popupAnchor: [0, -30],
+  },
+  largeOptions: {
+    iconSize: [36, 90],
+    popupAnchor: [0, -40],
+  },
+};
+
+L.MakiMarkers.Icon = L.Icon.extend({
+  options: {
+    //Maki icon: any from https://www.mapbox.com/maki/ (ref: L.MakiMarkers.icons)
+    icon: L.MakiMarkers.defaultIcon,
+    //Marker color: short or long form hex color code
+    color: L.MakiMarkers.defaultColor,
+    //Marker size: "s" (small), "m" (medium), or "l" (large)
+    size: L.MakiMarkers.defaultSize,
+    shadowAnchor: null,
+    shadowSize: null,
+    shadowUrl: null,
+    className: 'maki-marker',
+  },
+
+  initialize: function (options) {
+    var pin;
+
+    options = L.setOptions(this, options);
+
+    switch (options.size) {
+      case 's':
+        L.extend(options, L.MakiMarkers.smallOptions);
+        break;
+      case 'l':
+        L.extend(options, L.MakiMarkers.largeOptions);
+        break;
+      default:
+        options.size = 'm';
+        L.extend(options, L.MakiMarkers.mediumOptions);
+        break;
+    }
+
+    pin = 'pin-' + options.size;
+
+    if (options.icon !== null) {
+      pin += '-' + options.icon;
+    }
+
+    if (options.color !== null) {
+      if (options.color.charAt(0) === '#') {
+        options.color = options.color.substr(1);
+      }
+
+      pin += '+' + options.color;
+    }
+
+    options.iconUrl = '' + L.MakiMarkers.apiUrl + pin + '.png';
+    options.iconRetinaUrl = L.MakiMarkers.apiUrl + pin + '@2x.png';
+  },
+});
+
+L.MakiMarkers.icon = function (options) {
+  return new L.MakiMarkers.Icon(options);
+};
+
+export default L;