| @media print { | |||||
| [mapiranje='map1'] | |||||
| { | |||||
| display: none; | |||||
| } | |||||
| } |
| const initialize = () => { | |||||
| document.getElementsByTagName('canvas').forEach(element => element.setAttribute('map','map1')); | |||||
| document.getElementsByClassName("col-sm-6").forEach(e => e.setAttribute("mapiranje", "map1")); | |||||
| const paragraf = document.createElement('p'); | |||||
| paragraf.innerHTML = "hajde radi opet"; | |||||
| document.querySelector('body').appendChild(paragraf); | |||||
| } | |||||
| const transform = () => { | |||||
| document.querySelectorAll('[map="map1"]')[1].style.display = "none"; | |||||
| let maliDivovi = document.querySelectorAll('[mapiranje="map1"]'); | |||||
| maliDivovi.forEach(el => { el.className = "col-sm-12" }); | |||||
| let p = document.createElement('p'); | |||||
| p.innerHTML = 'mozda radi'; | |||||
| document.querySelector('body').appendChild(p); | |||||
| document.querySelector('body').style.backgroundColor = 'red'; | |||||
| } | |||||
| const PDFEngine = () => | |||||
| { | |||||
| initialize(); | |||||
| transform(); | |||||
| } | |||||
| export default PDFEngine; |
| import {TransformsFactory} from "./transforms-factory"; | import {TransformsFactory} from "./transforms-factory"; | ||||
| import { HideParam } from "./parameters/hide-parameter"; | |||||
| import parameters from "./parameters/parameters"; | import parameters from "./parameters/parameters"; | ||||
| import $ from 'jquery'; | import $ from 'jquery'; | ||||
| param.targets = $(`[code=${param.code}]`); | param.targets = $(`[code=${param.code}]`); | ||||
| } | } | ||||
| // br-removecolumn-15 | |||||
| // br-removecolumn-2 | |||||
| // TODO regex find by attr | |||||
| // css class parameters | // css class parameters | ||||
| // TODO | |||||
| // TODO | |||||
| // inicijalizacija transformacija | // inicijalizacija transformacija | ||||
| let transforms = []; | let transforms = []; |
| import $ from "jquery"; | import $ from "jquery"; | ||||
| export class BorderColorTransform extends Transform { | export class BorderColorTransform extends Transform { | ||||
| constructor(selector){ | |||||
| constructor(object){ | |||||
| super(); | super(); | ||||
| this.selector = selector; | |||||
| this.object = object; | |||||
| } | } | ||||
| execute(){ | execute(){ | ||||
| $(this.selector).addClass("border-red"); | |||||
| $(this.object).addClass("border-red"); | |||||
| } | } | ||||
| rolback(){ | rolback(){ | ||||
| $(this.selector).removeClass("border-red"); | |||||
| $(this.object).removeClass("border-red"); | |||||
| } | } | ||||
| } | } |
| import $ from "jquery"; | import $ from "jquery"; | ||||
| export class ColorTransform extends Transform { | export class ColorTransform extends Transform { | ||||
| constructor(selector){ | |||||
| constructor(object){ | |||||
| super(); | super(); | ||||
| this.selector = selector; | |||||
| this.object = object; | |||||
| } | } | ||||
| execute(){ | execute(){ | ||||
| $(this.selector).addClass("color-transform"); | |||||
| $(this.object).addClass("color-transform"); | |||||
| } | } | ||||
| rolback(){ | rolback(){ | ||||
| $(this.selector).removeClass("color-transform"); | |||||
| $(this.object).removeClass("color-transform"); | |||||
| } | } | ||||
| } | } |
| } | } | ||||
| execute(){ | execute(){ | ||||
| const column = this.column; | const column = this.column; | ||||
| $(`${this.object} > tbody > tr`).each(function () { | |||||
| // (`${this.object}`).find("tbody").find("tr").each(function () { | |||||
| (($(this.object).find("thead")).find("tr")).find("th").eq(column).remove(); | |||||
| ($(this.object).find("tbody")).find("tr").each(function () { | |||||
| $(this).find('td').eq(column).remove(); | $(this).find('td').eq(column).remove(); | ||||
| }); | }); | ||||
| $(`${this.object} > thead > tr`).each(function () { | |||||
| $(this).find('th').eq(column).remove(); | |||||
| }); | |||||
| }; | }; | ||||
| rolback(){ | rolback(){ | ||||
| // TODO IMPLEMENT ROLBACK | // TODO IMPLEMENT ROLBACK |
| import { Transform } from "./transform"; | |||||
| import $ from 'jquery'; | |||||
| export class RemoveTableHeaderTransform extends Transform | |||||
| { | |||||
| constructor(object) | |||||
| { | |||||
| super(); | |||||
| this.object = object; | |||||
| } | |||||
| execute(){ | |||||
| // ($(this.object).find("tbody")).find("tr").eq(this.row).remove(); | |||||
| $(this.object).find("thead").each(function () { | |||||
| $(this).find('tr').eq(0).remove(); | |||||
| }); | |||||
| }; | |||||
| rolback(){ | |||||
| // TODO IMPLEMENT ROLBACK | |||||
| // HINT: SAVE LAST ROW IN PROPERTIES | |||||
| // const row = this.row; | |||||
| // $(`${this.object} > tbody > tr`).each(function () { | |||||
| // $(this).find('td').eq(row).show(); | |||||
| // }); | |||||
| }; | |||||
| } |
| export class RemoveTableRowTransform extends Transform | export class RemoveTableRowTransform extends Transform | ||||
| { | { | ||||
| constructor(selector,row) | |||||
| constructor(object,row) | |||||
| { | { | ||||
| super(); | super(); | ||||
| this.selector = selector; | |||||
| this.object = object; | |||||
| this.row = row; | this.row = row; | ||||
| } | } | ||||
| execute(){ | execute(){ | ||||
| const row = this.row; | const row = this.row; | ||||
| $(`${this.selector}`).each(function () { | |||||
| // ($(this.object).find("tbody")).find("tr").eq(this.row).remove(); | |||||
| $(this.object).find("tbody").each(function () { | |||||
| $(this).find('tr').eq(row).remove(); | $(this).find('tr').eq(row).remove(); | ||||
| }); | }); | ||||
| }; | }; | ||||
| // TODO IMPLEMENT ROLBACK | // TODO IMPLEMENT ROLBACK | ||||
| // HINT: SAVE LAST ROW IN PROPERTIES | // HINT: SAVE LAST ROW IN PROPERTIES | ||||
| // const row = this.row; | // const row = this.row; | ||||
| // $(`${this.selector} > tbody > tr`).each(function () { | |||||
| // $(`${this.object} > tbody > tr`).each(function () { | |||||
| // $(this).find('td').eq(row).show(); | // $(this).find('td').eq(row).show(); | ||||
| // }); | // }); | ||||
| }; | }; |
| export class ShowNumberRowsTransformation extends Transform | export class ShowNumberRowsTransformation extends Transform | ||||
| { | { | ||||
| constructor(selector,rows) | |||||
| constructor(object,rows) | |||||
| { | { | ||||
| super(); | super(); | ||||
| this.selector = selector; | |||||
| this.object = object; | |||||
| this.rows = rows; | this.rows = rows; | ||||
| } | } | ||||
| execute(){ | execute(){ | ||||
| const rows = this.rows; | const rows = this.rows; | ||||
| const count = $(`${this.selector} > tbody`).children('tr').length; | |||||
| $(`${this.selector} > tbody`).each(function () { | |||||
| const count = ($(this.object).find("tbody")).children('tr').length; | |||||
| $this.object.find("tbody").each(function () { | |||||
| for(let i=rows;i<count;i++) | for(let i=rows;i<count;i++) | ||||
| { | { | ||||
| $(this).find('tr').eq(i).hide(); | $(this).find('tr').eq(i).hide(); | ||||
| }; | }; | ||||
| rolback(){ | rolback(){ | ||||
| const rows = this.rows; | const rows = this.rows; | ||||
| const count = $(`${this.selector} > tbody`).children('tr').length; | |||||
| $(`${this.selector} > tbody`).each(function () { | |||||
| const count = ($(this.object).find("tbody")).children('tr').length; | |||||
| $this.object.find("tbody").each(function () { | |||||
| for(let i=rows;i<count;i++) | for(let i=rows;i<count;i++) | ||||
| { | { | ||||
| $(this).find('tr').eq(i).show(); | |||||
| $(this).find('tr').eq(i).hide(); | |||||
| } | } | ||||
| }); | }); | ||||
| }; | }; |
| } else if(code === ("br-removecolumn")){ | } else if(code === ("br-removecolumn")){ | ||||
| return new RemoveTableColumnTransform(object,value); | return new RemoveTableColumnTransform(object,value); | ||||
| } else if(code === ("br-removerow")){ | } else if(code === ("br-removerow")){ | ||||
| return new RemoveTableRowTransform(`${object} > tbody`,value); | |||||
| return new RemoveTableRowTransform(object,value); | |||||
| } else if(code === ("br-removeheader")){ | } else if(code === ("br-removeheader")){ | ||||
| return new RemoveTableRowTransform(`${object} > thead`,0); | |||||
| return new RemoveTableRowTransform(object,0); | |||||
| } else if(code === ("br-shownumberrows")){ | } else if(code === ("br-shownumberrows")){ | ||||
| return new ShowNumberRowsTransformation(object,value); | return new ShowNumberRowsTransformation(object,value); | ||||
| } else if(code === ("br-bordercolor")){ | } else if(code === ("br-bordercolor")){ |