imposiciones

httpdocs/assets/js/safekat/components/datatables/ImposicionDatatable.js

@@ -0,0 +1,66 @@
+
+class ImposicionDatatable {
+    constructor(domItem) {
+        this.item = domItem
+        this.datatableColumns = [
+            { data: 'id', searchable: true, sortable: true },
+            { data: 'ancho', searchable: true, sortable: true },
+            { data: 'alto', searchable: true, sortable: true },
+            { data: 'unidades', searchable: true, sortable: true },
+            { data: 'orientacion', searchable: true, sortable: true },
+            { data: 'maquina', searchable: true, sortable: true },
+            { data: 'etiqueta', searchable: true, sortable: true },
+            { data: 'action', searchable: true, sortable: true },
+        ]
+        this.datatableEsquemaColumns = [
+            { data: 'name', searchable: true, sortable: true },
+            { data: 'action', searchable: true, sortable: true },
+        ]
+    }
+    init() {
+        this.datatable = this.item.DataTable({
+            processing: true,
+            layout: {
+                topStart: 'pageLength',
+                topEnd: 'search',
+                bottomStart: 'info',
+                bottomEnd: 'paging'
+            },
+            columnDefs: [
+                { className: 'dt-center', targets: '_all' },
+            ],
+            serverSide: true,
+            pageLength: 25,
+            language: {
+                url: "/themes/vuexy/vendor/libs/datatables-sk/plugins/i18n/es-ES.json"
+            },
+            columns: this.datatableColumns,
+            ajax: '/imposiciones/datatable',
+        });
+    }
+    initEsquema() {
+        this.datatableEsquema = this.item.DataTable({
+            processing: true,
+            layout: {
+                topStart: 'pageLength',
+                topEnd: 'search',
+                bottomStart: 'info',
+                bottomEnd: 'paging'
+            },
+            columnDefs: [
+                { className: 'dt-center', targets: '_all' },
+            ],
+            serverSide: true,
+            pageLength: 25,
+            language: {
+                url: "/themes/vuexy/vendor/libs/datatables-sk/plugins/i18n/es-ES.json"
+            },
+            columns: this.datatableEsquemaColumns,
+            ajax: '/imposiciones/esquema/datatable',
+        });
+    }
+
+
+}
+
+export default ImposicionDatatable;

httpdocs/assets/js/safekat/components/datatables/ImposicionEsquemaDatatable.js

@@ -0,0 +1,35 @@
+
+class ImposicionEsquemaDatatable {
+    constructor(domItem) {
+        this.item = domItem
+        this.datatableColumns = [
+            { data: 'id', searchable: false, sortable: true },
+            { data: 'name', searchable: true, sortable: true },
+            { data: 'action', searchable: true, sortable: true },
+        ]
+    }
+
+    init() {
+        this.datatable = this.item.DataTable({
+            processing: true,
+            layout: {
+                topStart: 'pageLength',
+                topEnd: 'search',
+                bottomStart: 'info',
+                bottomEnd: 'paging'
+            },
+
+            serverSide: true,
+            pageLength: 25,
+            language: {
+                url: "/themes/vuexy/vendor/libs/datatables-sk/plugins/i18n/es-ES.json"
+            },
+            columns: this.datatableColumns,
+            ajax: '/imposiciones/esquema/datatable',
+        });
+    }
+
+
+}
+
+export default ImposicionEsquemaDatatable;

httpdocs/assets/js/safekat/components/forms/ImposicionEsquemaForm.js

