script.js
Код: Выделить всё
var currentCardNumber = 1;
function addCard() {
currentCardNumber++;
let newCardHTML = `
[h4]${currentCardNumber}[/h4]
Term
Definition
`;
let newCard = document.createElement('div');
newCard.classList.add('card');
newCard.classList.add('mt-3');
newCard.innerHTML = newCardHTML;
let addNewCard = document.querySelector('.cards');
let referenceNode = document.getElementById('create-cards');
addNewCard.insertBefore(newCard, referenceNode);
}
function saveCardDataToServer() {
let cards = [];
document.querySelectorAll('.cards > .card ').forEach((card) => {
let termInput = card.querySelector('input[name="term"]');
let definitionInput = card.querySelector('input[name="definition"]');
if (termInput && definitionInput) {
let term = termInput.value.trim();
let definition = definitionInput.value.trim();
cards.push({
Term: term,
Definition: definition
});
}
else {
console.error("Input elements not found in card:", card);
}
})
fetch('/Cards/Create/', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({Cards: cards})
})
.then(response => response.json())
.then((data => {
if (data.success) {
console.log("Data successfully saved: ", data);
window.location.href = "/Cards/Learning";
} else {
console.error("Error saving card: ", data.message);
}
}))
}
document.addEventListener('DOMContentLoaded', function() {
let newCard = document.querySelector('.new-card');
newCard.addEventListener('click', function() {
addCard();
});
document.querySelector('form.cards').addEventListener('submit', function() {
saveCardDataToServer();
});
});
Код: Выделить всё
@model CardList
Create new module
Создать
Title
[h4]1[/h4]
Term
Definition
+ Add card
Код: Выделить всё
public class Card
{
public int CardId { get; set; }
[Required]
public string Term { get; set; } = string.Empty;
public string Definition { get; set; } = string.Empty;
}
public class CardList
{
public List Cards { get; set; }
}
Код: Выделить всё
public class CardList : IEnumerable
{
public List Cards { get; set; }
public CardList()
{
Cards = new List();
}
public IEnumerator GetEnumerator()
{
return Cards.GetEnumerator();
}
IEnumerator IEnumerable.GetEnumerator()
{
return GetEnumerator();
}
}
Код: Выделить всё
public class CardsController : Controller
{
public IActionResult Learning()
{
var cards = CardsRepository.GetCards();
return View(cards);
}
public IActionResult Create()
{
return View();
}
[HttpPost]
[Route("Cards/Create/")]
public IActionResult Create([FromBody] CardList cards)
{
if (cards != null)
{
foreach (var card in cards)
{
if (!string.IsNullOrWhiteSpace(card.Term) && !string.IsNullOrWhiteSpace(card.Definition))
{
CardsRepository.AddCard(card);
}
}
return Json(new { success = true, message = "Card saved successfully " });
}
var errors = ModelState.Values.SelectMany(v => v.Errors).Select(e => e.ErrorMessage);
return Json(new { success = false, message = "Validation error", errors = errors });
}
Подробнее здесь: https://stackoverflow.com/questions/786 ... -fetch-api
Мобильная версия