Add, Update and delete functionnalities for items and some other func…

components/Header.tsx

@@ -4,17 +4,9 @@ import Link from "next/link";
 import { useTranslation } from "react-i18next";
 import { getAgoraeConfig } from "../services/Config";
 import Head from "next/head";
-import { setCookie,getCookie } from "@services/utils";
+import { setCookie,getCookie, getusernamepass } from "@services/utils";
+
 
-function getusername(){
-  let username;
-  try{
-    username=getCookie("agoraeUser");
-  }catch{
-    username="";
-  }
-  return username;
-}
 function Header(props) {
   const { t, i18n } = useTranslation();
   const config = getAgoraeConfig();
@@ -99,7 +91,7 @@ function Header(props) {
           <Link href="/login">
             <a>
               {t("header.Login")}
-              <Soon>{getusername()}</Soon>
+              <Soon>{getusernamepass()[0]}</Soon>
             </a>
           </Link>
           <Link href="">

components/ItemElement.tsx

@@ -5,11 +5,19 @@ import Link from "next/link";
 import Image from "next/image";
 import { motion, AnimatePresence } from "framer-motion"
 import PreviewRender from "./UI/PreviewRender";
+import HyperTopic from "@services/HyperTopic";
+import { getAgoraeConfig } from "@services/Config";
+import { setCookie,getCookie, getusernamepass } from "@services/utils";
+import { deleteItem } from "@services/Edituitls";
 
 function ItemElement({ title, preview, creator, description, id, creation_date, corpus_id }) {
   const { t, i18n } = useTranslation();
+  let hidden = false;
+  let user=getusernamepass()[0];
+  if(user==="Login" || user ===""){
+    hidden = true;
+  } 
   return (
-
     <ElementBox
       as={motion.div}
       initial={{ opacity: 0 }}
@@ -37,6 +45,9 @@ function ItemElement({ title, preview, creator, description, id, creation_date,
             <a>{t("item_element.more_details")}</a>
           </Link>
         </Button>
+        <Delete hidden={hidden} onClick={()=>{deleteItem(id)}}>
+          Delete
+        </Delete>
       </Bottom>
     </ElementBox>
   );
@@ -112,4 +123,14 @@ const Button = styled.div`
     cursor: pointer;
   }
 `;
+const Delete = styled.div`
+  padding: 15px;
+  font-weight: bold;
+  color: #ffffff;
+  background:linear-gradient(to bottom, #0393f4 5%, #3f51b5 100%);
+
+  &:hover {
+    cursor: pointer;
+  }
+`;
 export default ItemElement;

config/config.ts

@@ -30,7 +30,7 @@ const configFile = {
       "6cc411d06b5890af3601957b5d015025",
     ],
     home_corpus: ["2ba774a7cbd1e14fa45e57ba0000fa79"], // can be * if you want to use all available corpuses
-    available_viewpoints: ["2ba774a7cbd1e14fa45e57ba00010f15"],
+    available_viewpoints: ["2ba774a7cbd1e14fa45e57ba00010f15","2ba774a7cbd1e14fa45e57ba000109cb"],
     order: "",
   },
 };

package.json

@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "formik": "^2.2.9",
+    "fortawesome": "0.0.1-security",
     "framer-motion": "^5.4.5",
     "hypertopic": "^3.6.0",
     "i18next": "^21.3.3",

pages/corpus/[corpusID]/index.tsx

@@ -11,6 +11,8 @@ import { useRouter } from "next/router";
 import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import styled from "styled-components";
+import { setCookie,getCookie, getusernamepass } from "@services/utils";
+import { addItemtoCorpus } from "@services/Edituitls";
 
 function Corpus() {
   const { t, i18n } = useTranslation();
@@ -56,6 +58,7 @@ function Corpus() {
     }
   }, [localPage, corpusID]);
 
+
   function renderElements() {
     if (isLoading) {
       return (
@@ -64,6 +67,11 @@ function Corpus() {
         </ElementsList>
       );
     } else {
+      let a =document.getElementById("addbutton");
+      let user=getusernamepass()[0];
+      if(user==="Login" || user ===""){
+        a.style.display="none";
+      }
       return (
         <AnimatePresence>
           <div style={{ top: "-120px", position: "relative" }}>
@@ -91,7 +99,7 @@ function Corpus() {
     <Layout title={"Corpus : " + corpusMetaData.corpus_name}>
       <Hero>
         <h1>{corpusMetaData.corpus_name}</h1>
-        <a href="#">Add item</a>
+        <a href="#"  id="addbutton" onClick={()=>{ addItemtoCorpus(corpusMetaData.corpus_id)}}>Add item</a>
       </Hero>
       <br />
       {renderElements()}
@@ -122,6 +130,7 @@ const Hero = styled.div`
   background-image: linear-gradient(39deg, ${config.website.colors[0]}, ${config.website.colors[1]});
   height: 250px;
 
+
   h1 {
     padding-top: 10px;
     margin-bottom: 0px;
@@ -154,7 +163,5 @@ const Hero = styled.div`
     position:relative;
     top:1px;
   }
-
-
 `;
 export default Corpus;