@@ -0,0 +1,179 @@
+import Ajax from '../ajax.js'
+import ImposicionEsquemaDrawing from '../imposicionEsquemaDrawing.js';
+
+class ImposicionEsquemaForm {
+    constructor(domItem) {
+        this.item = domItem
+        this.drawing = new ImposicionEsquemaDrawing($("#imposicion-esquema-drawing"))
+        this.modelId = this.item.data("id");
+        this.btnSubmitUpdateImposicion = this.item.find("#btnSubmitUpdateImposicionEsquema")
+        this.btnSubmitNewImposicion = this.item.find("#btnSubmitNewImposicionEsquema")
+        this.initialData = {
+            "name": null,
+            "rows": null,
+            "columns": null,
+            "rotativa": null,
+            "orientacion": null,
+            "cosido": null,
+            "svg_schema": null,
+
+        }
+        this.formData = this.initialData
+    }
+    load(status = false) {
+        if (status) {
+            Notiflix.Block.circle('.section-block');
+        } else {
+            Notiflix.Block.remove('.section-block');
+        }
+
+    }
+    init() {
+        this.item.on("change", "#esquema-rows", (event) => {
+            let rows = $(event.currentTarget).val()
+            this.drawing.setRows(rows)
+        })
+        this.item.on("change", "#esquema-rotativa", (event) => {
+            let rotativa = $(event.currentTarget).prop("checked")
+            this.drawing.setRotativa(rotativa)
+        })
+        this.item.on("change", "#esquema-cosido", (event) => {
+            let cosido = $(event.currentTarget).prop("checked")
+            this.drawing.setCosido(cosido)
+        })
+        this.item.on("change", "#esquema-orientacion", (event) => {
+            let orientation = $(event.currentTarget).val()
+            this.drawing.setOrientation(orientation)
+        })
+        this.item.on("change", "#esquema-columns", (event) => {
+            let columns = $(event.currentTarget).val()
+            this.drawing.setColumns(columns)
+        })
+        if (this.modelId) {
+            this.btnSubmitUpdateImposicion.on("click", this.handleUpdate.bind(this))
+            this.handleGetData()
+        } else {
+            this.initNew()
+        }
+    }
+    initNew() {
+        this.btnSubmitUpdateImposicion.on("click", this.handleNew.bind(this))
+    }
+    handleGetData() {
+        this.load(true)
+        let ajax = new Ajax(`/imposiciones/esquema/find/${this.modelId}`, null, null, this.handleGetDataSuccess.bind(this), this.handleGetDataError.bind(this))
+        if (this.modelId) {
+            ajax.get()
+        } else {
+            this.load(false)
+        }
+
+    }
+    getFormData() {
+        let data = {}
+        this.item.serializeArray().forEach((e) => {
+            let input = this.item.find(`input[name=${e.name}]`)
+            if (input) {
+                if (input.attr("type") != "checkbox") {
+                    data[e.name] = e.value
+                }
+            }
+        }
+        )
+        this.formData = data
+        this.formData["svg_schema"] = this.drawing.getSVG()
+        this.formData["rotativa"] = this.drawing.rotativa == true ? 1 : 0;
+        this.formData["cosido"] = this.drawing.cosido == true ? 1 : 0;
+
+
+        return this.formData
+    }
+    setFormData(data) {
+        this.drawing.rows = data.rows
+        this.drawing.columns = data.columns
+        this.drawing.rotativa = data.rotativa
+        this.drawing.cosido = data.cosido
+        this.drawing.drawSchema()
+        Object.entries(data).forEach(([key, value], index) => {
+            let input = this.item.find(`input[name=${key}]`)
+            if (input) {
+
+                if (input.attr("type") == "checkbox") {
+                    this.item.find(`input[name=${key}]`).prop("checked", value)
+                } else {
+                    this.item.find(`input[name=${key}]`).val(value)
+                }
+            }
+            this.item.find(`select[name=${key}]`).val(value)
+
+        })
+
+    }
+    disable() {
+        Object.entries(this.initialData).forEach(([key, value], index) => {
+            this.item.find(`input[name=${key}]`).prop("disabled", "disabled")
+            this.item.find(`select[name=${key}]`).prop("disabled", "disabled")
+        })
+    }
+    handleGetDataSuccess(response) {
+        this.setFormData(response)
+        this.load(false)
+    }
+    handleGetDataError() { }
+    handleNew() {
+        this.load(true)
+        let ajax = new Ajax(`/imposiciones/esquema/create`, this.getFormData(), null, this.postSuccessNew.bind(this), this.postErrorNew.bind(this))
+        ajax.post()
+    }
+    handleUpdate() {
+        this.load(true)
+        let ajax = new Ajax(`/imposiciones/esquema/${this.modelId}`, this.getFormData(), null, this.postSuccess.bind(this), this.postError.bind(this))
+        ajax.post()
+    }
+    handleDelete(id) {
+        let ajax = new Ajax(`/imposiciones/esquema/${id}`, null, null, this.deleteSuccess.bind(this), this.deleteError.bind(this))
+        ajax.delete()
+    }
+    deleteSuccess(response) {
+        popSuccessAlert(response.message)
+    }
+    deleteError(error) {
+        popErrorAlert(error.responseJSON.message)
+    }
+    postSuccess(response) {
+        this.load(false)
+        this.setFormData(response.data)
+        popSuccessAlert(response.message)
+    }
+
+    postError(error) {
+        this.load(false)
+        popErrorAlert(error.responseJSON.message)
+        this.validationErrors(error.responseJSON.errors)
+    }
+    postSuccessNew(response) {
+        this.load(false)
+        this.disable()
+        this.item.find(".invalid-feedback").remove()
+        this.btnSubmitNewImposicion.addClass("d-none")
+        popSuccessAlert(response.message)
+    }
+    postErrorNew(error) {
+        this.load(false)
+        this.validationErrors(error.responseJSON.errors)
+        popErrorAlert(error.responseJSON.message)
+    }
+    validationErrors(errors) {
+        this.item.find(".invalid-feedback").remove()
+        Object.entries(errors).forEach(([key, value], index) => {
+            let el = this.item.find(`input[name=${key}]`)
+            this.addError(el, value)
+        })
+    }
+    addError(el, error) {
+        el.addClass("is-invalid")
+        el.parent().append(`<div class="invalid-feedback">${error}</div>`)
+    }
+}
+
+export default ImposicionEsquemaForm;

