JSFiddle - React, Tailwind, and code Playground

by qunzorez

HTML

@using Microsoft.AspNetCore.Mvc.Localization
@using SFCS.Web.Models.FormSheetsModel
@using SFCS.Web.Resources
@model FormSheetTemplateViewModel
@inject SignInManager<ApplicationUser> SignInManager
  @inject UserManager<ApplicationUser> UserManager
    @inject IViewLocalizer Localizer
    @inject LocService SharedLocalizer
    @inject Microsoft.AspNetCore.Antiforgery.IAntiforgery Xsrf
    @functions{
    public string GetAntiXsrfRequestToken()
    {
    return Xsrf.GetAndStoreTokens(Context).RequestToken;
    }
    }
    @{
    ViewData["Title"] = @Localizer["Form sheet templates"];
    }

    <link href="~/css/EditorStyle.css" rel="stylesheet" />
    <link href="~/css/modalcss.css" rel="stylesheet" />
    <link href="~/js/Library/datatables.min.css" rel="stylesheet" />
    <link href="~/js/Library/select2.min.css" rel="stylesheet" />
    <script src="~/js/Library/select2.min.js"></script>
    <link href="~/css/dropDown.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link href="~/css/newTableStyle.css" rel="stylesheet" />
    <link href="~/js/Library/searchPanes.dataTables.min.css" rel="stylesheet" />
    <link href="~/js/Library/select.dataTables.min.css" rel="stylesheet" />

    <partial name="~/Views/Shared/_Localization.cshtml" model="(LocalizationViewModel)Model">
      @if (SignInManager.IsSignedIn(User))
      {
      @if (!User.IsInRole("SFCS Support Engineer") && !User.IsInRole("SFCS Administrator") && !User.IsInRole("SFCS Key user") && UserManager.GetUserName(User) != "sfcs.admin")
      {
      Context.Response.Redirect("/Home/Index");
      }

      <div class="content-container">
        <h2 class="head-of-editor">@Localizer["Creating form sheet template"]</h2>
        <hr>
        <partial name="~/Views/Shared/_DetailsPopupMessage.cshtml">
          <partial name="~/Views/Shared/_AlertMessage.cshtml">
            <div class="sfcsAlert content"...