imio.smartweb.core 1.2.37__py3-none-any.whl → 1.2.79__py3-none-any.whl

imio/smartweb/core/webcomponents/src/components/Annuaire/ContactList/ContactList.jsx

@@ -1,15 +1,23 @@
+import React, { useEffect, useContext } from "react";
 import ContactCard from "../ContactCard/ContactCard";
 import { Link } from "react-router-dom";
-import React from "react";
 import removeAccents from "remove-accents";
-const ContactList = ({ contactArray, onChange, onHover, parentCallback }) => {
+import { ScrollContext } from "../../../hooks/ScrollContext";
+const ContactList = ({ contactArray, onChange, onHover, contextAuthenticatedUser }) => {
+    const { scrollPos, updateScrollPos } = useContext(ScrollContext);
+
     function handleClick(event) {
         onChange(event);
+        updateScrollPos(window.scrollY);
     }
 
     function handleHover(event) {
         onHover(event);
     }
+
+    useEffect(() => {
+        window.scrollTo({ top: scrollPos, left: 0, behavior: "instant" });
+    }, [contactArray]);
     return (
         <React.Fragment>
             <ul className="r-result-list annuaire-result-list">
@@ -25,14 +33,23 @@ const ContactList = ({ contactArray, onChange, onHover, parentCallback }) => {
                             className="r-list-item-link"
                             style={{ textDecoration: "none" }}
                             to={{
-                                pathname: "/"+removeAccents(item.title).replace(/[^a-zA-Z ]/g, "").replace(/\s/g, "-").toLowerCase(),
+                                pathname:
+                                    "/" +
+                                    removeAccents(item.title)
+                                        .replace(/[^a-zA-Z ]/g, "")
+                                        .replace(/\s/g, "-")
+                                        .toLowerCase(),
                                 search: `?u=${item.UID}`,
                                 state: {
                                     idItem: item.UID,
                                 },
                             }}
                         ></Link>
-                        <ContactCard item={item} key={item.created} />
+                        <ContactCard
+                            item={item}
+                            contextAuthenticatedUser={contextAuthenticatedUser}
+                            key={item.created}
+                        />
                     </li>
                 ))}
             </ul>

imio/smartweb/core/webcomponents/src/components/Annuaire/Filters/Filter.jsx

@@ -1,16 +1,51 @@
 import React, { useEffect, useRef, useCallback, useState } from "react";
 import Select from "react-select";
-import { useHistory } from "react-router-dom";
+import { useNavigate } from "react-router-dom";
 import useAxios from "../../../hooks/useAxios";
 import { Translator } from "react-translated";
+import queryString from "query-string";
+// import TaxonomyFilter from "../../Filters/TaxonomyFilter";
+import { iam } from "./../../Filters/IamData";
+import { menuStyles, moreFilterStyles } from "./../../Filters/SelectStyles";
+
+function formatData(data) {
+    let result = [];
+
+    data.forEach((item) => {
+        let titles = item.title.split(" » ");
+        let token = item.token;
+
+        let level = result;
+        titles.forEach((title) => {
+            let existingItem = level.find((x) => x.title === title);
+            if (existingItem) {
+                if (!existingItem.sub) {
+                    existingItem.sub = [];
+                }
+                level = existingItem.sub;
+            } else {
+                let newItem = { title: title, token: token, sub: [] };
+                level.push(newItem);
+                level = newItem.sub;
+            }
+        });
+    });
+
+    // Remove empty 'sub' arrays
+    const cleanResult = JSON.parse(JSON.stringify(result).replace(/,"sub":\[\]/g, ""));
+
+    return cleanResult;
+}
 
 function Filters(props) {
-    let history = useHistory();
-    const queryString = require("query-string");
+    let navigate = useNavigate();
     const [inputValues, setInputValues] = useState(props.activeFilter);
-    const [topicsFilter, setTopicsFilter] = useState(null);
+    const [topicsFilter, setTopicsFilter] = useState([]);
+    // const [taxonomyData, setTaxonomyData] = useState(null);
     const [taxonomyFilter, setTaxonomyFilter] = useState(null);
     const [facilitiesFilter, setFacilitiesFilter] = useState(null);
+    const [cat, setCat] = useState(false);
+    const [activeComponent, setActiveComponent] = useState(null);
     const { response, error, isLoading } = useAxios({
         method: "get",
         url: "",
@@ -29,6 +64,8 @@ function Filters(props) {
                     value: d.token,
                     label: d.title,
                 }));
+
+            // const taxodonnee = formatData(response.taxonomy_contact_category);
             const optionsTaxonomy =
                 response.taxonomy_contact_category &&
                 response.taxonomy_contact_category.map((d) => ({
@@ -42,11 +79,13 @@ function Filters(props) {
                     label: d.title,
                 }));
             setTopicsFilter(optionsTopics);
+            // setTaxonomyData(taxodonnee);
             setTaxonomyFilter(optionsTaxonomy);
             setFacilitiesFilter(optionsFacilities);
         }
     }, [response]);
 