httpdocs/assets/js/safekat/components/forms/ImposicionForm.js

@@ -0,0 +1,195 @@
+import Ajax from '../ajax.js'
+import ClassSelect from '../select2.js'
+class ImposicionForm {
+    constructor(domItem) {
+        this.item = domItem
+        this.modelId = this.item.data("id");
+        this.btnSubmitUpdateImposicion = this.item.find("#btnSubmitUpdateImposicion")
+        this.btnSubmitNewImposicion = this.item.find("#btnSubmitNewImposicion")
+        this.selectImposicionEsquemaItem = this.item.find("#imposicion-esquema-select")
+        this.renderSchemaDiv = this.item.find("#imposicion-esquema-render");
+        this.schemaLink = this.item.find(".imposicion-esquema-link")
+        this.selectImposicionEsquema = new ClassSelect(this.selectImposicionEsquemaItem, '/imposiciones/esquema/select', 'Seleccione un esquema', true)
+        this.imposicionEsquemaData = {}
+        this.initialData = {
+            "ancho": null,
+            "alto": null,
+            "unidades": null,
+            "etiqueta": null,
+            "maquina": null,
+            "orientacion": null
+        }
+        this.formData = this.initialData
+
+    }
+    initSelectImposicionEsquema() {
+
+        this.selectImposicionEsquema.init()
+        this.selectImposicionEsquema.onChange(this.handleGetImposicionEsquema.bind(this))
+
+
+    }
+    resize() {
+        let w = this.renderSchemaDiv.width()
+        let h = this.renderSchemaDiv.height()
+
+        let svgX = this.renderSchemaDiv.find("svg").width()
+        this.renderSchemaDiv.find("svg").attr("width", w)
+        this.renderSchemaDiv.find("svg").attr("height", h)
+
+        this.renderSchemaDiv.find("svg").attr('viewBox', `0 0 ${svgX} ${h + 100}`);
+    }
+    load(status = false) {
+        if (status) {
+            Notiflix.Block.circle('.section-block');
+        } else {
+            Notiflix.Block.remove('.section-block');
+        }
+
+    }
+    loadSchema(status = false) {
+        if (status) {
+            Notiflix.Block.circle('.section-block-esquema');
+        } else {
+            Notiflix.Block.remove('.section-block-esquema');
+        }
+
+    }
+    init() {
+        this.btnSubmitUpdateImposicion.on("click", this.handleUpdate.bind(this))
+        this.handleGetData()
+        this.initSelectImposicionEsquema()
+        this.schemaLink.attr("disabled", "disabled")
+        $(window).on("resize", this.resize.bind(this))
+    }
+    initNew() {
+        this.btnSubmitNewImposicion.on("click", this.handleNew.bind(this))
+        this.initSelectImposicionEsquema()
+        this.schemaLink.attr("disabled", "disabled")
+        $(window).on("resize", this.resize.bind(this))
+
+    }
+    handleGetImposicionEsquema() {
+        this.loadSchema(true)
+        let imposicion_esquema_id = this.selectImposicionEsquema.getVal()
+        let ajax = new Ajax(`/imposiciones/esquema/find/${imposicion_esquema_id}`, null, null, this.handleGetImposicionEsquemaSuccess.bind(this), this.handleGetDataError.bind(this))
+        if (imposicion_esquema_id) {
+            ajax.get()
+        } else {
+            this.loadSchema(false)
+            this.renderSchemaDiv.find("svg").empty()
+        }
+
+    }
+    handleGetImposicionEsquemaSuccess(response) {
+        this.renderSchemaDiv.empty()
+        this.imposicionEsquemaData = response
+        this.renderSchemaDiv.append(response.svg_schema)
+        let svgX = this.renderSchemaDiv.width()
+        let svgY = this.renderSchemaDiv.height()
+        this.schemaLink.removeAttr("disabled")
+        this.schemaLink.attr("href", `/imposiciones/esquema/edit/${response.id}`)
+        this.renderSchemaDiv.find("svg").attr('viewBox', `0 0 ${svgX} ${svgY}`);
+
+        this.resize()
+        this.loadSchema(false)
+
+    }
+    handleGetImposicionEsquemaError(error) {
+        this.loadSchema(false)
+    }
+    handleGetData() {
+        this.load(true)
+        let ajax = new Ajax(`/imposiciones/find/${this.modelId}`, null, null, this.handleGetDataSuccess.bind(this), this.handleGetDataError.bind(this))
+        ajax.get()
+
+    }
+    getFormData() {
+        let data = {}
+        this.item.serializeArray().forEach((e) => {
+            data[e.name] = e.value
+        }
+        )
+        this.formData = data
+        return this.formData
+    }
+    setFormData(data) {
+        Object.entries(data).forEach(([key, value], index) => {
+            this.item.find(`input[name=${key}]`).val(value)
+            this.item.find(`select[name=${key}]`).val(value)
+            if (key == "imposicion_esquema" && value) {
+                this.selectImposicionEsquema.setOption(value.id, value.name)
+                this.schemaLink.removeAttr("disabled")
+                this.schemaLink.attr("href", `/imposiciones/esquema/edit/${value.id}`)
+            }
+        })
+
+    }
+    disable() {
+        Object.entries(this.initialData).forEach(([key, value], index) => {
+            this.item.find(`input[name=${key}]`).prop("disabled", "disabled")
+            this.item.find(`select[name=${key}]`).prop("disabled", "disabled")
+        })
+    }
+    handleGetDataSuccess(response) {
+        this.setFormData(response)
+        this.load(false)
+    }
+    handleGetDataError() { }
+    handleNew() {
+        this.load(true)
+        let ajax = new Ajax(`/imposiciones/create`, this.getFormData(), null, this.postSuccessNew.bind(this), this.postErrorNew.bind(this))
+        ajax.post()
+    }
+    handleUpdate() {
+        this.load(true)
+        let ajax = new Ajax(`/imposiciones/${this.modelId}`, this.getFormData(), null, this.postSuccess.bind(this), this.postError.bind(this))
+        ajax.post()
+    }
+    handleDelete(id) {
+        let ajax = new Ajax(`/imposiciones/${id}`, null, null, this.deleteSuccess.bind(this), this.deleteError.bind(this))
+        ajax.delete()
+    }
+    deleteSuccess(response) {
+        popSuccessAlert(response.message)
+    }
+    deleteError(error) {
+        popErrorAlert(error.responseJSON.message)
+    }
+    postSuccess(response) {
+        this.load(false)
+        this.setFormData(response.data)
+        popSuccessAlert(response.message)
+    }
+
+    postError(error) {
+        this.load(false)
+        popErrorAlert(error.responseJSON.message)
+        this.validationErrors(error.responseJSON.errors)
+    }
+    postSuccessNew(response) {
+        this.load(false)
+        this.disable()
+        this.item.find(".invalid-feedback").remove()
+        this.btnSubmitNewImposicion.addClass("d-none")
+        popSuccessAlert(response.message)
+    }
+    postErrorNew(error) {
+        this.load(false)
+        this.validationErrors(error.responseJSON.errors)
+        popErrorAlert(error.responseJSON.message)
+    }
+    validationErrors(errors) {
+        this.item.find(".invalid-feedback").remove()
+        Object.entries(errors).forEach(([key, value], index) => {
+            let el = this.item.find(`input[name=${key}]`)
+            this.addError(el, value)
+        })
+    }
+    addError(el, error) {
+        el.addClass("is-invalid")
+        el.parent().append(`<div class="invalid-feedback">${error}</div>`)
+    }
+}
+
+export default ImposicionForm;

