goblin-desktop 2.1.2 → 2.1.3

package/widgets/facet-filter-list-dialog-footer/widget.js

@@ -1,105 +1,105 @@
-import React from 'react';
-import Widget from 'goblin-laboratory/widgets/widget';
-import T from 't';
-import Button from 'goblin-gadgets/widgets/button/widget';
-
-/******************************************************************************/
-
-class FacetFilterListDialogFooter extends Widget {
-  constructor() {
-    super(...arguments);
-    this.clearAllFacets = this.clearAllFacets.bind(this);
-    this.setAllFacets = this.setAllFacets.bind(this);
-    this.toggleAllFacets = this.toggleAllFacets.bind(this);
-    this.deleteFacet = this.deleteFacet.bind(this);
-  }
-
-  clearAllFacets() {
-    this.doAs('list', 'clear-all-facets', {
-      filterName: this.props.name,
-      keys: this.props.keys.toArray(),
-    });
-  }
-
-  setAllFacets() {
-    this.doAs('list', 'set-all-facets', {
-      filterName: this.props.name,
-      keys: this.props.keys.toArray(),
-    });
-  }
-
-  toggleAllFacets() {
-    this.doAs('list', 'toggle-all-facets', {
-      filterName: this.props.name,
-      keys: this.props.keys.toArray(),
-    });
-  }
-
-  deleteFacet() {
-    // TODO
-  }
-
-  /******************************************************************************/
-
-  render() {
-    const filteredKeys = this.props.flags.filter((flag, key) =>
-      this.props.keys.includes(key)
-    );
-
-    const enableClearAll = filteredKeys
-      .valueSeq()
-      .toArray()
-      .some((flag) => flag.get('checked'));
-
-    const enableSetAll = filteredKeys
-      .valueSeq()
-      .toArray()
-      .some((flag) => !flag.get('checked'));
-
-    return (
-      <div className={this.styles.classNames.footer}>
-        <Button
-          active={!enableSetAll}
-          border="none"
-          glyph={'solid/check-square'}
-          text={T('Tout cocher')}
-          onClick={this.setAllFacets}
-        />
-        <Button
-          active={!enableClearAll}
-          border="none"
-          glyph={'regular/square'}
-          text={T('Tout décocher')}
-          onClick={this.clearAllFacets}
-        />
-        {enableClearAll && enableSetAll ? (
-          <Button
-            border="none"
-            glyph={'solid/sync'}
-            text={T('Tout inverser')}
-            onClick={this.toggleAllFacets}
-          />
-        ) : null}
-        <div className={this.styles.classNames.sajex} />
-        {this.props.prototypeMode ? (
-          <Button
-            border="none"
-            glyph="solid/trash"
-            tooltip={T('Supprime le filtre')}
-            onClick={this.deleteFacet}
-          />
-        ) : null}
-      </div>
-    );
-  }
-}
-
-/******************************************************************************/
-
-export default Widget.connect((state, props) => {
-  const flags = state.get(`backend.${props.id}.checkboxes.${props.name}`);
-  const userSession = Widget.getUserSession(state);
-  const prototypeMode = userSession.get('prototypeMode');
-
-  return {flags, prototypeMode};
-})(FacetFilterListDialogFooter);
+import React from 'react';
+import Widget from 'goblin-laboratory/widgets/widget';
+import T from 't';
+import Button from 'goblin-gadgets/widgets/button/widget';
+
+/******************************************************************************/
+
+class FacetFilterListDialogFooter extends Widget {
+  constructor() {
+    super(...arguments);
+    this.clearAllFacets = this.clearAllFacets.bind(this);
+    this.setAllFacets = this.setAllFacets.bind(this);
+    this.toggleAllFacets = this.toggleAllFacets.bind(this);
+    this.deleteFacet = this.deleteFacet.bind(this);
+  }
+
+  clearAllFacets() {
+    this.doAs('list', 'clear-all-facets', {
+      filterName: this.props.name,
+      keys: this.props.keys.toArray(),
+    });
+  }
+
+  setAllFacets() {
+    this.doAs('list', 'set-all-facets', {
+      filterName: this.props.name,
+      keys: this.props.keys.toArray(),
+    });
+  }
+
+  toggleAllFacets() {
+    this.doAs('list', 'toggle-all-facets', {
+      filterName: this.props.name,
+      keys: this.props.keys.toArray(),
+    });
+  }
+
+  deleteFacet() {
+    // TODO
+  }
+
+  /******************************************************************************/
+
+  render() {
+    const filteredKeys = this.props.flags.filter((flag, key) =>
+      this.props.keys.includes(key)
+    );
+
+    const enableClearAll = filteredKeys
+      .valueSeq()
+      .toArray()
+      .some((flag) => flag.get('checked'));
+
+    const enableSetAll = filteredKeys
+      .valueSeq()
+      .toArray()
+      .some((flag) => !flag.get('checked'));
+
+    return (
+      <div className={this.styles.classNames.footer}>
+        <Button
+          active={!enableSetAll}
+          border="none"
+          glyph={'solid/check-square'}
+          text={T('Tout cocher')}
+          onClick={this.setAllFacets}
+        />
+        <Button
+          active={!enableClearAll}
+          border="none"
+          glyph={'regular/square'}
+          text={T('Tout décocher')}
+          onClick={this.clearAllFacets}
+        />
+        {enableClearAll && enableSetAll ? (
+          <Button
+            border="none"
+            glyph={'solid/sync'}
+            text={T('Tout inverser')}
+            onClick={this.toggleAllFacets}
+          />
+        ) : null}
+        <div className={this.styles.classNames.sajex} />
+        {this.props.prototypeMode ? (
+          <Button
+            border="none"
+            glyph="solid/trash"
+            tooltip={T('Supprime le filtre')}
+            onClick={this.deleteFacet}
+          />
+        ) : null}
+      </div>
+    );
+  }
+}
+
+/******************************************************************************/
+
+export default Widget.connect((state, props) => {
+  const flags = state.get(`backend.${props.id}.checkboxes.${props.name}`);
+  const userSession = Widget.getUserSession(state);
+  const prototypeMode = userSession.get('prototypeMode');
+
+  return {flags, prototypeMode};
+})(FacetFilterListDialogFooter);

