| @@ -1,7 +0,0 @@ | |||
| @media print { | |||
| [mapiranje='map1'] | |||
| { | |||
| display: none; | |||
| } | |||
| } | |||
| @@ -1,25 +0,0 @@ | |||
| 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; | |||
| @@ -1,5 +1,4 @@ | |||
| import {TransformsFactory} from "./transforms-factory"; | |||
| import { HideParam } from "./parameters/hide-parameter"; | |||
| import parameters from "./parameters/parameters"; | |||
| import $ from 'jquery'; | |||
| @@ -17,9 +16,13 @@ function core(){ | |||
| param.targets = $(`[code=${param.code}]`); | |||
| } | |||
| // br-removecolumn-15 | |||
| // br-removecolumn-2 | |||
| // TODO regex find by attr | |||
| // css class parameters | |||
| // TODO | |||
| // TODO | |||
| // inicijalizacija transformacija | |||
| let transforms = []; | |||
| @@ -3,16 +3,16 @@ import {Transform} from "../transform"; | |||
| import $ from "jquery"; | |||
| export class BorderColorTransform extends Transform { | |||
| constructor(selector){ | |||
| constructor(object){ | |||
| super(); | |||
| this.selector = selector; | |||
| this.object = object; | |||
| } | |||
| execute(){ | |||
| $(this.selector).addClass("border-red"); | |||
| $(this.object).addClass("border-red"); | |||
| } | |||
| rolback(){ | |||
| $(this.selector).removeClass("border-red"); | |||
| $(this.object).removeClass("border-red"); | |||
| } | |||
| } | |||
| @@ -3,16 +3,16 @@ import {Transform} from "../transform"; | |||
| import $ from "jquery"; | |||
| export class ColorTransform extends Transform { | |||
| constructor(selector){ | |||
| constructor(object){ | |||
| super(); | |||
| this.selector = selector; | |||
| this.object = object; | |||
| } | |||
| execute(){ | |||
| $(this.selector).addClass("color-transform"); | |||
| $(this.object).addClass("color-transform"); | |||
| } | |||
| rolback(){ | |||
| $(this.selector).removeClass("color-transform"); | |||
| $(this.object).removeClass("color-transform"); | |||
| } | |||
| } | |||
| @@ -11,12 +11,11 @@ export class RemoveTableColumnTransform extends Transform | |||
| } | |||
| execute(){ | |||
| 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.object} > thead > tr`).each(function () { | |||
| $(this).find('th').eq(column).remove(); | |||
| }); | |||
| }; | |||
| rolback(){ | |||
| // TODO IMPLEMENT ROLBACK | |||
| @@ -0,0 +1,25 @@ | |||
| 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(); | |||
| // }); | |||
| }; | |||
| } | |||
| @@ -3,15 +3,16 @@ import $ from 'jquery'; | |||
| export class RemoveTableRowTransform extends Transform | |||
| { | |||
| constructor(selector,row) | |||
| constructor(object,row) | |||
| { | |||
| super(); | |||
| this.selector = selector; | |||
| this.object = object; | |||
| this.row = row; | |||
| } | |||
| execute(){ | |||
| 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(); | |||
| }); | |||
| }; | |||
| @@ -19,7 +20,7 @@ export class RemoveTableRowTransform extends Transform | |||
| // TODO IMPLEMENT ROLBACK | |||
| // HINT: SAVE LAST ROW IN PROPERTIES | |||
| // const row = this.row; | |||
| // $(`${this.selector} > tbody > tr`).each(function () { | |||
| // $(`${this.object} > tbody > tr`).each(function () { | |||
| // $(this).find('td').eq(row).show(); | |||
| // }); | |||
| }; | |||
| @@ -3,16 +3,16 @@ import $ from 'jquery'; | |||
| export class ShowNumberRowsTransformation extends Transform | |||
| { | |||
| constructor(selector,rows) | |||
| constructor(object,rows) | |||
| { | |||
| super(); | |||
| this.selector = selector; | |||
| this.object = object; | |||
| this.rows = rows; | |||
| } | |||
| execute(){ | |||
| 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++) | |||
| { | |||
| $(this).find('tr').eq(i).hide(); | |||
| @@ -21,11 +21,11 @@ export class ShowNumberRowsTransformation extends Transform | |||
| }; | |||
| rolback(){ | |||
| 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++) | |||
| { | |||
| $(this).find('tr').eq(i).show(); | |||
| $(this).find('tr').eq(i).hide(); | |||
| } | |||
| }); | |||
| }; | |||
| @@ -20,9 +20,9 @@ export class TransformsFactory{ | |||
| } else if(code === ("br-removecolumn")){ | |||
| return new RemoveTableColumnTransform(object,value); | |||
| } else if(code === ("br-removerow")){ | |||
| return new RemoveTableRowTransform(`${object} > tbody`,value); | |||
| return new RemoveTableRowTransform(object,value); | |||
| } else if(code === ("br-removeheader")){ | |||
| return new RemoveTableRowTransform(`${object} > thead`,0); | |||
| return new RemoveTableRowTransform(object,0); | |||
| } else if(code === ("br-shownumberrows")){ | |||
| return new ShowNumberRowsTransformation(object,value); | |||
| } else if(code === ("br-bordercolor")){ | |||