httpdocs/assets/js/safekat/components/imposicionEsquemaDrawing.js

@@ -0,0 +1,164 @@
+class ImposicionEsquemaDrawing {
+    constructor(domItem) {
+        this.item = domItem;
+        this.params = { fitted: true }
+        this.rectangleDimensions = {
+            width: 50,
+            height: 100,
+        }
+        this.rectangleCosidoDimensions = {
+            width: 50*2,
+            height: 100,
+        }
+        this.offsetX = this.rectangleDimensions.width + 20
+        this.offsetY = this.rectangleDimensions.height + 20
+        this.offsetCosidoX = this.rectangleCosidoDimensions.width + 20
+        this.offsetCosidoY = this.rectangleCosidoDimensions.height + 20
+        this.dw = new Two(this.params).appendTo(this.item[0])
+        this.rows = 1
+        this.columns = 1
+        this.rotativa = false
+        this.cosido = false
+        this.drawingShapes = []
+        this.textShapes = []
+        this.vectorShapes = []
+        this.orientation = "H"
+        this.drawSchema()
+    }
+    setMatrix(rows, columns) {
+        this.rows = rows
+        this.columns = columns
+    }
+    setOrientation(orientation) {
+        this.orientation = orientation
+        this.drawSchema()
+    }
+    setRotativa(rotativa) {
+        this.rotativa = rotativa
+        this.drawSchema()
+    }
+    setCosido(rotativa) {
+        this.cosido = rotativa
+        this.drawSchema()
+    }
+    setRows(rows) {
+        this.rows = rows
+        this.drawSchema()
+    }
+    setColumns(columns) {
+        this.columns = columns
+        this.drawSchema()
+    }
+    init() {
+
+    }
+    cutPaperForm() {
+        this.textShapes.forEach((element, index) => {
+            element.scale = new Two.Vector(1, -1)
+        })
+    }
+    mirror(element) {
+        if (this.rotativa == false) {
+            element.scale = new Two.Vector(1, -1)
+        }
+
+    }
+    remove() {
+        this.drawingShapes.forEach(element => {
+            element.remove()
+        });
+        this.textShapes.forEach(element => {
+            element.remove()
+        });
+        this.vectorShapes.forEach(element => {
+            element.remove()
+        });
+    }
+    drawRows(y = 0) {
+        for (let index = 0; index < this.columns; index++) {
+            let rectangle = this.dw.makeRectangle(this.rectangleDimensions.width / 2 + this.offsetX * index, this.rectangleDimensions.height / 2 + y, this.rectangleDimensions.width, this.rectangleDimensions.height)
+            let text = this.dw.makeText("A", this.rectangleDimensions.width / 2 + this.offsetX * index, this.rectangleDimensions.height / 2 + y)
+            if ((index + 1) % 2) {
+                this.mirror(text)
+            }
+            this.textShapes.push(text)
+            this.drawingShapes.push(rectangle)
+        }
+    }
+    drawRowsCosido(y = 0) {
+        for (let index = 0; index < this.columns; index++) {
+            let rectangle = this.dw.makeRectangle(this.rectangleCosidoDimensions.width/2  + this.offsetCosidoX * index , this.rectangleCosidoDimensions.height /2 + y, this.rectangleCosidoDimensions.width, this.rectangleCosidoDimensions.height)
+            let textA = this.dw.makeText("N", this.rectangleCosidoDimensions.width/4 + this.offsetCosidoX * index, this.rectangleCosidoDimensions.height /2 + y)
+            let textB = this.dw.makeText("1", this.rectangleCosidoDimensions.width*3/4 + this.offsetCosidoX * index, this.rectangleCosidoDimensions.height /2 + y)
+            let line = this.dw.makeLine(rectangle.position.x,y,rectangle.position.x,this.rectangleCosidoDimensions.height + y)
+
+            this.textShapes.push(textA)
+            this.textShapes.push(textB)
+            this.drawingShapes.push(rectangle)
+            this.drawingShapes.push(line)
+
+
+        }
+    }
+    drawOrientation() {
+        let vector;
+        if (this.orientation == "H") {
+            vector = this.dw.makeArrow(0, (this.offsetY) * this.rows, (this.offsetX) * (this.columns), (this.offsetY) * this.rows)
+            this.dw.renderer.setSize((this.offsetX) * this.columns, (this.offsetY) * this.rows)
+            let width = (this.offsetX) * this.columns * 1.1
+            let height = (this.offsetY) * this.rows * 1.1
+            Two.SVGRenderer.Utils.setAttributes(this.dw.renderer.domElement, { viewBox: `0 0 ${width} ${height}` })
+
+
+        } else {
+            vector = this.dw.makeArrow((this.offsetX) * this.columns, 0, (this.offsetX) * this.columns, (this.offsetY) * this.rows)
+            this.dw.renderer.setSize((this.offsetX) * this.columns, (this.offsetY) * this.rows)
+            let width = (this.offsetX) * this.columns * 1.1
+            let height = (this.offsetY) * this.rows * 1.1
+            Two.SVGRenderer.Utils.setAttributes(this.dw.renderer.domElement, { viewBox: `0 0 ${width} ${height}` })
+
+        }
+        vector.linewidth = "3px"
+        this.vectorShapes.push(vector)
+    }
+    drawOrientationCosido() {
+        let vector;
+        if (this.orientation == "H") {
+            vector = this.dw.makeArrow(-this.rectangleDimensions.width/2, (this.offsetCosidoY) * this.rows, (this.offsetCosidoX) * (this.columns), (this.offsetCosidoY) * this.rows)
+            this.dw.renderer.setSize((this.offsetCosidoX) * this.columns, (this.offsetCosidoY) * this.rows)
+            let width = (this.offsetCosidoX) * this.columns*1.1
+            let height = (this.offsetCosidoY) * this.rows * 1.1 
+            Two.SVGRenderer.Utils.setAttributes(this.dw.renderer.domElement, { viewBox: `0 0 ${width} ${height}` })
+        } else {
+            vector = this.dw.makeArrow((this.offsetCosidoX) * this.columns, 0, (this.offsetCosidoX) * this.columns, (this.offsetCosidoY) * this.rows)
+            this.dw.renderer.setSize((this.offsetCosidoX) * this.columns, (this.offsetCosidoY) * this.rows)
+            let width = (this.offsetX) * this.columns * 1.1
+            let height = (this.offsetY) * this.rows * 1.1
+            Two.SVGRenderer.Utils.setAttributes(this.dw.renderer.domElement, { viewBox: `0 0 ${width} ${height}` })
+
+        }
+        vector.linewidth = "3px"
+        this.vectorShapes.push(vector)
+    }
+    drawSchema() {
+        this.remove();
+        for (let index = 0; index < this.rows; index++) {
+            if(this.cosido){
+                this.drawRowsCosido(this.offsetY * index)
+            }else{
+                this.drawRows(this.offsetY * index)
+            }
+        }
+        if(this.cosido){
+            this.drawOrientationCosido()
+        }else{
+            this.drawOrientation()
+        }
+        this.dw.update()
+    }
+    getSVG() {
+        return this.dw.renderer.domElement.outerHTML
+    }
+}
+
+export default ImposicionEsquemaDrawing

