imio.smartweb.core 1.2.65__py3-none-any.whl → 1.2.67__py3-none-any.whl

imio/smartweb/core/webcomponents/src/components/News/NewsCard/NewsCard.jsx

@@ -3,7 +3,7 @@ import moment from "moment";
 import ReactMarkdown from "react-markdown";
 import { Translate } from "react-translated";
 import { LanguageContext } from "../News.jsx";
-const NewsCard = ({ item, showCategoriesOrTopics }) => {
+const NewsCard = ({ item, showCategoriesOrTopics, contextAuthenticatedUser }) => {
     const [limitDescription, setLimitDescription] = useState();
     const [itemTopic, setItemTopic] = useState(null);
 
@@ -13,7 +13,11 @@ const NewsCard = ({ item, showCategoriesOrTopics }) => {
 
     useEffect(() => {
         if (description.length >= numberLimit) {
-            setLimitDescription(description.substring(0, numberLimit) + "...");
+            let truncatedDescription = description.substring(0, numberLimit);
+            if (description.endsWith("**")) {
+                truncatedDescription += "**";
+            }
+            setLimitDescription(truncatedDescription + "...");
         } else {
             setLimitDescription(description);
         }
@@ -27,57 +31,65 @@ const NewsCard = ({ item, showCategoriesOrTopics }) => {
     const created = moment(item.created).startOf("minute").fromNow();
     const lastModified = moment(item.modified).startOf("minute").fromNow();
     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 + ")"
-                        : "",
-                }}
-            />
-            <div className="r-item-text">
-                <span className="r-item-title">{title}</span>
-                {showCategoriesOrTopics === "topic" ? (
-                    itemTopic && <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 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">
+                    <span className="r-item-title">{title}</span>
+                    {showCategoriesOrTopics === "topic" ? (
+                        itemTopic && (
+                            <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>
+                            )
                         )
-                    )
-                ) : (
-                    ""
-                )}
-                {description ? (
-                    <ReactMarkdown className="r-item-description">{limitDescription}</ReactMarkdown>
-                ) : (
-                    ""
-                )}
-                <div className="r-item-read-more" style={{ textDecoration: "none" }}>
-                    {created === lastModified ? (
-                        <div className="r-card-date-last">
-                            <span>
-                                <Translate text="Publié" />{" "}
-                            </span>
-                            <span>{created}</span>
-                        </div>
                     ) : (
-                        <div className="r-card-date-last">
-                            <span>
-                                <Translate text="Actualisé" />{" "}
-                            </span>
-                            <span>{lastModified}</span>
-                        </div>
+                        ""
+                    )}
+                    {description ? (
+                        <ReactMarkdown className="r-item-description">
+                            {limitDescription}
+                        </ReactMarkdown>
+                    ) : (
+                        ""
                     )}
+                    <div className="r-item-read-more" style={{ textDecoration: "none" }}>
+                        {created === lastModified ? (
+                            <div className="r-card-date-last">
+                                <span>
+                                    <Translate text="Publié" />{" "}
+                                </span>
+                                <span>{created}</span>
+                            </div>
+                        ) : (
+                            <div className="r-card-date-last">
+                                <span>
+                                    <Translate text="Actualisé" />{" "}
+                                </span>
+                                <span>{lastModified}</span>
+                            </div>
+                        )}
+                    </div>
                 </div>
+                <div className="r-item-arrow-more"></div>
             </div>
-            <div className="r-item-arrow-more"></div>
-        </div>
+        </>
     );
 };
 

imio/smartweb/core/webcomponents/src/components/News/NewsContent/NewsContent.jsx

@@ -10,7 +10,7 @@ import "../../../../node_modules/flexbin/flexbin.css";
 import { Translate } from "react-translated";
 import queryString from "query-string";
 
-const ContactContent = ({ queryUrl, onChange }) => {
+const ContactContent = ({ queryUrl, onChange, contextAuthenticatedUser }) => {
     let navigate = useNavigate();
     const parsed = queryString.parse(useFilterQuery().toString());
     const parsed2 = { ...parsed, UID: parsed["u"], fullobjects: 1 };
@@ -37,8 +37,8 @@ const ContactContent = ({ queryUrl, onChange }) => {
         window.scrollTo({
             top: 0,
             left: 0,
-            behavior: 'instant'
-          });
+            behavior: "instant",
+        });
     }, [response]);
 
     /// use to set file and gallery items
@@ -61,6 +61,33 @@ const ContactContent = ({ queryUrl, onChange }) => {
             <button type="button" onClick={handleClick}>
                 <Translate text="Retour" />
             </button>
+
+            {contextAuthenticatedUser === "False" ? (
+                <a
+                    href={item["@id"]}
+                    target="_blank"
+                    title="Editer la fiche"
+                    className="edit-rest-elements edit-rest-elements-content"
+                >
+                    <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>
+            ) : (
+                ""
+            )}
+
             <article>
                 <header>
                     <h2 className="r-content-title">{item.title}</h2>

imio/smartweb/core/webcomponents/src/components/News/NewsList/NewsList.jsx

@@ -3,27 +3,47 @@ import NewsCard from "../NewsCard/NewsCard";
 import { Link } from "react-router-dom";
 import removeAccents from "remove-accents";
 import { ScrollContext } from "../../../hooks/ScrollContext";
-const NewsList = ({ itemsArray, onChange, showCategoriesOrTopics }) => {
-
+const NewsList = ({ itemsArray, onChange, showCategoriesOrTopics, contextAuthenticatedUser }) => {
     const { scrollPos, updateScrollPos } = useContext(ScrollContext);
 
-
     function handleClick(event) {
         onChange(event);
         updateScrollPos(window.scrollY);
     }
 
     useEffect(() => {
-        window.scrollTo(
-           { top: scrollPos,
-            left: 0,
-            behavior: 'instant'});
+        window.scrollTo({ top: scrollPos, left: 0, behavior: "instant" });
     }, [itemsArray]);
     return (
         <React.Fragment>
             <ul className="r-result-list actu-result-list">
                 {itemsArray.map((item, i) => (
                     <li key={i} className="r-list-item-group" onClick={() => handleClick(item.UID)}>
+                        {contextAuthenticatedUser === "False" ? (
+                            <a
+                                href={item["@id"]}
+                                target="_blank"
+                                title="Editer la fiche"
+                                className="edit-rest-elements edit-rest-elements-news"
+                            >
+                                <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>
+                        ) : (
+                            ""
+                        )}
                         <Link
                             className="r-news-list-item-link"
                             style={{ textDecoration: "none" }}
@@ -44,6 +64,7 @@ const NewsList = ({ itemsArray, onChange, showCategoriesOrTopics }) => {
                                 item={item}
                                 showCategoriesOrTopics={showCategoriesOrTopics}
                                 key={item.created}
+                                contextAuthenticatedUser={contextAuthenticatedUser}
                             />
                         </Link>
                     </li>