How to load content with API

[PanuwatChinpratan]

Can save but can't load. @artf

STROE

         storageManager: {
        type: "",
      },

SAVE HERE

  editor.Panels.addButton("options", {
        id: "templateDropdown",
        className: "fa fa-caret-down",
        command: {
          run: async function () {
            try {
              const response = await fetch("http://127.0.0.1:3000/api/items", {
                method: "GET",
                headers: {
                  "Content-Type": "application/json",
                },
              });

              if (!response.ok) {
                throw new Error("Failed to fetch projects");
              }

              const userProjects = await response.json();

              const savedProjectsList = $("#savedProjectDataList");
              savedProjectsList.empty();

              $("#myModal .modal-title").text(`User: ${currentUser.username}`);

              userProjects.forEach(function (project, index) {
                console.log("Project", project.data.name);
                const listItem = $("<li>").addClass("mt-2 mb-2");

                const projectNameSpan = $("<span>")
                  .text(`Project : ${project.data.name || "Unnamed"}`)
                  .appendTo(listItem);

                const editButton = $("<button>")
                  .text("Edit Name")
                  .addClass("btn btn-info btn-sm ml-2")
                  .click(function () {
                    const newProjectName = prompt(
                      "Enter new project name:",
                      project.name || ""
                    );

                    if (
                      newProjectName !== null &&
                      newProjectName.trim() !== ""
                    ) {
                      project.name = newProjectName;
                      projectNameSpan.text(`Project : ${project.name}`);
                    } else {
                      alert(
                        "Project name cannot be empty. Please enter a valid name."
                      );
                    }
                  })
                  .appendTo(listItem);

                const loadButton = $("<button>")
                  .text("Load")
                  .addClass("btn btn-success btn-sm ml-2")
                  .click(  function () {
                           
                   editor.loadProjectData(project.data);
                  
                  
                  });

Load

   const loadButton = $("<button>")
                .text("Load")
                .addClass("btn btn-success btn-sm ml-2")
                .click(  function () {
                         
                 editor.loadProjectData(project.data);
                
                
                });

[PanuwatChinpratan]

@rafaelspereira1

[PanuwatChinpratan]

Done

    const loadButton = $('<button>')
                                    .text('Load')
                                    .addClass('btn btn-success btn-sm ml-2')
                                    .click(async function () {
                                        try {
                                            const response = await axios.get(
                                                'http://127.0.0.1:3000/api/items/' + project._id
                                            );
                                            const data = await response.data.data;
                                            console.log('LoadFetch:Data =', data);

                                            editor.loadProjectData(data);
                                        } catch (error) {
                                            console.error(error);
                                        }
                                    });