httpdocs/assets/js/safekat/pages/configuracion/imposiciones/edit.js

@@ -0,0 +1,8 @@
+
+import Imposicion from "./imposicion.js"
+
+$(() => {
+    console.log("Imposicion")
+    let imposicion = new Imposicion()
+    imposicion.edit()
+})

httpdocs/assets/js/safekat/pages/configuracion/imposiciones/edit_esquema.js

@@ -0,0 +1,8 @@
+
+import Imposicion from "./imposicion.js"
+
+$(() => {
+    console.log("Imposicion Esquema")
+    let imposicion = new Imposicion()
+    imposicion.init_imposicion_esquema_form()
+})

httpdocs/assets/js/safekat/pages/configuracion/imposiciones/imposicion.js

@@ -0,0 +1,56 @@
+import { alertConfirmationDelete } from "../../../components/alerts/sweetAlert.js"
+import ImposicionDatatable from "../../../components/datatables/ImposicionDatatable.js"
+import ImposicionEsquemaDatatable from "../../../components/datatables/ImposicionEsquemaDatatable.js"
+import ImposicionEsquemaForm from "../../../components/forms/ImposicionEsquemaForm.js"
+import ImposicionForm from "../../../components/forms/ImposicionForm.js"
+
+class Imposicion {
+    constructor() {
+        this.itemTable = $("#tableOfImposiciones")
+        this.itemEsquemaTable = $("#imposicion-esquema-table")
+        this.itemForm = $("#form-imposicion")
+        this.itemEsquemaForm = $("#form-imposicion-esquema")
+
+        this.imposicionDatatable = new ImposicionDatatable(this.itemTable)
+        this.imposicionEsquemaDatatable = new ImposicionEsquemaDatatable(this.itemEsquemaTable)
+
+    }
+    view() {
+        this.imposicionDatatable.init()
+        this.imposicionEsquemaDatatable.init()
+        this.itemTable.on("click", ".imposicion-delete", this.deleteRow.bind(this))
+        this.itemEsquemaTable.on("click", ".imposicion-esquema-delete", this.deleteEsquemaRow.bind(this))
+
+    }
+    edit() {
+        this.imposicionForm = new ImposicionForm(this.itemForm)
+        this.imposicionForm.init()
+    }
+    new() {
+        this.imposicionForm.initNew()
+    }
+    init_imposicion_esquema_form() {
+        this.imposicionEsquemaForm = new ImposicionEsquemaForm(this.itemEsquemaForm)
+        this.imposicionEsquemaForm.init()
+    }
+    deleteRow(event) {
+        let modelId = $(event.currentTarget).data("id")
+        alertConfirmationDelete().then((result) => {
+            if (result.isConfirmed) {
+                this.imposicionForm.handleDelete(modelId)
+                this.imposicionDatatable.datatable.ajax.reload()
+            }
+        })
+    }
+    deleteEsquemaRow(event) {
+        let modelId = $(event.currentTarget).data("id")
+        alertConfirmationDelete().then((result) => {
+            if (result.isConfirmed) {
+                this.imposicionEsquemaForm.handleDelete(modelId)
+                this.imposicionEsquemaDatatable.datatableEsquema.ajax.reload()
+            }
+        })
+    }
+}
+
+export default Imposicion

