BstLabelPrinter 9.3.2

How to use

Import the folder "label-designer" present in ContentFiles to your vendors folder

Add automapper

services.AddAutoMapper(typeof(Program), typeof(BstLabelPrinter.LabelPrinter));

Add services

services.AddLabelPrinterServices();

Controller example

[HttpGet]
public IActionResult Create() {
    return View("../Labels/LabelDesigner/Form");
}

[HttpGet("{id:int}")]
public async Task<IActionResult> Edit(int id) {
    var model = await dbContext.Set<LabelTemplate>().FirstOrDefaultAsync(l => l.Id == id);
    if (model == null) return NotFound();
    return View("../Labels/LabelDesigner/Form", labelDesignerService.GetDto(model));
}

[HttpPost]
[ApiAction]
public async Task<IActionResult> Save(LabelTemplateDto dto) {
    var returnValue = await labelDesignerService.SaveDto(dbContext, dto);
    if (!returnValue.success) return BadRequest(returnValue.error);
    if (dto.Id == null) return Ok(Url.Action(nameof(Edit), new { returnValue.id }));
    return Ok("Template alterado com sucesso");
}


[HttpGet("{id:int}")]
public async Task<IActionResult> Duplicate(int id) {
    var model = await dbContext.Set<LabelTemplate>().FirstOrDefaultAsync(a => a.Id == id);
    if (model == null) return NotFound();

    var duplicated = labelDesignerService.CloneTemplate(model);
    duplicated.Name = $"{model.Name} - C�pia";
    dbContext.Set<LabelTemplate>().Add(duplicated);
    flashMessage.Success("Etiqueta duplicada com sucesso");
    await dbContext.SaveChangesAsync();

    return RedirectToAction(nameof(Index));
}

[HttpPost("{id:int}")]
public async Task<IActionResult> Delete(int id) {
    var model = await dbContext.Set<LabelTemplate>().FirstOrDefaultAsync(a => a.Id == id);
    if (model == null) return NotFound();

    dbContext.Set<LabelTemplate>().Remove(model);
    flashMessage.Success("Etiqueta apagada com sucesso");
    dbContext.Set<LabelTemplate>().Remove(model);
    await dbContext.SaveChangesAsync();

    return RedirectToAction(nameof(Index));
}

View example

@section Style {
    <link rel="stylesheet" type="text/css" href="~/vendors/label-designer/css/label-designer.css" asp-append-version="true" />
}

<div class="card">
    <div class="card-header">Desenho de etiqueta</div>
    <div class="card-body pb-3">
        <div>
            <div id="LabelDesigner"></div>
        </div>
    </div>
</div>


@section Scripts {
    <script src="~/vendors/label-designer/js/label-designer.min.js" asp-append-version="true"></script>

    <script type="text/javascript">
        $(function () {
            labelDesigner({
                id: @(Model?.Id?.ToString(CultureInfo.InvariantCulture) ?? "null"),
                cancelUrl: "@Url.Action(nameof(LabelDesignerController.Index), typeof(LabelDesignerController).GetControllerName())",
                width: @(Model?.Width.ToString(CultureInfo.InvariantCulture) ?? "null"),
                height: @(Model?.Height.ToString(CultureInfo.InvariantCulture) ?? "null"),
                name: "@(Html.Raw(Model?.Name))",
                containerId: "LabelDesigner",
                textPlaceholders: @(Html.Raw(JsonConvert.SerializeObject(PrintingJobHelper.GetPlaceholders().Select(s=>new { name = s.description, value = s.placeholder}).OrderBy(s=>s.name)))),
                code128Placeholders: @(Html.Raw(JsonConvert.SerializeObject(PrintingJobHelper.GetCode128Placeholders().Select(s => new { name = s.description, value = s.propertyName, ai = s.ai }).OrderBy(s => s.name)))),
                data: @Html.Raw(JsonConvert.SerializeObject(Model, new JsonSerializerSettings {
                       ContractResolver = new CamelCasePropertyNamesContractResolver()
                   }
                )),
                beginCreate: function(){
                    showLoader();
                },
                beginEdit: function(){
                    showLoader();
                },
                saveUrl: "@Url.Action(nameof(LabelDesignerController.Save), typeof(LabelDesignerController).GetControllerName())",
                createSuccess: function(data){
                    location.href = data;
                    hideLoader();
                },
                createError: function(xhr){
                    showMessage("Ocorreu um erro ao gravar", -1);
                    hideLoader();
                },
                editSuccess: function(data){
                    showMessage(data, 1);
                    hideLoader();
                },
                editError: function(xhr){
                    showMessage("Ocorreu um erro ao gravar", -1);
                    hideLoader();
                },
            });
        });
    </script>
}