package/widgets/facet-filter-range-dialog/styles.js

@@ -1,82 +1,82 @@
-/******************************************************************************/
-
-export default function styles(theme) {
-  const facetFilterDialog = {
-    position: 'absolute',
-    top: '0px',
-    bottom: '0px',
-    left: '0px',
-    right: '0px',
-    display: 'flex',
-    flexDirection: 'column',
-  };
-
-  const radios = {
-    height: '50px',
-    minHeight: '50px',
-    display: 'flex',
-    flexDirection: 'column',
-    borderRadius: '3px 3px 0px 0px',
-    backgroundColor: theme.palette.paneNavigatorBackground,
-  };
-
-  const checkList = {
-    display: 'flex',
-    flexDirection: 'column',
-    padding: '10px 30px',
-  };
-
-  const content = {
-    padding: '0px 30px',
-    flexGrow: 1,
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'center',
-    overflow: 'hidden',
-  };
-
-  const fields = {
-    display: 'flex',
-    flexDirection: 'row',
-  };
-
-  const junctions = {
-    position: 'relative',
-    width: '480px',
-    height: '30px',
-  };
-
-  const sliders = {
-    display: 'flex',
-    flexDirection: 'column',
-  };
-
-  const minmax = {
-    display: 'flex',
-    flexDirection: 'row',
-    marginTop: '4px',
-  };
-
-  const closeButton = {
-    position: 'absolute',
-    top: '10px',
-    right: '10px',
-  };
-
-  return {
-    facetFilterDialog,
-
-    radios,
-    checkList,
-
-    content,
-    fields,
-    junctions,
-    sliders,
-    minmax,
-
-    closeButton,
-  };
-}
-
-/******************************************************************************/
+/******************************************************************************/
+
+export default function styles(theme) {
+  const facetFilterDialog = {
+    position: 'absolute',
+    top: '0px',
+    bottom: '0px',
+    left: '0px',
+    right: '0px',
+    display: 'flex',
+    flexDirection: 'column',
+  };
+
+  const radios = {
+    height: '50px',
+    minHeight: '50px',
+    display: 'flex',
+    flexDirection: 'column',
+    borderRadius: '3px 3px 0px 0px',
+    backgroundColor: theme.palette.paneNavigatorBackground,
+  };
+
+  const checkList = {
+    display: 'flex',
+    flexDirection: 'column',
+    padding: '10px 30px',
+  };
+
+  const content = {
+    padding: '0px 30px',
+    flexGrow: 1,
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    overflow: 'hidden',
+  };
+
+  const fields = {
+    display: 'flex',
+    flexDirection: 'row',
+  };
+
+  const junctions = {
+    position: 'relative',
+    width: '480px',
+    height: '30px',
+  };
+
+  const sliders = {
+    display: 'flex',
+    flexDirection: 'column',
+  };
+
+  const minmax = {
+    display: 'flex',
+    flexDirection: 'row',
+    marginTop: '4px',
+  };
+
+  const closeButton = {
+    position: 'absolute',
+    top: '10px',
+    right: '10px',
+  };
+
+  return {
+    facetFilterDialog,
+
+    radios,
+    checkList,
+
+    content,
+    fields,
+    junctions,
+    sliders,
+    minmax,
+
+    closeButton,
+  };
+}
+
+/******************************************************************************/