httpdocs/assets/js/safekat/pages/configuracion/imposiciones/new.js

@@ -0,0 +1,8 @@
+
+import Imposicion from "./imposicion.js"
+
+$(() => {
+    console.log("Imposicion")
+    let imposicion = new Imposicion()
+    imposicion.new()
+})

httpdocs/assets/js/safekat/pages/configuracion/imposiciones/view.js

@@ -0,0 +1,8 @@
+
+import Imposicion from "./imposicion.js"
+
+$(() => {
+    console.log("Imposicion")
+    let imposicion = new Imposicion()
+    imposicion.view()
+})

httpdocs/assets/js/safekat/pages/pdf/otDownload.js

@@ -6,6 +6,6 @@ $(() => {
         html2canvas:  { scale: 4 },
         jsPDF:        { unit: 'mm', format: 'a4', orientation: 'portrait' }
       };
-    let elementToPdf = $('body')[0]
+    let elementToPdf = $('body')[0]      
     html2pdf().set(opt).from(elementToPdf).save()
 })

httpdocs/themes/vuexy/css/pdf.ot.css

@@ -43,10 +43,7 @@ body{
 
 }
 .esquema{
-    display: flex;
-    justify-content:center;
-    width: 100%;
-    justify-items: center;
+
 
 }
 .pagina-imposicion-outer-start{
@@ -89,10 +86,7 @@ body{
 
 }
 .esquema-imposicion-wrapper{
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
+
 }
 .imposicion{
     display: flex;