eleven-solutions-common-website-unique-web 9.0.27 → 9.0.29

package/dist/components/admin/TemplateForm.js

@@ -1,5 +1,46 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { addTemplateApi } from "../api/template";
 const TemplateForm = () => {
-    return (_jsx("div", { className: "max-w-4xl p-6 mx-auto dark:bg-gray-800", children: _jsx("div", { children: _jsxs("form", { children: [_jsx("h1", { className: "text-3xl font-bold text-center text-blue-600 capitalize dark:text-white mb-4", children: "Add Template" }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Name ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, type: "text", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Name" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Content ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, type: "text", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Content" })] }), _jsxs("div", { className: "flex space-x-4 mt-6 justify-end", children: [_jsx("button", { type: "submit", className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: "Add" }), _jsx("button", { type: "button", className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: "Cancel" })] })] }) }) }));
+    const [name, setName] = useState("");
+    const [content, setContent] = useState("");
+    const validateForm = () => {
+        if (!name || !content) {
+            alert("Please fill in all required fields: Name and Content.");
+            return false;
+        }
+        return true;
+    };
+    const handleAddClick = (event) => __awaiter(void 0, void 0, void 0, function* () {
+        event.preventDefault();
+        if (!validateForm())
+            return;
+        try {
+            yield addTemplateApi(name, content);
+            alert("Template added Successfully.");
+            window.history.pushState({}, "", "/admin/template");
+            window.dispatchEvent(new PopStateEvent("popstate"));
+        }
+        catch (error) {
+            console.error("Error adding template:", error);
+            alert("Failed to add template.");
+        }
+    });
+    const handleCancelClick = () => {
+        setName("");
+        setContent("");
+        window.history.pushState({}, "", "/admin/template");
+        window.dispatchEvent(new PopStateEvent("popstate"));
+    };
+    return (_jsx("div", { className: "max-w-4xl p-6 mx-auto dark:bg-gray-800", children: _jsx("div", { children: _jsxs("form", { children: [_jsx("h1", { className: "text-3xl font-bold text-center text-blue-600 capitalize dark:text-white mb-4", children: "Add Template" }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Name ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, type: "text", value: name, onChange: (e) => setName(e.target.value), className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Name" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Content ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, type: "text", value: content, onChange: (e) => setContent(e.target.value), className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Content" })] }), _jsxs("div", { className: "flex space-x-4 mt-6 justify-end", children: [_jsx("button", { type: "submit", onClick: handleAddClick, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: "Add" }), _jsx("button", { type: "button", onClick: handleCancelClick, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: "Cancel" })] })] }) }) }));
 };
 export default TemplateForm;

package/dist/components/api/template.d.ts

@@ -0,0 +1 @@
+export declare const addTemplateApi: (name: string, content: string) => Promise<Axios.AxiosXHR<unknown>>;

package/dist/components/api/template.js

@@ -0,0 +1,31 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import axios from "axios";
+import Cookies from "universal-cookie";
+const apiUrl = "http://localhost:5260";
+const cookies = new Cookies();
+export const addTemplateApi = (name, content) => __awaiter(void 0, void 0, void 0, function* () {
+    const token = cookies.get("token");
+    try {
+        const response = yield axios.post(`${apiUrl}/template/add`, {
+            Name: name,
+            Content: content,
+        }, {
+            headers: {
+                Authorization: `Bearer ${token}`,
+            },
+        });
+        return response;
+    }
+    catch (error) {
+        console.error(error);
+        throw error;
+    }
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eleven-solutions-common-website-unique-web",
-  "version": "9.0.27",
+  "version": "9.0.29",
   "main": "./dist/index.js",
   "scripts": {
     "build": "tsc",

package/src/components/admin/TemplateForm.tsx

@@ -1,6 +1,40 @@
-import React from "react";
+import React, { useState } from "react";
+import { addTemplateApi } from "../api/template";
 
 const TemplateForm = () => {
+  const [name, setName] = useState("");
+  const [content, setContent] = useState("");
+
+  const validateForm = () => {
+    if (!name || !content) {
+      alert("Please fill in all required fields: Name and Content.");
+      return false;
+    }
+    return true;
+  };
+
+  const handleAddClick = async (event: React.MouseEvent<HTMLButtonElement>) => {
+    event.preventDefault();
+    if (!validateForm()) return;
+    try {
+      await addTemplateApi(name, content);
+      alert("Template added Successfully.");
+      window.history.pushState({}, "", "/admin/template");
+      window.dispatchEvent(new PopStateEvent("popstate"));
+    } catch (error) {
+      console.error("Error adding template:", error);
+      alert("Failed to add template.");
+    }
+  };
+
+  const handleCancelClick = () => {
+    setName("");
+    setContent("");
+
+    window.history.pushState({}, "", "/admin/template");
+    window.dispatchEvent(new PopStateEvent("popstate"));
+  };
+
   return (
     <div className="max-w-4xl p-6 mx-auto dark:bg-gray-800">
       <div>
@@ -16,6 +50,8 @@ const TemplateForm = () => {
             <input
               required
               type="text"
+              value={name}
+              onChange={(e) => setName(e.target.value)}
               className="w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring"
               placeholder="Enter Name"
             />
@@ -27,6 +63,8 @@ const TemplateForm = () => {
             <input
               required
               type="text"
+              value={content}
+              onChange={(e) => setContent(e.target.value)}
               className="w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring"
               placeholder="Enter Content"
             />
@@ -35,12 +73,14 @@ const TemplateForm = () => {
           <div className="flex space-x-4 mt-6 justify-end">
             <button
               type="submit"
+              onClick={handleAddClick}
               className="px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600"
             >
               Add
             </button>
             <button
               type="button"
+              onClick={handleCancelClick}
               className="px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600"
             >
               Cancel

package/src/components/api/template.ts

@@ -0,0 +1,28 @@
+import axios from "axios";
+import Cookies from "universal-cookie";
+const apiUrl = "http://localhost:5260";
+const cookies = new Cookies();
+
+export const addTemplateApi = async (name: string, content: string) => {
+  const token = cookies.get("token");
+
+  try {
+    const response = await axios.post(
+      `${apiUrl}/template/add`,
+      {
+        Name: name,
+        Content: content,
+      },
+      {
+        headers: {
+          Authorization: `Bearer ${token}`,
+        },
+      }
+    );
+    return response;
+  } catch (error) {
+    console.error(error);
+
+    throw error;
+  }
+};