+    // set values from search input
     const onChangeHandler = useCallback(({ target: { name, value } }) => {
         if (value.length > 2) {
             setInputValues((state) => ({ ...state, [name]: value }), []);
@@ -58,6 +97,8 @@ function Filters(props) {
             });
         }
     });
+
+    // set values from select
     const onChangeHandlerSelect = useCallback((value, action) => {
         const inputName = action.name;
         if (value) {
@@ -78,7 +119,7 @@ function Filters(props) {
             firstUpdate.current = false;
             return;
         }
-        history.push({
+        navigate({
             pathname: "./",
             search: queryString.stringify(inputValues),
         });
@@ -98,110 +139,182 @@ function Filters(props) {
         taxonomyFilter.filter(
             (option) => option.value === props.activeFilter.taxonomy_contact_category
         );
+
     let actFaci =
         facilitiesFilter &&
         facilitiesFilter.filter((option) => option.value === props.activeFilter.facilities);
-    const customStyles = {
-        control: (styles) => ({
-            ...styles,
-            backgroundColor: "white",
-            borderRadius: "0",
-            height: "50px",
-        }),
-        placeholder: (styles) => ({
-            ...styles,
-            color: "000",
-            fontWeight: "bold",
-            fontSize: "12px",
-            textTransform: "uppercase",
-            letterSpacing: "1.2px",
-        }),
-        option: (styles, { data, isDisabled, isFocused, isSelected }) => {
-            return {
-                ...styles,
-            };
-        },
+
+    let actIam = iam && iam.filter((option) => option.value === props.activeFilter.topics);
+
+    const handleClick = (index) => {
+        setActiveComponent(index);
     };
 
     return (
         <React.Fragment>
-            <form className="r-filter" onSubmit={handleSubmit}>
-                {/* <label>Recherche</label> */}
-                <div className="r-filter-search">
-                    <Translator>
-                        {({ translate }) => (
-                            <input
-                                className="input-custom-class"
-                                name="SearchableText"
-                                type="text"
-                                value={inputValues.SearchableText}
-                                onChange={onChangeHandler}
-                                placeholder={translate({
-                                    text: 'Recherche'
-                                })}
-                            />
-                        )}
-                    </Translator>
-                    <button type="submit"></button>
+            <div className="react-filters-menu">
+                <div className="react-filters-container">
+                    <form className="r-filter r-filter-search" onSubmit={handleSubmit}>
+                        {/* Filtre Recherche */}
+                        <div className="relative">
+                            <Translator>
+                                {({ translate }) => (
+                                    <input
+                                        className="input-custom-class"
+                                        name="SearchableText"
+                                        type="text"
+                                        value={inputValues.SearchableText}
+                                        onChange={onChangeHandler}
+                                        placeholder={translate({
+                                            text: "Recherche",
+                                        })}
+                                    />
+                                )}
+                            </Translator>
+                            <svg
+                                xmlns="http://www.w3.org/2000/svg"
+                                fill="none"
+                                stroke="#9f9f9f"
+                                strokeWidth="4"
+                                aria-hidden="true"
+                                display="block"
+                                overflow="visible"
+                                style={{ height: 16, width: 16 }}
+                                viewBox="0 0 32 32"
+                            >
+                                <path d="M13 24a11 11 0 1 0 0-22 11 11 0 0 0 0 22zm8-3 9 9" />
+                            </svg>
+                        </div>
+                    </form>
+                    {/* More filter*/}
+                    <button
+                        className="more-filter-btn collapsed"
+                        type="button"
+                        data-bs-toggle="collapse"
+                        data-bs-target="#collapseOne"
+                        aria-expanded="false"
+                        aria-controls="collapseOne"
+                    >
+                        <svg
+                            xmlns="http://www.w3.org/2000/svg"
+                            viewBox="0 0 32 32"
+                            style={{ height: 16, width: 16 }}
+                            fill="none"
+                            stroke="currentColor"
+                            strokeWidth="3"
+                            aria-hidden="true"
+                            display="block"
+                            overflow="visible"
+                        >
+                            <path d="M7 16H3m26 0H15M29 6h-4m-8 0H3m26 20h-4M7 16a4 4 0 108 0 4 4 0 00-8 0zM17 6a4 4 0 108 0 4 4 0 00-8 0zm0 20a4 4 0 108 0 4 4 0 00-8 0zm0 0H3"></path>
+                        </svg>
+                    </button>
+                    <div className="react-sep-menu"></div>
+                    {/* Filtre Thématique */}
+                    <div className="r-filter top-filter topics-Filter">
+                        <Translator>
+                            {({ translate }) => (
+                                <Select
+                                    styles={menuStyles}
+                                    name={"topics"}
+                                    className="select-custom-no-border"
+                                    isClearable
+                                    onChange={onChangeHandlerSelect}
+                                    options={topicsFilter && topicsFilter}
+                                    placeholder={translate({
+                                        text: "Thématiques",
+                                    })}
+                                    value={actTopi && actTopi[0]}
+                                />
+                            )}
+                        </Translator>
+                    </div>
+                    {/* Filtre iam */}
+                    <div className="r-filter top-filter iam-Filter">
+                        {/* <label>Thématiques</label> */}
+                        <Translator>
+                            {({ translate }) => (
+                                <Select
+                                    styles={menuStyles}
+                                    name={"iam"}
+                                    className="select-custom-no-border"
+                                    isClearable
+                                    onChange={onChangeHandlerSelect}
+                                    options={iam && iam}
+                                    placeholder={translate({
+                                        text: "Profil",
+                                    })}
+                                    value={actIam && actIam[0]}
+                                />
+                            )}
+                        </Translator>
+                    </div>
+                    {/* Filtre Facilités */}
+                    <div className="r-filter  top-filter facilities-Filter">
+                        {/* <label>Facilité</label> */}
+                        <Translator>
+                            {({ translate }) => (
+                                <Select
+                                    styles={menuStyles}
+                                    name={"facilities"}
+                                    className="select-custom-no-border"
+                                    isClearable
+                                    onChange={onChangeHandlerSelect}
+                                    options={facilitiesFilter && facilitiesFilter}
+                                    placeholder={translate({
+                                        text: "Facilités",
+                                    })}
+                                    value={actFaci && actFaci[0]}
+                                />
+                            )}
+                        </Translator>
+                    </div>
                 </div>
-            </form>
-
-            <div className="r-filter topics-Filter">
-                {/* <label>Thématiques</label> */}
-                <Translator>
-                    {({ translate }) => (
-                        <Select
-                            styles={customStyles}
-                            name={"topics"}
-                            className="select-custom-class library-topics"
-                            isClearable
-                            onChange={onChangeHandlerSelect}
-                            options={topicsFilter && topicsFilter}
-                            placeholder={translate({
-                                text: 'Thématiques'
-                            })}
-                            value={actTopi && actTopi[0]}
-                        />
-                    )}
-                </Translator>
-            </div>
-            <div className="r-filter  facilities-Filter">
-                {/* <label>Catégories</label> */}
-                <Translator>
-                    {({ translate }) => (
-                        <Select
-                            styles={customStyles}
-                            name={"taxonomy_contact_category_for_filtering"}
-                            className="select-custom-class library-facilities"
-                            isClearable
-                            onChange={onChangeHandlerSelect}
-                            options={taxonomyFilter && taxonomyFilter}
-                            placeholder={translate({
-                                text: 'Catégories'
-                            })}
-                            value={actTaxo && actTaxo[0]}
-                        />
-                    )}
-                </Translator>
             </div>
-            <div className="r-filter  facilities-Filter">
-                {/* <label>Facilité</label> */}
-                <Translator>
-                    {({ translate }) => (
-                <Select
-                    styles={customStyles}
-                    name={"facilities"}
-                    className="select-custom-class library-facilities"
-                    isClearable
-                    onChange={onChangeHandlerSelect}
-                    options={facilitiesFilter && facilitiesFilter}
-                    placeholder={translate({
-                        text: 'Facilités'
-                      })}
-                    value={actFaci && actFaci[0]}
-                />
-                )}
-                </Translator>
+            {/* More filter */}
+
+            {/* Affichage dynamique des liens avec divs associées */}
+            <div
+                id="collapseOne"
+                className="accordion-collapse collapse more-filter-container "
+                aria-labelledby="headingOne"
+                data-bs-parent="#accordionExample"
+            >
+                <div className="accordion-body">
+                    {/* <div className="taxonomy-Filter">
+                        {taxonomyData &&
+                            taxonomyData.map((donnees, i) => (
+                                <TaxonomyFilter
+                                    key={i}
+                                    {...donnees}
+                                    setCat={setCat}
+                                    isActive={i === activeComponent}
+                                    onClick={() => handleClick(i)}
+                                    onChange={onChangeHandlerSelect}
+                                    test={i}
+                                />
+                            ))}
+                    </div> */}
+                    <div className="r-filter  facilities-Filter">
+                        {/* <label>Catégories</label> */}
+                        <Translator>
+                            {({ translate }) => (
+                                <Select
+                                    styles={moreFilterStyles}
+                                    name={"taxonomy_contact_category_for_filtering"}
+                                    className="select-custom-class library-facilities"
+                                    isClearable
+                                    onChange={onChangeHandlerSelect}
+                                    options={taxonomyFilter && taxonomyFilter}
+                                    placeholder={translate({
+                                        text: "Catégories",
+                                    })}
+                                    value={actTaxo && actTaxo[0]}
+                                />
+                            )}
+                        </Translator>
+                    </div>
+                </div>
             </div>
         </React.Fragment>
     );

imio/smartweb/core/webcomponents/src/components/Annuaire/index.js

@@ -1,2 +1,2 @@
 import loadable from "@loadable/component";
-export default loadable(() => import("./Annuaire"));
+export default loadable(() => import("./Annuaire"));

imio/smartweb/core/webcomponents/src/components/Events/EventCard/EventCard.jsx

@@ -1,42 +1,85 @@
 import React from "react";
 import moment from "moment";
-import Moment from "react-moment";
-const ContactCard = ({ item }) => {
-    const title = item.title && item.title;
-    const category =
-        item.taxonomy_contact_category && item.taxonomy_contact_category[0];
-    const start = moment(item.start && item.start);
+import { Translate } from "react-translated";
 
-    const number = item.number ? item.number : "";
-    const street = item.street ? item.street : "";
-    const complement = item.complement ? item.complement : "";
-    const zipcode = item.zipcode ? item.zipcode : "";
-    const city = item.city ? item.city : "";
-    const country = item.country ? item.country : "";
-    const phones = item.phones ? item.phones : "";
-    const mails = item.mails ? item.mails : "";
-    const topics = item.topics ? item.topics : "";
+const ContactCard = ({ item, showCategoriesOrTopics, contextAuthenticatedUser }) => {
+    moment.locale("be");
+    const title = item.title && item.title;
+    const start = moment.utc(item.start).format("DD-MM-YYYY");
+    const end = moment.utc(item.end).format("DD-MM-YYYY");
     return (
-        <div className="r-list-item">
-            <div
-                className={item.image_vignette_scale?"r-item-img":"r-item-img r-item-img-placeholder"}
-                style={{
-                    backgroundImage: item.image_vignette_scale
-                        ? "url(" + item.image_vignette_scale + ")"
-                        : "",
-                }}
-            />
+        <>
+            {contextAuthenticatedUser === "False" ? (
+                <a
+                    href={item["@id"]}
+                    target="_blank"
+                    title="Editer la fiche"
+                    className="edit-rest-elements"
+                >
+                    <svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        width="16"
+                        height="16"
+                        fill="currentColor"
+                        class="bi bi-pencil-square"
+                        viewBox="0 0 16 16"
+                    >
+                        <path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z" />
+                        <path
+                            fill-rule="evenodd"
+                            d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z"
+                        />
+                    </svg>
+                </a>
+            ) : (
+                ""
+            )}
+            <div className="r-list-item">
+                <div
+                    className={
+                        item.image_vignette_scale
+                            ? "r-item-img"
+                            : "r-item-img r-item-img-placeholder"
+                    }
+                    style={{
+                        backgroundImage: item.image_vignette_scale
+                            ? "url(" + item.image_vignette_scale + ")"
+                            : "",
+                    }}
+                />
 
-            <div className="r-item-text">
-                {start &&
-                    <span className="r-item-date">
-                        <Moment format="DD-MM-YYYY">{start}</Moment>
-                    </span>
-                }
-                <span className="r-item-title">{title}</span>
-                {item.category && <span className="r-item-categorie">{item.category.title}</span>}
+                <div className="r-item-text">
+                    {start && (
+                        <span className="r-item-date">
+                            {start === end ? (
+                                start
+                            ) : (
+                                <>
+                                    {start} <Translate text="au" /> {end}
+                                </>
+                            )}
+                        </span>
+                    )}
+                    <span className="r-item-title">{title}</span>
+                    {showCategoriesOrTopics === "topic" ? (
+                        item.topics &&
+                        item.topics[0] && (
+                            <span className="r-item-categorie">{item.topics[0].title}</span>
+                        )
+                    ) : showCategoriesOrTopics === "category" ? (
+                        item.local_category ? (
+                            <span className="r-item-categorie">{item.local_category.title}</span>
+                        ) : (
+                            item.category && (
+                                <span className="r-item-categorie">{item.category.title}</span>
+                            )
+                        )
+                    ) : (
+                        ""
+                    )}
+                </div>
             </div>
-        </div>
+        </>
     );
 };