Skip to content

S
sdkjs
Commit 47c57da9 authored by GoshaZotov's avatar GoshaZotov
Browse files
Options

for draw miniatures format table use CTableStyle -> getStyle 

+ 1px frame around every picture
parent 6e9530c2
Show whitespace changes
Inline Side-by-side
Showing with 92 additions and 284 deletions
cell/view/WorkbookView.js
View file @ 47c57da9
...@@ -2712,309 +2712,117 @@ ...@@ -2712,309 +2712,117 @@
}; };
} }
var pxToMM = 72 / 96; var pxToMM = 72 / 96;
var ySize = 45 * pxToMM; var startX = 1 * pxToMM;
var xSize = 61 * pxToMM; var startY = 1 * pxToMM;
var ySize = 45 * pxToMM - 2 * startY;
var xSize = 61 * pxToMM - 2 * startX;
var stepY = (ySize) / 5; var stepY = (ySize) / 5;
var stepX = (60 * pxToMM) / 5; var stepX = (xSize - 1 * pxToMM) / 5;
var whiteColor = new CColor(255, 255, 255); var whiteColor = new CColor(255, 255, 255);
var blackColor = new CColor(0, 0, 0); var blackColor = new CColor(0, 0, 0);
//**draw background** var defaultColor;
var defaultColorBackground; if (!styleOptions || !styleOptions.wholeTable || !styleOptions.wholeTable.dxf.font) {
if (styleOptions.wholeTable && styleOptions.wholeTable.dxf.fill) { defaultColor = blackColor;
defaultColorBackground = styleOptions.wholeTable.dxf.fill.bg;
} else { } else {
defaultColorBackground = whiteColor; defaultColor = styleOptions.wholeTable.dxf.font.getColor();
} }
var color; var headerRowCount = 1;
if (styleOptions != undefined) { var totalsRowCount = 0;
if(null != styleInfo.HeaderRowCount)
headerRowCount = styleInfo.HeaderRowCount;
if(null != styleInfo.TotalsRowCount)
totalsRowCount = styleInfo.TotalsRowCount;
if (styleOptions.wholeTable && styleOptions.wholeTable.dxf.fill && null != styleOptions.wholeTable.dxf.fill.bg) { if (styleOptions.wholeTable && styleOptions.wholeTable.dxf.fill && null != styleOptions.wholeTable.dxf.fill.bg) {
ctx.setFillStyle(styleOptions.wholeTable.dxf.fill.bg); ctx.setFillStyle(styleOptions.wholeTable.dxf.fill.bg);
ctx.fillRect(0, 0, xSize, ySize); ctx.fillRect(startX, startY, xSize, ySize);
} else { } else {
ctx.setFillStyle(whiteColor); ctx.setFillStyle(whiteColor);
ctx.fillRect(0, 0, xSize, ySize); ctx.fillRect(startX, startY, xSize, ySize);
}
if (styleInfo.ShowColumnStripes)//column stripes
{
for (k = 0; k < 6; k++) {
color = defaultColorBackground;
if (k % 2 == 0) {
if (styleOptions.firstColumnStripe && styleOptions.firstColumnStripe.dxf.fill &&
null != styleOptions.firstColumnStripe.dxf.fill.bg) {
color = styleOptions.firstColumnStripe.dxf.fill.bg;
} else if (styleOptions.wholeTable && styleOptions.wholeTable.dxf.fill &&
null != styleOptions.wholeTable.dxf.fill.bg) {
color = styleOptions.wholeTable.dxf.fill.bg;
}
} else {
if (styleOptions.secondColumnStripe && styleOptions.secondColumnStripe.dxf.fill &&
null != styleOptions.secondColumnStripe.dxf.fill.bg) {
color = styleOptions.secondColumnStripe.dxf.fill.bg;
} else if (styleOptions.wholeTable && styleOptions.wholeTable.dxf.fill &&
null != styleOptions.wholeTable.dxf.fill.bg) {
color = styleOptions.wholeTable.dxf.fill.bg;
}
}
ctx.setFillStyle(color);
ctx.fillRect(k * stepX, 0, stepX, ySize);
}
} }
if (styleInfo.ShowRowStripes)//row stripes var calculateLineVer = function(color, x, y1, y2)
{ {
for (var k = 0; k < 6; k++) { ctx.beginPath();
color = null; ctx.setStrokeStyle(color);
if (k == 0 && styleInfo.HeaderRowCount) {
continue;
}
if (styleInfo.HeaderRowCount) {
if (k % 2 != 0) {
if (styleOptions.firstRowStripe && styleOptions.firstRowStripe.dxf.fill &&
null != styleOptions.firstRowStripe.dxf.fill.bg) {
color = styleOptions.firstRowStripe.dxf.fill.bg;
}
} else {
if (styleOptions.secondRowStripe && styleOptions.secondRowStripe.dxf.fill &&
null != styleOptions.secondRowStripe.dxf.fill.bg) {
color = styleOptions.secondRowStripe.dxf.fill.bg;
}
}
} else {
if (k % 2 != 0) {
if (styleOptions.secondRowStripe && styleOptions.secondRowStripe.dxf.fill &&
null != styleOptions.secondRowStripe.dxf.fill.bg) {
color = styleOptions.secondRowStripe.dxf.fill.bg;
}
} else {
if (styleOptions.firstRowStripe && styleOptions.firstRowStripe.dxf.fill &&
null != styleOptions.firstRowStripe.dxf.fill.bg) {
color = styleOptions.firstRowStripe.dxf.fill.bg;
}
}
}
if (color != null) { ctx.lineVer(x + startX, y1 + startY, y2 + startY);
ctx.setFillStyle(color);
ctx.fillRect(0, k * stepY, xSize, stepY);
}
}
}
if (styleInfo.ShowFirstColumn && styleOptions.firstColumn)//first column ctx.stroke();
{ ctx.closePath();
color = null; };
if (styleOptions.firstColumn && styleOptions.firstColumn.dxf.fill &&
null != styleOptions.firstColumn.dxf.fill.bg) {
color = styleOptions.firstColumn.dxf.fill.bg;
}
if (color != null) { var calculateLineHor = function(color, x1, y, x2)
ctx.setFillStyle(color);
ctx.fillRect(0, 0, stepX, ySize);
}
}
if (styleInfo.ShowLastColumn)//last column
{ {
color = null; ctx.beginPath();
if (styleOptions.lastColumn && styleOptions.lastColumn.dxf.fill && ctx.setStrokeStyle(color);
null != styleOptions.lastColumn.dxf.fill.bg) {
color = styleOptions.lastColumn.dxf.fill.bg;
}
if (color != null) { ctx.lineHor(x1 + startX, y + startY, x2 + startX);
ctx.setFillStyle(color);
ctx.fillRect(4 * stepX + 1, 0, stepX, ySize);
}
} ctx.stroke();
if (styleInfo.HeaderRowCount)//header row ctx.closePath();
{ };
if (styleOptions.headerRow && styleOptions.headerRow.dxf.fill && null != styleOptions.headerRow.dxf.fill.bg) {
ctx.setFillStyle(styleOptions.headerRow.dxf.fill.bg);
} else {
ctx.setFillStyle(defaultColorBackground);
}
ctx.fillRect(0, 0, xSize, stepY);
} var calculateRect = function(color, x1, y1, w, h)
if (styleInfo.TotalsRowCount)//total row
{ {
color = null;
if (styleOptions.totalRow && styleOptions.totalRow.dxf.fill && null != styleOptions.totalRow.dxf.fill.bg) {
color = styleOptions.totalRow.dxf.fill.bg;
}
if (color !== null) {
ctx.setFillStyle(color);
ctx.fillRect(0, stepY * 4, xSize, stepY);
}
}
//первая ячейка
if (styleOptions.firstHeaderCell && styleInfo.ShowFirstColumn) {
if (styleOptions.firstHeaderCell && styleOptions.firstHeaderCell.dxf.fill &&
null != styleOptions.firstHeaderCell.dxf.fill.bg) {
ctx.setFillStyle(styleOptions.firstHeaderCell.dxf.fill.bg);
} else {
ctx.setFillStyle(defaultColorBackground);
}
ctx.fillRect(0, 0, stepX, stepY);
}
//последняя в первой строке
if (styleOptions.lastHeaderCell && styleInfo.ShowLastColumn) {
if (styleOptions.lastHeaderCell && styleOptions.lastHeaderCell.dxf.fill &&
null != styleOptions.lastHeaderCell.dxf.fill.bg) {
ctx.setFillStyle(styleOptions.lastHeaderCell.dxf.fill.bg);
} else {
ctx.setFillStyle(defaultColorBackground);
}
ctx.fillRect(4 * stepX, 0, stepX, stepY);
}
//первая в последней строке
if (styleOptions.firstTotalCell && styleInfo.TotalsRowCount && styleInfo.ShowFirstColumn) {
if (styleOptions.firstTotalCell && styleOptions.firstTotalCell.dxf.fill &&
null != styleOptions.firstTotalCell.dxf.fill.bg) {
ctx.setFillStyle(styleOptions.firstTotalCell.dxf.fill.bg);
} else {
ctx.setFillStyle(defaultColorBackground);
}
ctx.fillRect(0, 4 * stepY, stepX, stepY);
}
//последняя ячейка
if (styleOptions.lastTotalCell && styleInfo.TotalsRowCount && styleInfo.ShowLastColumn) {
if (styleOptions.lastTotalCell && styleOptions.lastTotalCell.dxf.fill &&
null != styleOptions.lastTotalCell.dxf.fill.bg) {
ctx.setFillStyle(styleOptions.lastTotalCell.dxf.fill.bg);
} else {
ctx.setFillStyle(defaultColorBackground);
}
ctx.fillRect(4 * stepX, 4 * stepY, stepX, ySize);
}
} else {
ctx.setFillStyle(whiteColor);
ctx.fillRect(0, 0, xSize, ySize);
}
//**draw vertical and horizontal lines**
if (styleOptions != undefined) {
ctx.setLineWidth(1);
ctx.beginPath(); ctx.beginPath();
if (styleOptions.wholeTable && styleOptions.wholeTable.dxf.border) { ctx.setFillStyle(color);
var borders = styleOptions.wholeTable.dxf.border; ctx.fillRect(x1 + startX, y1 + startY, w, h);
if (borders.t.s !== c_oAscBorderStyles.None) { ctx.closePath();
ctx.setStrokeStyle(borders.t.c); };
ctx.lineHor(0, 0, xSize);
}
if (borders.b.s !== c_oAscBorderStyles.None) {
ctx.setStrokeStyle(borders.b.c);
ctx.lineHor(0, ySize, xSize);
}
if (borders.l.s !== c_oAscBorderStyles.None) {
ctx.setStrokeStyle(borders.l.c);
ctx.lineVer(0, 0, ySize);
}
if (borders.r.s !== c_oAscBorderStyles.None) {
ctx.setStrokeStyle(borders.r.c);
ctx.lineVer(xSize - 1, 0, ySize);
}
if (borders.ih.s !== c_oAscBorderStyles.None) {
ctx.setStrokeStyle(borders.ih.c);
for (var n = 1; n < 5; n++) {
ctx.lineHor(0, stepY * n, xSize);
}
ctx.stroke();
}
if (borders.iv.s !== c_oAscBorderStyles.None) {
ctx.setStrokeStyle(borders.iv.c);
for (var n = 1; n < 5; n++) {
ctx.lineVer(stepX * n, 0, ySize);
}
ctx.stroke();
}
} var bbox = {c1: 0, r1: 0, c2: 4, r2: 4};
for (var i = 0; i < 5; i++) {
for (var j = 0; j < 5; j++) {
var color = null;
var curStyle = style.getStyle(bbox, i, j, styleInfo, headerRowCount, totalsRowCount);
var border; //fill
if (styleInfo.ShowRowStripes) { if(curStyle && curStyle.fill && curStyle.fill.bg)
if (styleOptions.firstRowStripe && styleOptions.firstRowStripe.dxf.border) { {
border = styleOptions.firstRowStripe.dxf.border; color = curStyle.fill.bg;
} else if (styleOptions.secondRowStripe && styleOptions.secondRowStripe.dxf.border) { calculateRect(color, j * stepX, i * stepY, (j + 1) * stepX - j * stepX, (i + 1) * stepY - i * stepY);
border = styleOptions.secondRowStripe.dxf.border;
} }
if (border) { //borders
for (n = 1; n < 5; n++) { //left
ctx.lineHor(0, stepY * n, xSize); if(curStyle && curStyle.border && curStyle.border.l && curStyle.border.l.w !== 0)
}
ctx.stroke();
}
}
if (styleOptions.totalRow && styleInfo.TotalsRowCount && styleOptions.totalRow.dxf.border) {
border = styleOptions.totalRow.dxf.border;
if (border.t.s !== c_oAscBorderStyles.None) {
ctx.setStrokeStyle(border.t.c);
ctx.lineVer(0, xSize, ySize);
}
}
if (styleOptions.headerRow && styleOptions.headerRow.dxf.border && styleInfo.HeaderRowCount)//header row
{ {
border = styleOptions.headerRow.dxf.border; color = curStyle.border.l.c;
if (border.t.s !== c_oAscBorderStyles.None) { calculateLineVer(color, j * stepX, i * stepY, (i + 1) * stepY);
ctx.setStrokeStyle(border.t.c);
ctx.lineHor(0, 0, xSize);
} }
if (border.b.s !== c_oAscBorderStyles.None) { //right
ctx.setStrokeStyle(border.b.c); if(curStyle && curStyle.border && curStyle.border.r && curStyle.border.r.w !== 0)
ctx.lineHor(0, stepY, xSize); {
} color = curStyle.border.r.c;
ctx.stroke(); calculateLineVer(color, (j + 1) * stepX, i * stepY, (i + 1) * stepY);
} }
ctx.closePath(); //top
if(curStyle && curStyle.border && curStyle.border.t && curStyle.border.t.w !== 0)
{
color = curStyle.border.t.c;
calculateLineHor(color, j * stepX, i * stepY, (j + 1) * stepX);
} }
//bottom
//**draw marks line** if(curStyle && curStyle.border && curStyle.border.b && curStyle.border.b.w !== 0)
var defaultColor; {
if (!styleOptions || !styleOptions.wholeTable || !styleOptions.wholeTable.dxf.font) { color = curStyle.border.b.c;
defaultColor = blackColor; calculateLineHor(color, j * stepX, (i + 1) * stepY, (j + 1) * stepX);
} else {
defaultColor = styleOptions.wholeTable.dxf.font.getColor();
} }
var headerRowCount = 1; //marks
var totalsRowCount = 0; var color = defaultColor;
if(null != styleInfo.HeaderRowCount)
headerRowCount = styleInfo.HeaderRowCount;
if(null != styleInfo.TotalsRowCount)
totalsRowCount = styleInfo.TotalsRowCount;
var bbox = {c1: 0, r1: 0, c2: 4, r2: 4};
for (var i = 0; i < 5; i++) {
var strY = (i + 1) * stepY - stepY / 2;
for (var j = 0; j < 5; j++) {
color = defaultColor;
var curStyle = style.getStyle(bbox, i, j, styleInfo, headerRowCount, totalsRowCount);
if(curStyle && curStyle.font && curStyle.font.c) if(curStyle && curStyle.font && curStyle.font.c)
{ {
color = curStyle.font.c; color = curStyle.font.c;
} }
calculateLineHor(color, j * stepX + 3 * pxToMM, (i + 1) * stepY - stepY / 2, (j + 1) * stepX - 2 * pxToMM);
ctx.beginPath();
ctx.setStrokeStyle(color);
ctx.lineHor(j * stepX + 3 * pxToMM, strY, (j + 1) * stepX - 2 * pxToMM);
ctx.stroke();
ctx.closePath();
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7