"
+ var node_ph_type_ary = [];
+ if (nodesSldLayout !== undefined) {
+ for (var nodeKey in nodesSldLayout) {
+ if (nodesSldLayout[nodeKey].constructor === Array) {
+ for (var i = 0; i < nodesSldLayout[nodeKey].length; i++) {
+ var ph_type = getTextByPathList(nodesSldLayout[nodeKey][i], ["p:nvSpPr", "p:nvPr", "p:ph", "attrs", "type"]);
+ // if (ph_type !== undefined && ph_type != "pic") {
+ // node_ph_type_ary.push(ph_type);
+ // }
+ if (ph_type != "pic") {
+ result += processNodesInSlide(nodeKey, nodesSldLayout[nodeKey][i], nodesSldLayout, warpObj, "slideLayoutBg"); //slideLayoutBg , slideMasterBg
+ }
+ }
+ } else {
+ var ph_type = getTextByPathList(nodesSldLayout[nodeKey], ["p:nvSpPr", "p:nvPr", "p:ph", "attrs", "type"]);
+ // if (ph_type !== undefined && ph_type != "pic") {
+ // node_ph_type_ary.push(ph_type);
+ // }
+ if (ph_type != "pic") {
+ result += processNodesInSlide(nodeKey, nodesSldLayout[nodeKey], nodesSldLayout, warpObj, "slideLayoutBg"); //slideLayoutBg, slideMasterBg
+ }
+ }
+ }
+ }
+ if (nodesSldMaster !== undefined && (showMasterSp == "1" || showMasterSp === undefined)) {
+ for (var nodeKey in nodesSldMaster) {
+ if (nodesSldMaster[nodeKey].constructor === Array) {
+ for (var i = 0; i < nodesSldMaster[nodeKey].length; i++) {
+ var ph_type = getTextByPathList(nodesSldMaster[nodeKey][i], ["p:nvSpPr", "p:nvPr", "p:ph", "attrs", "type"]);
+ //if (node_ph_type_ary.indexOf(ph_type) > -1) {
+ result += processNodesInSlide(nodeKey, nodesSldMaster[nodeKey][i], nodesSldMaster, warpObj, "slideMasterBg"); //slideLayoutBg , slideMasterBg
+ //}
+ }
+ } else {
+ var ph_type = getTextByPathList(nodesSldMaster[nodeKey], ["p:nvSpPr", "p:nvPr", "p:ph", "attrs", "type"]);
+ //if (node_ph_type_ary.indexOf(ph_type) > -1) {
+ result += processNodesInSlide(nodeKey, nodesSldMaster[nodeKey], nodesSldMaster, warpObj, "slideMasterBg"); //slideLayoutBg, slideMasterBg
+ //}
+ }
+ }
+ }
+ return result;
+
+ }
+ function getSlideBackgroundFill(warpObj, index) {
+ var slideContent = warpObj["slideContent"];
+ var slideLayoutContent = warpObj["slideLayoutContent"];
+ var slideMasterContent = warpObj["slideMasterContent"];
+
+ //console.log("slideContent: ", slideContent)
+ //console.log("slideLayoutContent: ", slideLayoutContent)
+ //console.log("slideMasterContent: ", slideMasterContent)
+ //getFillType(node)
+ var bgPr = getTextByPathList(slideContent, ["p:sld", "p:cSld", "p:bg", "p:bgPr"]);
+ var bgRef = getTextByPathList(slideContent, ["p:sld", "p:cSld", "p:bg", "p:bgRef"]);
+ //console.log("slideContent >> bgPr: ", bgPr, ", bgRef: ", bgRef)
+ var bgcolor;
+ if (bgPr !== undefined) {
+ //bgcolor = "background-color: blue;";
+ var bgFillTyp = getFillType(bgPr);
+
+ if (bgFillTyp == "SOLID_FILL") {
+ var sldFill = bgPr["a:solidFill"];
+ var clrMapOvr;
+ var sldClrMapOvr = getTextByPathList(slideContent, ["p:sld", "p:clrMapOvr", "a:overrideClrMapping", "attrs"]);
+ if (sldClrMapOvr !== undefined) {
+ clrMapOvr = sldClrMapOvr;
+ } else {
+ var sldClrMapOvr = getTextByPathList(slideLayoutContent, ["p:sldLayout", "p:clrMapOvr", "a:overrideClrMapping", "attrs"]);
+ if (sldClrMapOvr !== undefined) {
+ clrMapOvr = sldClrMapOvr;
+ } else {
+ clrMapOvr = getTextByPathList(slideMasterContent, ["p:sldMaster", "p:clrMap", "attrs"]);
+ }
+
+ }
+ var sldBgClr = getSolidFill(sldFill, clrMapOvr, undefined, warpObj);
+ //var sldTint = getColorOpacity(sldFill);
+ //console.log("bgColor: ", bgColor)
+ //bgcolor = "background: rgba(" + hexToRgbNew(bgColor) + "," + sldTint + ");";
+ bgcolor = "background: #" + sldBgClr + ";";
+
+ } else if (bgFillTyp == "GRADIENT_FILL") {
+ bgcolor = getBgGradientFill(bgPr, undefined, slideMasterContent, warpObj);
+ } else if (bgFillTyp == "PIC_FILL") {
+ //console.log("PIC_FILL - ", bgFillTyp, bgPr, warpObj);
+ bgcolor = getBgPicFill(bgPr, "slideBg", warpObj, undefined, index);
+
+ }
+ //console.log(slideContent,slideMasterContent,color_ary,tint_ary,rot,bgcolor)
+ } else if (bgRef !== undefined) {
+ //console.log("slideContent",bgRef)
+ var clrMapOvr;
+ var sldClrMapOvr = getTextByPathList(slideContent, ["p:sld", "p:clrMapOvr", "a:overrideClrMapping", "attrs"]);
+ if (sldClrMapOvr !== undefined) {
+ clrMapOvr = sldClrMapOvr;
+ } else {
+ var sldClrMapOvr = getTextByPathList(slideLayoutContent, ["p:sldLayout", "p:clrMapOvr", "a:overrideClrMapping", "attrs"]);
+ if (sldClrMapOvr !== undefined) {
+ clrMapOvr = sldClrMapOvr;
+ } else {
+ clrMapOvr = getTextByPathList(slideMasterContent, ["p:sldMaster", "p:clrMap", "attrs"]);
+ }
+
+ }
+ var phClr = getSolidFill(bgRef, clrMapOvr, undefined, warpObj);
+
+ // if (bgRef["a:srgbClr"] !== undefined) {
+ // phClr = getTextByPathList(bgRef, ["a:srgbClr", "attrs", "val"]); //#...
+ // } else if (bgRef["a:schemeClr"] !== undefined) { //a:schemeClr
+ // var schemeClr = getTextByPathList(bgRef, ["a:schemeClr", "attrs", "val"]);
+ // phClr = getSchemeColorFromTheme("a:" + schemeClr, slideMasterContent, undefined); //#...
+ // }
+ var idx = Number(bgRef["attrs"]["idx"]);
+
+
+ if (idx == 0 || idx == 1000) {
+ //no background
+ } else if (idx > 0 && idx < 1000) {
+ //fillStyleLst in themeContent
+ //themeContent["a:fmtScheme"]["a:fillStyleLst"]
+ //bgcolor = "background: red;";
+ } else if (idx > 1000) {
+ //bgFillStyleLst in themeContent
+ //themeContent["a:fmtScheme"]["a:bgFillStyleLst"]
+ var trueIdx = idx - 1000;
+ // themeContent["a:theme"]["a:themeElements"]["a:fmtScheme"]["a:bgFillStyleLst"];
+ var bgFillLst = warpObj["themeContent"]["a:theme"]["a:themeElements"]["a:fmtScheme"]["a:bgFillStyleLst"];
+ var sortblAry = [];
+ Object.keys(bgFillLst).forEach(function (key) {
+ var bgFillLstTyp = bgFillLst[key];
+ if (key != "attrs") {
+ if (bgFillLstTyp.constructor === Array) {
+ for (var i = 0; i < bgFillLstTyp.length; i++) {
+ var obj = {};
+ obj[key] = bgFillLstTyp[i];
+ obj["idex"] = bgFillLstTyp[i]["attrs"]["order"];
+ obj["attrs"] = {
+ "order": bgFillLstTyp[i]["attrs"]["order"]
+ }
+ sortblAry.push(obj)
+ }
+ } else {
+ var obj = {};
+ obj[key] = bgFillLstTyp;
+ obj["idex"] = bgFillLstTyp["attrs"]["order"];
+ obj["attrs"] = {
+ "order": bgFillLstTyp["attrs"]["order"]
+ }
+ sortblAry.push(obj)
+ }
+ }
+ });
+ var sortByOrder = sortblAry.slice(0);
+ sortByOrder.sort(function (a, b) {
+ return a.idex - b.idex;
+ });
+ var bgFillLstIdx = sortByOrder[trueIdx - 1];
+ var bgFillTyp = getFillType(bgFillLstIdx);
+ if (bgFillTyp == "SOLID_FILL") {
+ var sldFill = bgFillLstIdx["a:solidFill"];
+ var sldBgClr = getSolidFill(sldFill, clrMapOvr, undefined, warpObj);
+ //var sldTint = getColorOpacity(sldFill);
+ //bgcolor = "background: rgba(" + hexToRgbNew(phClr) + "," + sldTint + ");";
+ bgcolor = "background: #" + sldBgClr + ";";
+ //console.log("slideMasterContent - sldFill",sldFill)
+ } else if (bgFillTyp == "GRADIENT_FILL") {
+ bgcolor = getBgGradientFill(bgFillLstIdx, phClr, slideMasterContent, warpObj);
+ } else {
+ console.log(bgFillTyp)
+ }
+ }
+
+ }
+ else {
+ bgPr = getTextByPathList(slideLayoutContent, ["p:sldLayout", "p:cSld", "p:bg", "p:bgPr"]);
+ bgRef = getTextByPathList(slideLayoutContent, ["p:sldLayout", "p:cSld", "p:bg", "p:bgRef"]);
+ //console.log("slideLayoutContent >> bgPr: ", bgPr, ", bgRef: ", bgRef)
+ var clrMapOvr;
+ var sldClrMapOvr = getTextByPathList(slideLayoutContent, ["p:sldLayout", "p:clrMapOvr", "a:overrideClrMapping", "attrs"]);
+ if (sldClrMapOvr !== undefined) {
+ clrMapOvr = sldClrMapOvr;
+ } else {
+ clrMapOvr = getTextByPathList(slideMasterContent, ["p:sldMaster", "p:clrMap", "attrs"]);
+ }
+ if (bgPr !== undefined) {
+ var bgFillTyp = getFillType(bgPr);
+ if (bgFillTyp == "SOLID_FILL") {
+ var sldFill = bgPr["a:solidFill"];
+
+ var sldBgClr = getSolidFill(sldFill, clrMapOvr, undefined, warpObj);
+ //var sldTint = getColorOpacity(sldFill);
+ // bgcolor = "background: rgba(" + hexToRgbNew(bgColor) + "," + sldTint + ");";
+ bgcolor = "background: #" + sldBgClr + ";";
+ } else if (bgFillTyp == "GRADIENT_FILL") {
+ bgcolor = getBgGradientFill(bgPr, undefined, slideMasterContent, warpObj);
+ } else if (bgFillTyp == "PIC_FILL") {
+ bgcolor = getBgPicFill(bgPr, "slideLayoutBg", warpObj, undefined, index);
+
+ }
+ //console.log("slideLayoutContent",bgcolor)
+ } else if (bgRef !== undefined) {
+ console.log("slideLayoutContent: bgRef", bgRef)
+ //bgcolor = "background: white;";
+ var phClr = getSolidFill(bgRef, clrMapOvr, undefined, warpObj);
+ var idx = Number(bgRef["attrs"]["idx"]);
+ //console.log("phClr=", phClr, "idx=", idx)
+
+ if (idx == 0 || idx == 1000) {
+ //no background
+ } else if (idx > 0 && idx < 1000) {
+ //fillStyleLst in themeContent
+ //themeContent["a:fmtScheme"]["a:fillStyleLst"]
+ //bgcolor = "background: red;";
+ } else if (idx > 1000) {
+ //bgFillStyleLst in themeContent
+ //themeContent["a:fmtScheme"]["a:bgFillStyleLst"]
+ var trueIdx = idx - 1000;
+ var bgFillLst = warpObj["themeContent"]["a:theme"]["a:themeElements"]["a:fmtScheme"]["a:bgFillStyleLst"];
+ var sortblAry = [];
+ Object.keys(bgFillLst).forEach(function (key) {
+ //console.log("cubicBezTo[" + key + "]:");
+ var bgFillLstTyp = bgFillLst[key];
+ if (key != "attrs") {
+ if (bgFillLstTyp.constructor === Array) {
+ for (var i = 0; i < bgFillLstTyp.length; i++) {
+ var obj = {};
+ obj[key] = bgFillLstTyp[i];
+ obj["idex"] = bgFillLstTyp[i]["attrs"]["order"];
+ obj["attrs"] = {
+ "order": bgFillLstTyp[i]["attrs"]["order"]
+ }
+ sortblAry.push(obj)
+ }
+ } else {
+ var obj = {};
+ obj[key] = bgFillLstTyp;
+ obj["idex"] = bgFillLstTyp["attrs"]["order"];
+ obj["attrs"] = {
+ "order": bgFillLstTyp["attrs"]["order"]
+ }
+ sortblAry.push(obj)
+ }
+ }
+ });
+ var sortByOrder = sortblAry.slice(0);
+ sortByOrder.sort(function (a, b) {
+ return a.idex - b.idex;
+ });
+ var bgFillLstIdx = sortByOrder[trueIdx - 1];
+ var bgFillTyp = getFillType(bgFillLstIdx);
+ if (bgFillTyp == "SOLID_FILL") {
+ var sldFill = bgFillLstIdx["a:solidFill"];
+ //console.log("sldFill: ", sldFill)
+ //var sldTint = getColorOpacity(sldFill);
+ //bgcolor = "background: rgba(" + hexToRgbNew(phClr) + "," + sldTint + ");";
+ var sldBgClr = getSolidFill(sldFill, clrMapOvr, phClr, warpObj);
+ //console.log("bgcolor: ", bgcolor)
+ bgcolor = "background: #" + sldBgClr + ";";
+ } else if (bgFillTyp == "GRADIENT_FILL") {
+ //console.log("GRADIENT_FILL: ", bgFillLstIdx, phClr)
+ bgcolor = getBgGradientFill(bgFillLstIdx, phClr, slideMasterContent, warpObj);
+ } else if (bgFillTyp == "PIC_FILL") {
+ //theme rels
+ //console.log("PIC_FILL - ", bgFillTyp, bgFillLstIdx, bgFillLst, warpObj);
+ bgcolor = getBgPicFill(bgFillLstIdx, "themeBg", warpObj, phClr, index);
+ } else {
+ console.log(bgFillTyp)
+ }
+ }
+ } else {
+ bgPr = getTextByPathList(slideMasterContent, ["p:sldMaster", "p:cSld", "p:bg", "p:bgPr"]);
+ bgRef = getTextByPathList(slideMasterContent, ["p:sldMaster", "p:cSld", "p:bg", "p:bgRef"]);
+
+ var clrMap = getTextByPathList(slideMasterContent, ["p:sldMaster", "p:clrMap", "attrs"]);
+ //console.log("slideMasterContent >> bgPr: ", bgPr, ", bgRef: ", bgRef)
+ if (bgPr !== undefined) {
+ var bgFillTyp = getFillType(bgPr);
+ if (bgFillTyp == "SOLID_FILL") {
+ var sldFill = bgPr["a:solidFill"];
+ var sldBgClr = getSolidFill(sldFill, clrMap, undefined, warpObj);
+ // var sldTint = getColorOpacity(sldFill);
+ // bgcolor = "background: rgba(" + hexToRgbNew(bgColor) + "," + sldTint + ");";
+ bgcolor = "background: #" + sldBgClr + ";";
+ } else if (bgFillTyp == "GRADIENT_FILL") {
+ bgcolor = getBgGradientFill(bgPr, undefined, slideMasterContent, warpObj);
+ } else if (bgFillTyp == "PIC_FILL") {
+ bgcolor = getBgPicFill(bgPr, "slideMasterBg", warpObj, undefined, index);
+ }
+ } else if (bgRef !== undefined) {
+ //var obj={
+ // "a:solidFill": bgRef
+ //}
+ var phClr = getSolidFill(bgRef, clrMap, undefined, warpObj);
+ // var phClr;
+ // if (bgRef["a:srgbClr"] !== undefined) {
+ // phClr = getTextByPathList(bgRef, ["a:srgbClr", "attrs", "val"]); //#...
+ // } else if (bgRef["a:schemeClr"] !== undefined) { //a:schemeClr
+ // var schemeClr = getTextByPathList(bgRef, ["a:schemeClr", "attrs", "val"]);
+
+ // phClr = getSchemeColorFromTheme("a:" + schemeClr, slideMasterContent, undefined); //#...
+ // }
+ var idx = Number(bgRef["attrs"]["idx"]);
+ //console.log("phClr=", phClr, "idx=", idx)
+
+ if (idx == 0 || idx == 1000) {
+ //no background
+ } else if (idx > 0 && idx < 1000) {
+ //fillStyleLst in themeContent
+ //themeContent["a:fmtScheme"]["a:fillStyleLst"]
+ //bgcolor = "background: red;";
+ } else if (idx > 1000) {
+ //bgFillStyleLst in themeContent
+ //themeContent["a:fmtScheme"]["a:bgFillStyleLst"]
+ var trueIdx = idx - 1000;
+ var bgFillLst = warpObj["themeContent"]["a:theme"]["a:themeElements"]["a:fmtScheme"]["a:bgFillStyleLst"];
+ var sortblAry = [];
+ Object.keys(bgFillLst).forEach(function (key) {
+ //console.log("cubicBezTo[" + key + "]:");
+ var bgFillLstTyp = bgFillLst[key];
+ if (key != "attrs") {
+ if (bgFillLstTyp.constructor === Array) {
+ for (var i = 0; i < bgFillLstTyp.length; i++) {
+ var obj = {};
+ obj[key] = bgFillLstTyp[i];
+ obj["idex"] = bgFillLstTyp[i]["attrs"]["order"];
+ obj["attrs"] = {
+ "order": bgFillLstTyp[i]["attrs"]["order"]
+ }
+ sortblAry.push(obj)
+ }
+ } else {
+ var obj = {};
+ obj[key] = bgFillLstTyp;
+ obj["idex"] = bgFillLstTyp["attrs"]["order"];
+ obj["attrs"] = {
+ "order": bgFillLstTyp["attrs"]["order"]
+ }
+ sortblAry.push(obj)
+ }
+ }
+ });
+ var sortByOrder = sortblAry.slice(0);
+ sortByOrder.sort(function (a, b) {
+ return a.idex - b.idex;
+ });
+ var bgFillLstIdx = sortByOrder[trueIdx - 1];
+ var bgFillTyp = getFillType(bgFillLstIdx);
+ //console.log("bgFillLstIdx: ", bgFillLstIdx, ", bgFillTyp: ", bgFillTyp, ", phClr: ", phClr);
+ if (bgFillTyp == "SOLID_FILL") {
+ var sldFill = bgFillLstIdx["a:solidFill"];
+ //console.log("sldFill: ", sldFill)
+ //var sldTint = getColorOpacity(sldFill);
+ //bgcolor = "background: rgba(" + hexToRgbNew(phClr) + "," + sldTint + ");";
+ var sldBgClr = getSolidFill(sldFill, clrMap, phClr, warpObj);
+ //console.log("bgcolor: ", bgcolor)
+ bgcolor = "background: #" + sldBgClr + ";";
+ } else if (bgFillTyp == "GRADIENT_FILL") {
+ //console.log("GRADIENT_FILL: ", bgFillLstIdx, phClr)
+ bgcolor = getBgGradientFill(bgFillLstIdx, phClr, slideMasterContent, warpObj);
+ } else if (bgFillTyp == "PIC_FILL") {
+ //theme rels
+ // console.log("PIC_FILL - ", bgFillTyp, bgFillLstIdx, bgFillLst, warpObj);
+ bgcolor = getBgPicFill(bgFillLstIdx, "themeBg", warpObj, phClr, index);
+ } else {
+ console.log(bgFillTyp)
+ }
+ }
+ }
+ }
+ }
+
+ //console.log("bgcolor: ", bgcolor)
+ return bgcolor;
+ }
+ function getBgGradientFill(bgPr, phClr, slideMasterContent, warpObj) {
+ var bgcolor = "";
+ if (bgPr !== undefined) {
+ var grdFill = bgPr["a:gradFill"];
+ var gsLst = grdFill["a:gsLst"]["a:gs"];
+ //var startColorNode, endColorNode;
+ var color_ary = [];
+ var pos_ary = [];
+ //var tint_ary = [];
+ for (var i = 0; i < gsLst.length; i++) {
+ var lo_tint;
+ var lo_color = "";
+ var lo_color = getSolidFill(gsLst[i], slideMasterContent["p:sldMaster"]["p:clrMap"]["attrs"], phClr, warpObj);
+ var pos = getTextByPathList(gsLst[i], ["attrs", "pos"])
+ //console.log("pos: ", pos)
+ if (pos !== undefined) {
+ pos_ary[i] = pos / 1000 + "%";
+ } else {
+ pos_ary[i] = "";
+ }
+ //console.log("lo_color", lo_color)
+ color_ary[i] = "#" + lo_color;
+ //tint_ary[i] = (lo_tint !== undefined) ? parseInt(lo_tint) / 100000 : 1;
+ }
+ //get rot
+ var lin = grdFill["a:lin"];
+ var rot = 90;
+ if (lin !== undefined) {
+ rot = angleToDegrees(lin["attrs"]["ang"]);// + 270;
+ //console.log("rot: ", rot)
+ rot = rot + 90;
+ }
+ bgcolor = "background: linear-gradient(" + rot + "deg,";
+ for (var i = 0; i < gsLst.length; i++) {
+ if (i == gsLst.length - 1) {
+ //if (phClr === undefined) {
+ //bgcolor += "rgba(" + hexToRgbNew(color_ary[i]) + "," + tint_ary[i] + ")" + ");";
+ bgcolor += color_ary[i] + " " + pos_ary[i] + ");";
+ //} else {
+ //bgcolor += "rgba(" + hexToRgbNew(phClr) + "," + tint_ary[i] + ")" + ");";
+ // bgcolor += "" + phClr + ";";;
+ //}
+ } else {
+ //if (phClr === undefined) {
+ //bgcolor += "rgba(" + hexToRgbNew(color_ary[i]) + "," + tint_ary[i] + ")" + ", ";
+ bgcolor += color_ary[i] + " " + pos_ary[i] + ", ";;
+ //} else {
+ //bgcolor += "rgba(" + hexToRgbNew(phClr) + "," + tint_ary[i] + ")" + ", ";
+ // bgcolor += phClr + ", ";
+ //}
+ }
+ }
+ } else {
+ if (phClr !== undefined) {
+ //bgcolor = "rgba(" + hexToRgbNew(phClr) + ",0);";
+ //bgcolor = phClr + ");";
+ bgcolor = "background: #" + phClr + ";";
+ }
+ }
+ return bgcolor;
+ }
+ function getBgPicFill(bgPr, sorce, warpObj, phClr, index) {
+ //console.log("getBgPicFill bgPr", bgPr)
+ var bgcolor;
+ var picFillBase64 = getPicFill(sorce, bgPr["a:blipFill"], warpObj);
+ var ordr = bgPr["attrs"]["order"];
+ var aBlipNode = bgPr["a:blipFill"]["a:blip"];
+ //a:duotone
+ var duotone = getTextByPathList(aBlipNode, ["a:duotone"]);
+ if (duotone !== undefined) {
+ //console.log("pic duotone: ", duotone)
+ var clr_ary = [];
+ // duotone.forEach(function (clr) {
+ // console.log("pic duotone clr: ", clr)
+ // })
+ Object.keys(duotone).forEach(function (clr_type) {
+ //console.log("pic duotone clr: clr_type: ", clr_type, duotone[clr_type])
+ if (clr_type != "attrs") {
+ var obj = {};
+ obj[clr_type] = duotone[clr_type];
+ clr_ary.push(getSolidFill(obj, undefined, phClr, warpObj));
+ }
+ // Object.keys(duotone[clr_type]).forEach(function (clr) {
+ // if (clr != "order") {
+ // var obj = {};
+ // obj[clr_type] = duotone[clr_type][clr];
+ // clr_ary.push(getSolidFill(obj, undefined, phClr, warpObj));
+ // }
+ // })
+ })
+ //console.log("pic duotone clr_ary: ", clr_ary);
+ //filter: url(file.svg#filter-element-id)
+ //https://codepen.io/bhenbe/pen/QEZOvd
+ //https://www.w3schools.com/cssref/css3_pr_filter.asp
+
+ // var color1 = clr_ary[0];
+ // var color2 = clr_ary[1];
+ // var cssName = "";
+
+ // var styleText_before_after = "content: '';" +
+ // "display: block;" +
+ // "width: 100%;" +
+ // "height: 100%;" +
+ // // "z-index: 1;" +
+ // "position: absolute;" +
+ // "top: 0;" +
+ // "left: 0;";
+
+ // var cssName = "slide-background-" + index + "::before," + " .slide-background-" + index + "::after";
+ // styleTable[styleText_before_after] = {
+ // "name": cssName,
+ // "text": styleText_before_after
+ // };
+
+
+ // var styleText_after = "background-color: #" + clr_ary[1] + ";" +
+ // "mix-blend-mode: darken;";
+
+ // cssName = "slide-background-" + index + "::after";
+ // styleTable[styleText_after] = {
+ // "name": cssName,
+ // "text": styleText_after
+ // };
+
+ // var styleText_before = "background-color: #" + clr_ary[0] + ";" +
+ // "mix-blend-mode: lighten;";
+
+ // cssName = "slide-background-" + index + "::before";
+ // styleTable[styleText_before] = {
+ // "name": cssName,
+ // "text": styleText_before
+ // };
+
+ }
+ //a:alphaModFix
+ var aphaModFixNode = getTextByPathList(aBlipNode, ["a:alphaModFix", "attrs"])
+ var imgOpacity = "";
+ if (aphaModFixNode !== undefined && aphaModFixNode["amt"] !== undefined && aphaModFixNode["amt"] != "") {
+ var amt = parseInt(aphaModFixNode["amt"]) / 100000;
+ //var opacity = amt;
+ imgOpacity = "opacity:" + amt + ";";
+
+ }
+ //a:tile
+
+ var tileNode = getTextByPathList(bgPr, ["a:blipFill", "a:tile", "attrs"])
+ var prop_style = "";
+ if (tileNode !== undefined && tileNode["sx"] !== undefined) {
+ var sx = (parseInt(tileNode["sx"]) / 100000);
+ var sy = (parseInt(tileNode["sy"]) / 100000);
+ var tx = (parseInt(tileNode["tx"]) / 100000);
+ var ty = (parseInt(tileNode["ty"]) / 100000);
+ var algn = tileNode["algn"]; //tl(top left),t(top), tr(top right), l(left), ctr(center), r(right), bl(bottom left), b(bottm) , br(bottom right)
+ var flip = tileNode["flip"]; //none,x,y ,xy
+
+ prop_style += "background-repeat: round;"; //repeat|repeat-x|repeat-y|no-repeat|space|round|initial|inherit;
+ //prop_style += "background-size: 300px 100px;"; size (w,h,sx, sy) -TODO
+ //prop_style += "background-position: 50% 40%;"; //offset (tx, ty) -TODO
+ }
+ //a:srcRect
+ //a:stretch => a:fillRect =>attrs (l:-17000, r:-17000)
+ var stretch = getTextByPathList(bgPr, ["a:blipFill", "a:stretch"]);
+ if (stretch !== undefined) {
+ var fillRect = getTextByPathList(stretch, ["a:fillRect", "attrs"]);
+ //console.log("getBgPicFill=>bgPr: ", bgPr)
+ // var top = fillRect["t"], right = fillRect["r"], bottom = fillRect["b"], left = fillRect["l"];
+ prop_style += "background-repeat: no-repeat;";
+ prop_style += "background-position: center;";
+ if (fillRect !== undefined) {
+ //prop_style += "background-size: contain, cover;";
+ prop_style += "background-size: 100% 100%;;";
+ }
+ }
+ bgcolor = "background: url(" + picFillBase64 + "); z-index: " + ordr + ";" + prop_style + imgOpacity;
+
+ return bgcolor;
+ }
+ // function hexToRgbNew(hex) {
+ // var arrBuff = new ArrayBuffer(4);
+ // var vw = new DataView(arrBuff);
+ // vw.setUint32(0, parseInt(hex, 16), false);
+ // var arrByte = new Uint8Array(arrBuff);
+ // return arrByte[1] + "," + arrByte[2] + "," + arrByte[3];
+ // }
+ function getShapeFill(node, pNode, isSvgMode, warpObj, source) {
+
+ // 1. presentationML
+ // p:spPr/ [a:noFill, solidFill, gradFill, blipFill, pattFill, grpFill]
+ // From slide
+ //Fill Type:
+ //console.log("getShapeFill ShapeFill: ", node, ", isSvgMode; ", isSvgMode)
+ var fillType = getFillType(getTextByPathList(node, ["p:spPr"]));
+ //var noFill = getTextByPathList(node, ["p:spPr", "a:noFill"]);
+ var fillColor;
+ if (fillType == "NO_FILL") {
+ return isSvgMode ? "none" : "";//"background-color: initial;";
+ } else if (fillType == "SOLID_FILL") {
+ var shpFill = node["p:spPr"]["a:solidFill"];
+ fillColor = getSolidFill(shpFill, undefined, undefined, warpObj);
+ } else if (fillType == "GRADIENT_FILL") {
+ var shpFill = node["p:spPr"]["a:gradFill"];
+ fillColor = getGradientFill(shpFill, warpObj);
+ //console.log("shpFill",shpFill,grndColor.color)
+ } else if (fillType == "PATTERN_FILL") {
+ var shpFill = node["p:spPr"]["a:pattFill"];
+ fillColor = getPatternFill(shpFill, warpObj);
+ } else if (fillType == "PIC_FILL") {
+ var shpFill = node["p:spPr"]["a:blipFill"];
+ fillColor = getPicFill(source, shpFill, warpObj);
+ }
+ //console.log("getShapeFill ShapeFill: ", node, ", isSvgMode; ", isSvgMode, ", fillType: ", fillType, ", fillColor: ", fillColor, ", source: ", source)
+
+
+ // 2. drawingML namespace
+ if (fillColor === undefined) {
+ var clrName = getTextByPathList(node, ["p:style", "a:fillRef"]);
+ var idx = parseInt(getTextByPathList(node, ["p:style", "a:fillRef", "attrs", "idx"]));
+ if (idx == 0 || idx == 1000) {
+ //no fill
+ return isSvgMode ? "none" : "";
+ } else if (idx > 0 && idx < 1000) {
+ //
fill
+ } else if (idx > 1000) {
+ //
+ }
+ fillColor = getSolidFill(clrName, undefined, undefined, warpObj);
+ }
+ // 3. is group fill
+ if (fillColor === undefined) {
+ var grpFill = getTextByPathList(node, ["p:spPr", "a:grpFill"]);
+ if (grpFill !== undefined) {
+ //fillColor = getSolidFill(clrName, undefined, undefined, undefined, warpObj);
+ //get parent fill style - TODO
+ //console.log("ShapeFill: grpFill: ", grpFill, ", pNode: ", pNode)
+ var grpShpFill = pNode["p:grpSpPr"];
+ var spShpNode = { "p:spPr": grpShpFill }
+ return getShapeFill(spShpNode, node, isSvgMode, warpObj, source);
+ } else if (fillType == "NO_FILL") {
+ return isSvgMode ? "none" : "";
+ }
+ }
+ //console.log("ShapeFill: fillColor: ", fillColor, ", fillType; ", fillType)
+
+ if (fillColor !== undefined) {
+ if (fillType == "GRADIENT_FILL") {
+ if (isSvgMode) {
+ // console.log("GRADIENT_FILL color", fillColor.color[0])
+ return fillColor;
+ } else {
+ var colorAry = fillColor.color;
+ var rot = fillColor.rot;
+
+ var bgcolor = "background: linear-gradient(" + rot + "deg,";
+ for (var i = 0; i < colorAry.length; i++) {
+ if (i == colorAry.length - 1) {
+ bgcolor += "#" + colorAry[i] + ");";
+ } else {
+ bgcolor += "#" + colorAry[i] + ", ";
+ }
+
+ }
+ return bgcolor;
+ }
+ } else if (fillType == "PIC_FILL") {
+ if (isSvgMode) {
+ return fillColor;
+ } else {
+
+ return "background-image:url(" + fillColor + ");";
+ }
+ } else if (fillType == "PATTERN_FILL") {
+ /////////////////////////////////////////////////////////////Need to check -----------TODO
+ // if (isSvgMode) {
+ // var color = tinycolor(fillColor);
+ // fillColor = color.toRgbString();
+
+ // return fillColor;
+ // } else {
+ var bgPtrn = "", bgSize = "", bgPos = "";
+ bgPtrn = fillColor[0];
+ if (fillColor[1] !== null && fillColor[1] !== undefined && fillColor[1] != "") {
+ bgSize = " background-size:" + fillColor[1] + ";";
+ }
+ if (fillColor[2] !== null && fillColor[2] !== undefined && fillColor[2] != "") {
+ bgPos = " background-position:" + fillColor[2] + ";";
+ }
+ return "background: " + bgPtrn + ";" + bgSize + bgPos;
+ //}
+ } else {
+ if (isSvgMode) {
+ var color = tinycolor(fillColor);
+ fillColor = color.toRgbString();
+
+ return fillColor;
+ } else {
+ //console.log(node,"fillColor: ",fillColor,"fillType: ",fillType,"isSvgMode: ",isSvgMode)
+ return "background-color: #" + fillColor + ";";
+ }
+ }
+ } else {
+ if (isSvgMode) {
+ return "none";
+ } else {
+ return "background-color: inherit;";
+ }
+
+ }
+
+ }
+ ///////////////////////Amir//////////////////////////////
+ function getFillType(node) {
+ //Need to test/////////////////////////////////////////////
+ //SOLID_FILL
+ //PIC_FILL
+ //GRADIENT_FILL
+ //PATTERN_FILL
+ //NO_FILL
+ var fillType = "";
+ if (node["a:noFill"] !== undefined) {
+ fillType = "NO_FILL";
+ }
+ if (node["a:solidFill"] !== undefined) {
+ fillType = "SOLID_FILL";
+ }
+ if (node["a:gradFill"] !== undefined) {
+ fillType = "GRADIENT_FILL";
+ }
+ if (node["a:pattFill"] !== undefined) {
+ fillType = "PATTERN_FILL";
+ }
+ if (node["a:blipFill"] !== undefined) {
+ fillType = "PIC_FILL";
+ }
+ if (node["a:grpFill"] !== undefined) {
+ fillType = "GROUP_FILL";
+ }
+
+
+ return fillType;
+ }
+ function getGradientFill(node, warpObj) {
+ //console.log("getGradientFill: node", node)
+ var gsLst = node["a:gsLst"]["a:gs"];
+ //get start color
+ var color_ary = [];
+ var tint_ary = [];
+ for (var i = 0; i < gsLst.length; i++) {
+ var lo_tint;
+ var lo_color = getSolidFill(gsLst[i], undefined, undefined, warpObj);
+ //console.log("lo_color",lo_color)
+ color_ary[i] = lo_color;
+ }
+ //get rot
+ var lin = node["a:lin"];
+ var rot = 0;
+ if (lin !== undefined) {
+ rot = angleToDegrees(lin["attrs"]["ang"]) + 90;
+ }
+ return {
+ "color": color_ary,
+ "rot": rot
+ }
+ }
+ function getPicFill(type, node, warpObj) {
+ //Need to test/////////////////////////////////////////////
+ //rId
+ //TODO - Image Properties - Tile, Stretch, or Display Portion of Image
+ //(http://officeopenxml.com/drwPic-tile.php)
+ var img;
+ var rId = node["a:blip"]["attrs"]["r:embed"];
+ var imgPath;
+ //console.log("getPicFill(...) rId: ", rId, ", warpObj: ", warpObj, ", type: ", type)
+ if (type == "slideBg" || type == "slide") {
+ imgPath = getTextByPathList(warpObj, ["slideResObj", rId, "target"]);
+ } else if (type == "slideLayoutBg") {
+ imgPath = getTextByPathList(warpObj, ["layoutResObj", rId, "target"]);
+ } else if (type == "slideMasterBg") {
+ imgPath = getTextByPathList(warpObj, ["masterResObj", rId, "target"]);
+ } else if (type == "themeBg") {
+ imgPath = getTextByPathList(warpObj, ["themeResObj", rId, "target"]);
+ } else if (type == "diagramBg") {
+ imgPath = getTextByPathList(warpObj, ["diagramResObj", rId, "target"]);
+ }
+ if (imgPath === undefined) {
+ return undefined;
+ }
+ img = getTextByPathList(warpObj, ["loaded-images", imgPath]); //, type, rId
+ if (img === undefined) {
+ imgPath = escapeHtml(imgPath);
+
+
+ var imgExt = imgPath.split(".").pop();
+ if (imgExt == "xml") {
+ return undefined;
+ }
+ var imgArrayBuffer = warpObj["zip"].file(imgPath).asArrayBuffer();
+ var imgMimeType = getMimeType(imgExt);
+ img = "data:" + imgMimeType + ";base64," + base64ArrayBuffer(imgArrayBuffer);
+ //warpObj["loaded-images"][imgPath] = img; //"defaultTextStyle": defaultTextStyle,
+ setTextByPathList(warpObj, ["loaded-images", imgPath], img); //, type, rId
+ }
+ return img;
+ }
+ function getPatternFill(node, warpObj) {
+ //https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients
+ //https://cssgradient.io/blog/css-gradient-text/
+ //https://css-tricks.com/background-patterns-simplified-by-conic-gradients/
+ //https://stackoverflow.com/questions/6705250/how-to-get-a-pattern-into-a-written-text-via-css
+ //https://stackoverflow.com/questions/14072142/striped-text-in-css
+ //https://css-tricks.com/stripes-css/
+ //https://yuanchuan.dev/gradient-shapes/
+ var fgColor = "", bgColor = "", prst = "";
+ var bgClr = node["a:bgClr"];
+ var fgClr = node["a:fgClr"];
+ prst = node["attrs"]["prst"];
+ fgColor = getSolidFill(fgClr, undefined, undefined, warpObj);
+ bgColor = getSolidFill(bgClr, undefined, undefined, warpObj);
+ //var angl_ary = getAnglefromParst(prst);
+ //var ptrClr = "repeating-linear-gradient(" + angl + "deg, #" + bgColor + ",#" + fgColor + " 2px);"
+ //linear-gradient(0deg, black 10 %, transparent 10 %, transparent 90 %, black 90 %, black),
+ //linear-gradient(90deg, black 10 %, transparent 10 %, transparent 90 %, black 90 %, black);
+ var linear_gradient = getLinerGrandient(prst, bgColor, fgColor);
+ //console.log("getPatternFill: node:", node, ", prst: ", prst, ", fgColor: ", fgColor, ", bgColor:", bgColor, ', linear_gradient: ', linear_gradient)
+ return linear_gradient;
+ }
+
+ function getLinerGrandient(prst, bgColor, fgColor) {
+ // dashDnDiag (Dashed Downward Diagonal)-V
+ // dashHorz (Dashed Horizontal)-V
+ // dashUpDiag(Dashed Upward DIagonal)-V
+ // dashVert(Dashed Vertical)-V
+ // diagBrick(Diagonal Brick)-V
+ // divot(Divot)-VX
+ // dkDnDiag(Dark Downward Diagonal)-V
+ // dkHorz(Dark Horizontal)-V
+ // dkUpDiag(Dark Upward Diagonal)-V
+ // dkVert(Dark Vertical)-V
+ // dotDmnd(Dotted Diamond)-VX
+ // dotGrid(Dotted Grid)-V
+ // horzBrick(Horizontal Brick)-V
+ // lgCheck(Large Checker Board)-V
+ // lgConfetti(Large Confetti)-V
+ // lgGrid(Large Grid)-V
+ // ltDnDiag(Light Downward Diagonal)-V
+ // ltHorz(Light Horizontal)-V
+ // ltUpDiag(Light Upward Diagonal)-V
+ // ltVert(Light Vertical)-V
+ // narHorz(Narrow Horizontal)-V
+ // narVert(Narrow Vertical)-V
+ // openDmnd(Open Diamond)-V
+ // pct10(10 %)-V
+ // pct20(20 %)-V
+ // pct25(25 %)-V
+ // pct30(30 %)-V
+ // pct40(40 %)-V
+ // pct5(5 %)-V
+ // pct50(50 %)-V
+ // pct60(60 %)-V
+ // pct70(70 %)-V
+ // pct75(75 %)-V
+ // pct80(80 %)-V
+ // pct90(90 %)-V
+ // smCheck(Small Checker Board) -V
+ // smConfetti(Small Confetti)-V
+ // smGrid(Small Grid) -V
+ // solidDmnd(Solid Diamond)-V
+ // sphere(Sphere)-V
+ // trellis(Trellis)-VX
+ // wave(Wave)-V
+ // wdDnDiag(Wide Downward Diagonal)-V
+ // wdUpDiag(Wide Upward Diagonal)-V
+ // weave(Weave)-V
+ // zigZag(Zig Zag)-V
+ // shingle(Shingle)-V
+ // plaid(Plaid)-V
+ // cross (Cross)
+ // diagCross(Diagonal Cross)
+ // dnDiag(Downward Diagonal)
+ // horz(Horizontal)
+ // upDiag(Upward Diagonal)
+ // vert(Vertical)
+ switch (prst) {
+ case "smGrid":
+ return ["linear-gradient(to right, #" + fgColor + " -1px, transparent 1px ), " +
+ "linear-gradient(to bottom, #" + fgColor + " -1px, transparent 1px) #" + bgColor + ";", "4px 4px"];
+ break
+ case "dotGrid":
+ return ["linear-gradient(to right, #" + fgColor + " -1px, transparent 1px ), " +
+ "linear-gradient(to bottom, #" + fgColor + " -1px, transparent 1px) #" + bgColor + ";", "8px 8px"];
+ break
+ case "lgGrid":
+ return ["linear-gradient(to right, #" + fgColor + " -1px, transparent 1.5px ), " +
+ "linear-gradient(to bottom, #" + fgColor + " -1px, transparent 1.5px) #" + bgColor + ";", "8px 8px"];
+ break
+ case "wdUpDiag":
+ //return ["repeating-linear-gradient(-45deg, #" + bgColor + ", #" + bgColor + " 1px,#" + fgColor + " 5px);"];
+ return ["repeating-linear-gradient(-45deg, transparent 1px , transparent 4px, #" + fgColor + " 7px)" + "#" + bgColor + ";"];
+ // return ["linear-gradient(45deg, transparent 0%, transparent calc(50% - 1px), #" + fgColor + " 50%, transparent calc(50% + 1px), transparent 100%) " +
+ // "#" + bgColor + ";", "6px 6px"];
+ break
+ case "dkUpDiag":
+ return ["repeating-linear-gradient(-45deg, transparent 1px , #" + bgColor + " 5px)" + "#" + fgColor + ";"];
+ break
+ case "ltUpDiag":
+ return ["repeating-linear-gradient(-45deg, transparent 1px , transparent 2px, #" + fgColor + " 4px)" + "#" + bgColor + ";"];
+ break
+ case "wdDnDiag":
+ return ["repeating-linear-gradient(45deg, transparent 1px , transparent 4px, #" + fgColor + " 7px)" + "#" + bgColor + ";"];
+ break
+ case "dkDnDiag":
+ return ["repeating-linear-gradient(45deg, transparent 1px , #" + bgColor + " 5px)" + "#" + fgColor + ";"];
+ break
+ case "ltDnDiag":
+ return ["repeating-linear-gradient(45deg, transparent 1px , transparent 2px, #" + fgColor + " 4px)" + "#" + bgColor + ";"];
+ break
+ case "dkHorz":
+ return ["repeating-linear-gradient(0deg, transparent 1px , transparent 2px, #" + bgColor + " 7px)" + "#" + fgColor + ";"];
+ break
+ case "ltHorz":
+ return ["repeating-linear-gradient(0deg, transparent 1px , transparent 5px, #" + fgColor + " 7px)" + "#" + bgColor + ";"];
+ break
+ case "narHorz":
+ return ["repeating-linear-gradient(0deg, transparent 1px , transparent 2px, #" + fgColor + " 4px)" + "#" + bgColor + ";"];
+ break
+ case "dkVert":
+ return ["repeating-linear-gradient(90deg, transparent 1px , transparent 2px, #" + bgColor + " 7px)" + "#" + fgColor + ";"];
+ break
+ case "ltVert":
+ return ["repeating-linear-gradient(90deg, transparent 1px , transparent 5px, #" + fgColor + " 7px)" + "#" + bgColor + ";"];
+ break
+ case "narVert":
+ return ["repeating-linear-gradient(90deg, transparent 1px , transparent 2px, #" + fgColor + " 4px)" + "#" + bgColor + ";"];
+ break
+ case "lgCheck":
+ case "smCheck":
+ var size = "";
+ var pos = "";
+ if (prst == "lgCheck") {
+ size = "8px 8px";
+ pos = "0 0, 4px 4px, 4px 4px, 8px 8px";
+ } else {
+ size = "4px 4px";
+ pos = "0 0, 2px 2px, 2px 2px, 4px 4px";
+ }
+ return ["linear-gradient(45deg, #" + fgColor + " 25%, transparent 0, transparent 75%, #" + fgColor + " 0), " +
+ "linear-gradient(45deg, #" + fgColor + " 25%, transparent 0, transparent 75%, #" + fgColor + " 0) " +
+ "#" + bgColor + ";", size, pos];
+ break
+ // case "smCheck":
+ // return ["linear-gradient(45deg, transparent 0%, transparent calc(50% - 0.5px), #" + fgColor + " 50%, transparent calc(50% + 0.5px), transparent 100%), " +
+ // "linear-gradient(-45deg, transparent 0%, transparent calc(50% - 0.5px) , #" + fgColor + " 50%, transparent calc(50% + 0.5px), transparent 100%) " +
+ // "#" + bgColor + ";", "4px 4px"];
+ // break
+
+ case "dashUpDiag":
+ return ["repeating-linear-gradient(152deg, #" + fgColor + ", #" + fgColor + " 5% , transparent 0, transparent 70%)" +
+ "#" + bgColor + ";", "4px 4px"];
+ break
+ case "dashDnDiag":
+ return ["repeating-linear-gradient(45deg, #" + fgColor + ", #" + fgColor + " 5% , transparent 0, transparent 70%)" +
+ "#" + bgColor + ";", "4px 4px"];
+ break
+ case "diagBrick":
+ return ["linear-gradient(45deg, transparent 15%, #" + fgColor + " 30%, transparent 30%), " +
+ "linear-gradient(-45deg, transparent 15%, #" + fgColor + " 30%, transparent 30%), " +
+ "linear-gradient(-45deg, transparent 65%, #" + fgColor + " 80%, transparent 0) " +
+ "#" + bgColor + ";", "4px 4px"];
+ break
+ case "horzBrick":
+ return ["linear-gradient(335deg, #" + bgColor + " 1.6px, transparent 1.6px), " +
+ "linear-gradient(155deg, #" + bgColor + " 1.6px, transparent 1.6px), " +
+ "linear-gradient(335deg, #" + bgColor + " 1.6px, transparent 1.6px), " +
+ "linear-gradient(155deg, #" + bgColor + " 1.6px, transparent 1.6px) " +
+ "#" + fgColor + ";", "4px 4px", "0 0.15px, 0.3px 2.5px, 2px 2.15px, 2.35px 0.4px"];
+ break
+
+ case "dashVert":
+ return ["linear-gradient(0deg, #" + bgColor + " 30%, transparent 30%)," +
+ "linear-gradient(90deg,transparent, transparent 40%, #" + fgColor + " 40%, #" + fgColor + " 60% , transparent 60%)" +
+ "#" + bgColor + ";", "4px 4px"];
+ break
+ case "dashHorz":
+ return ["linear-gradient(90deg, #" + bgColor + " 30%, transparent 30%)," +
+ "linear-gradient(0deg,transparent, transparent 40%, #" + fgColor + " 40%, #" + fgColor + " 60% , transparent 60%)" +
+ "#" + bgColor + ";", "4px 4px"];
+ break
+ case "solidDmnd":
+ return ["linear-gradient(135deg, #" + fgColor + " 25%, transparent 25%), " +
+ "linear-gradient(225deg, #" + fgColor + " 25%, transparent 25%), " +
+ "linear-gradient(315deg, #" + fgColor + " 25%, transparent 25%), " +
+ "linear-gradient(45deg, #" + fgColor + " 25%, transparent 25%) " +
+ "#" + bgColor + ";", "8px 8px"];
+ break
+ case "openDmnd":
+ return ["linear-gradient(45deg, transparent 0%, transparent calc(50% - 0.5px), #" + fgColor + " 50%, transparent calc(50% + 0.5px), transparent 100%), " +
+ "linear-gradient(-45deg, transparent 0%, transparent calc(50% - 0.5px) , #" + fgColor + " 50%, transparent calc(50% + 0.5px), transparent 100%) " +
+ "#" + bgColor + ";", "8px 8px"];
+ break
+
+ case "dotDmnd":
+ return ["radial-gradient(#" + fgColor + " 15%, transparent 0), " +
+ "radial-gradient(#" + fgColor + " 15%, transparent 0) " +
+ "#" + bgColor + ";", "4px 4px", "0 0, 2px 2px"];
+ break
+ case "zigZag":
+ case "wave":
+ var size = "";
+ if (prst == "zigZag") size = "0";
+ else size = "1px";
+ return ["linear-gradient(135deg, #" + fgColor + " 25%, transparent 25%) 50px " + size + ", " +
+ "linear-gradient(225deg, #" + fgColor + " 25%, transparent 25%) 50px " + size + ", " +
+ "linear-gradient(315deg, #" + fgColor + " 25%, transparent 25%), " +
+ "linear-gradient(45deg, #" + fgColor + " 25%, transparent 25%) " +
+ "#" + bgColor + ";", "4px 4px"];
+ break
+ case "lgConfetti":
+ case "smConfetti":
+ var size = "";
+ if (prst == "lgConfetti") size = "4px 4px";
+ else size = "2px 2px";
+ return ["linear-gradient(135deg, #" + fgColor + " 25%, transparent 25%) 50px 1px, " +
+ "linear-gradient(225deg, #" + fgColor + " 25%, transparent 25%), " +
+ "linear-gradient(315deg, #" + fgColor + " 25%, transparent 25%) 50px 1px , " +
+ "linear-gradient(45deg, #" + fgColor + " 25%, transparent 25%) " +
+ "#" + bgColor + ";", size];
+ break
+ // case "weave":
+ // return ["linear-gradient(45deg, #" + bgColor + " 5%, transparent 25%) 50px 0, " +
+ // "linear-gradient(135deg, #" + bgColor + " 25%, transparent 25%) 50px 0, " +
+ // "linear-gradient(45deg, #" + bgColor + " 25%, transparent 25%) " +
+ // "#" + fgColor + ";", "4px 4px"];
+ // //background: linear-gradient(45deg, #dca 12%, transparent 0, transparent 88%, #dca 0),
+ // //linear-gradient(135deg, transparent 37 %, #a85 0, #a85 63 %, transparent 0),
+ // //linear-gradient(45deg, transparent 37 %, #dca 0, #dca 63 %, transparent 0) #753;
+ // // background-size: 25px 25px;
+ // break;
+
+ case "plaid":
+ return ["linear-gradient(0deg, transparent, transparent 25%, #" + fgColor + "33 25%, #" + fgColor + "33 50%)," +
+ "linear-gradient(90deg, transparent, transparent 25%, #" + fgColor + "66 25%, #" + fgColor + "66 50%) " +
+ "#" + bgColor + ";", "4px 4px"];
+ /**
+ background-color: #6677dd;
+ background-image:
+ repeating-linear-gradient(0deg, transparent, transparent 35px, rgba(255, 255, 255, 0.2) 35px, rgba(255, 255, 255, 0.2) 70px),
+ repeating-linear-gradient(90deg, transparent, transparent 35px, rgba(255,255,255,0.4) 35px, rgba(255,255,255,0.4) 70px);
+ */
+ break;
+ case "sphere":
+ return ["radial-gradient(#" + fgColor + " 50%, transparent 50%)," +
+ "#" + bgColor + ";", "4px 4px"];
+ break
+ case "weave":
+ case "shingle":
+ return ["linear-gradient(45deg, #" + bgColor + " 1.31px , #" + fgColor + " 1.4px, #" + fgColor + " 1.5px, transparent 1.5px, transparent 4.2px, #" + fgColor + " 4.2px, #" + fgColor + " 4.3px, transparent 4.31px), " +
+ "linear-gradient(-45deg, #" + bgColor + " 1.31px , #" + fgColor + " 1.4px, #" + fgColor + " 1.5px, transparent 1.5px, transparent 4.2px, #" + fgColor + " 4.2px, #" + fgColor + " 4.3px, transparent 4.31px) 0 4px, " +
+ "#" + bgColor + ";", "4px 8px"];
+ break
+ //background:
+ //linear-gradient(45deg, #708090 1.31px, #d9ecff 1.4px, #d9ecff 1.5px, transparent 1.5px, transparent 4.2px, #d9ecff 4.2px, #d9ecff 4.3px, transparent 4.31px),
+ //linear-gradient(-45deg, #708090 1.31px, #d9ecff 1.4px, #d9ecff 1.5px, transparent 1.5px, transparent 4.2px, #d9ecff 4.2px, #d9ecff 4.3px, transparent 4.31px)0 4px;
+ //background-color:#708090;
+ //background-size: 4px 8px;
+ case "pct5":
+ case "pct10":
+ case "pct20":
+ case "pct25":
+ case "pct30":
+ case "pct40":
+ case "pct50":
+ case "pct60":
+ case "pct70":
+ case "pct75":
+ case "pct80":
+ case "pct90":
+ //case "dotDmnd":
+ case "trellis":
+ case "divot":
+ var px_pr_ary;
+ switch (prst) {
+ case "pct5":
+ px_pr_ary = ["0.3px", "10%", "2px 2px"];
+ break
+ case "divot":
+ px_pr_ary = ["0.3px", "40%", "4px 4px"];
+ break
+ case "pct10":
+ px_pr_ary = ["0.3px", "20%", "2px 2px"];
+ break
+ case "pct20":
+ //case "dotDmnd":
+ px_pr_ary = ["0.2px", "40%", "2px 2px"];
+ break
+ case "pct25":
+ px_pr_ary = ["0.2px", "50%", "2px 2px"];
+ break
+ case "pct30":
+ px_pr_ary = ["0.5px", "50%", "2px 2px"];
+ break
+ case "pct40":
+ px_pr_ary = ["0.5px", "70%", "2px 2px"];
+ break
+ case "pct50":
+ px_pr_ary = ["0.09px", "90%", "2px 2px"];
+ break
+ case "pct60":
+ px_pr_ary = ["0.3px", "90%", "2px 2px"];
+ break
+ case "pct70":
+ case "trellis":
+ px_pr_ary = ["0.5px", "95%", "2px 2px"];
+ break
+ case "pct75":
+ px_pr_ary = ["0.65px", "100%", "2px 2px"];
+ break
+ case "pct80":
+ px_pr_ary = ["0.85px", "100%", "2px 2px"];
+ break
+ case "pct90":
+ px_pr_ary = ["1px", "100%", "2px 2px"];
+ break
+ }
+ return ["radial-gradient(#" + fgColor + " " + px_pr_ary[0] + ", transparent " + px_pr_ary[1] + ")," +
+ "#" + bgColor + ";", px_pr_ary[2]];
+ break
+ default:
+ return [0, 0];
+ }
+ }
+
+ function getSolidFill(node, clrMap, phClr, warpObj) {
+
+ if (node === undefined) {
+ return undefined;
+ }
+
+ //console.log("getSolidFill node: ", node)
+ var color = "";
+ var clrNode;
+ if (node["a:srgbClr"] !== undefined) {
+ clrNode = node["a:srgbClr"];
+ color = getTextByPathList(clrNode, ["attrs", "val"]); //#...
+ } else if (node["a:schemeClr"] !== undefined) { //a:schemeClr
+ clrNode = node["a:schemeClr"];
+ var schemeClr = getTextByPathList(clrNode, ["attrs", "val"]);
+ color = getSchemeColorFromTheme("a:" + schemeClr, clrMap, phClr, warpObj);
+ //console.log("schemeClr: ", schemeClr, "color: ", color)
+ } else if (node["a:scrgbClr"] !== undefined) {
+ clrNode = node["a:scrgbClr"];
+ // //Need to test/////////////////////////////////////////////
+ var defBultColorVals = clrNode["attrs"];
+ var red = (defBultColorVals["r"].indexOf("%") != -1) ? defBultColorVals["r"].split("%").shift() : defBultColorVals["r"];
+ var green = (defBultColorVals["g"].indexOf("%") != -1) ? defBultColorVals["g"].split("%").shift() : defBultColorVals["g"];
+ var blue = (defBultColorVals["b"].indexOf("%") != -1) ? defBultColorVals["b"].split("%").shift() : defBultColorVals["b"];
+ //var scrgbClr = red + "," + green + "," + blue;
+ color = toHex(255 * (Number(red) / 100)) + toHex(255 * (Number(green) / 100)) + toHex(255 * (Number(blue) / 100));
+ //console.log("scrgbClr: " + scrgbClr);
+
+ } else if (node["a:prstClr"] !== undefined) {
+ clrNode = node["a:prstClr"];
+ // //Need to test/////////////////////////////////////////////
+ var prstClr = getTextByPathList(clrNode, ["attrs", "val"]); //node["a:prstClr"]["attrs"]["val"];
+ color = getColorName2Hex(prstClr);
+ //console.log("blip prstClr: ", prstClr, " => hexClr: ", color);
+ } else if (node["a:hslClr"] !== undefined) {
+ clrNode = node["a:hslClr"];
+ // //Need to test/////////////////////////////////////////////
+ var defBultColorVals = clrNode["attrs"];
+ var hue = Number(defBultColorVals["hue"]) / 100000;
+ var sat = Number((defBultColorVals["sat"].indexOf("%") != -1) ? defBultColorVals["sat"].split("%").shift() : defBultColorVals["sat"]) / 100;
+ var lum = Number((defBultColorVals["lum"].indexOf("%") != -1) ? defBultColorVals["lum"].split("%").shift() : defBultColorVals["lum"]) / 100;
+ //var hslClr = defBultColorVals["hue"] + "," + defBultColorVals["sat"] + "," + defBultColorVals["lum"];
+ var hsl2rgb = hslToRgb(hue, sat, lum);
+ color = toHex(hsl2rgb.r) + toHex(hsl2rgb.g) + toHex(hsl2rgb.b);
+ //defBultColor = cnvrtHslColor2Hex(hslClr); //TODO
+ // console.log("hslClr: " + hslClr);
+ } else if (node["a:sysClr"] !== undefined) {
+ clrNode = node["a:sysClr"];
+ // //Need to test/////////////////////////////////////////////
+ var sysClr = getTextByPathList(clrNode, ["attrs", "lastClr"]);
+ if (sysClr !== undefined) {
+ color = sysClr;
+ }
+ }
+ //console.log("color: [%cstart]", "color: #" + color, tinycolor(color).toHslString(), color)
+
+ //fix color -------------------------------------------------------- TODO
+ //
+ //1. "alpha":
+ //Specifies the opacity as expressed by a percentage value.
+ // [Example: The following represents a green solid fill which is 50 % opaque
+ // < a: solidFill >
+ //
+ //
+ //
+ //
+ var isAlpha = false;
+ var alpha = parseInt(getTextByPathList(clrNode, ["a:alpha", "attrs", "val"])) / 100000;
+ //console.log("alpha: ", alpha)
+ if (!isNaN(alpha)) {
+ // var al_color = new colz.Color(color);
+ // al_color.setAlpha(alpha);
+ // var ne_color = al_color.rgba.toString();
+ // color = (rgba2hex(ne_color))
+ var al_color = tinycolor(color);
+ al_color.setAlpha(alpha);
+ color = al_color.toHex8()
+ isAlpha = true;
+ //console.log("al_color: ", al_color, ", color: ", color)
+ }
+ //2. "alphaMod":
+ // Specifies the opacity as expressed by a percentage relative to the input color.
+ // [Example: The following represents a green solid fill which is 50 % opaque
+ // < a: solidFill >
+ //
+ //
+ //
+ //
+ //3. "alphaOff":
+ // Specifies the opacity as expressed by a percentage offset increase or decrease to the
+ // input color.Increases never increase the opacity beyond 100 %, decreases never decrease
+ // the opacity below 0 %.
+ // [Example: The following represents a green solid fill which is 90 % opaque
+ // < a: solidFill >
+ //
+ //
+ //
+ //
+
+ //4. "blue":
+ //Specifies the value of the blue component.The assigned value is specified as a
+ //percentage with 0 % indicating minimal blue and 100 % indicating maximum blue.
+ // [Example: The following manipulates the fill from having RGB value RRGGBB = (00, FF, 00)
+ // to value RRGGBB = (00, FF, FF)
+ //
+ //
+ //
+ //
+ //
+ //5. "blueMod"
+ // Specifies the blue component as expressed by a percentage relative to the input color
+ // component.Increases never increase the blue component beyond 100 %, decreases
+ // never decrease the blue component below 0 %.
+ // [Example: The following manipulates the fill from having RGB value RRGGBB = (00, 00, FF)
+ // to value RRGGBB = (00, 00, 80)
+ // < a: solidFill >
+ //
+ //
+ //
+ //
+ //6. "blueOff"
+ // Specifies the blue component as expressed by a percentage offset increase or decrease
+ // to the input color component.Increases never increase the blue component
+ // beyond 100 %, decreases never decrease the blue component below 0 %.
+ // [Example: The following manipulates the fill from having RGB value RRGGBB = (00, 00, FF)
+ // to value RRGGBB = (00, 00, CC)
+ // < a: solidFill >
+ //
+ //
+ //
+ //
+
+ //7. "comp" - This element specifies that the color rendered should be the complement of its input color with the complement
+ // being defined as such.Two colors are called complementary if, when mixed they produce a shade of grey.For
+ // instance, the complement of red which is RGB(255, 0, 0) is cyan.()
+
+ //8. "gamma" - This element specifies that the output color rendered by the generating application should be the sRGB gamma
+ // shift of the input color.
+
+ //9. "gray" - This element specifies a grayscale of its input color, taking into relative intensities of the red, green, and blue
+ // primaries.
+
+ //10. "green":
+ // Specifies the value of the green component. The assigned value is specified as a
+ // percentage with 0 % indicating minimal green and 100 % indicating maximum green.
+ // [Example: The following manipulates the fill from having RGB value RRGGBB = (00, 00, FF)
+ // to value RRGGBB = (00, FF, FF)
+ // < a: solidFill >
+ //
+ //
+ //
+ //
+ //11. "greenMod":
+ // Specifies the green component as expressed by a percentage relative to the input color
+ // component.Increases never increase the green component beyond 100 %, decreases
+ // never decrease the green component below 0 %.
+ // [Example: The following manipulates the fill from having RGB value RRGGBB = (00, FF, 00)
+ // to value RRGGBB = (00, 80, 00)
+ // < a: solidFill >
+ //
+ //
+ //
+ //
+ //12. "greenOff":
+ // Specifies the green component as expressed by a percentage offset increase or decrease
+ // to the input color component.Increases never increase the green component
+ // beyond 100 %, decreases never decrease the green component below 0 %.
+ // [Example: The following manipulates the fill from having RGB value RRGGBB = (00, FF, 00)
+ // to value RRGGBB = (00, CC, 00)
+ // < a: solidFill >
+ //
+ //
+ //
+ //
+
+ //13. "hue" (This element specifies a color using the HSL color model):
+ // This element specifies the input color with the specified hue, but with its saturation and luminance unchanged.
+ // < a: solidFill >
+ //
+ //
+ //
+ //
+ //
+ //
+ //
+
+ //14. "hueMod" (This element specifies a color using the HSL color model):
+ // Specifies the hue as expressed by a percentage relative to the input color.
+ // [Example: The following manipulates the fill color from having RGB value RRGGBB = (00, FF, 00) to value RRGGBB = (FF, FF, 00)
+ // < a: solidFill >
+ //
+ //
+ //
+ //
+
+ var hueMod = parseInt(getTextByPathList(clrNode, ["a:hueMod", "attrs", "val"])) / 100000;
+ //console.log("hueMod: ", hueMod)
+ if (!isNaN(hueMod)) {
+ color = applyHueMod(color, hueMod, isAlpha);
+ }
+ //15. "hueOff"(This element specifies a color using the HSL color model):
+ // Specifies the actual angular value of the shift.The result of the shift shall be between 0
+ // and 360 degrees.Shifts resulting in angular values less than 0 are treated as 0. Shifts
+ // resulting in angular values greater than 360 are treated as 360.
+ // [Example:
+ // The following increases the hue angular value by 10 degrees.
+ // < a: solidFill >
+ //
+ //
+ //
+ //var hueOff = parseInt(getTextByPathList(clrNode, ["a:hueOff", "attrs", "val"])) / 100000;
+ // if (!isNaN(hueOff)) {
+ // //console.log("hueOff: ", hueOff, " (TODO)")
+ // //color = applyHueOff(color, hueOff, isAlpha);
+ // }
+
+ //16. "inv" (inverse)
+ //This element specifies the inverse of its input color.
+ //The inverse of red (1, 0, 0) is cyan (0, 1, 1 ).
+ // The following represents cyan, the inverse of red:
+ //
+ //
+ //
+ //
+ //
+
+ //17. "invGamma" - This element specifies that the output color rendered by the generating application should be the inverse sRGB
+ // gamma shift of the input color.
+
+ //18. "lum":
+ // This element specifies the input color with the specified luminance, but with its hue and saturation unchanged.
+ // Typically luminance values fall in the range[0 %, 100 %].
+ // The following two solid fills are equivalent:
+ //
+ //
+ //
+ //
+ //
+ //
+ //
+ //
+ // [Example: The following manipulates the fill from having RGB value RRGGBB = (00, FF, 00)
+ // to value RRGGBB = (00, 66, 00)
+ // < a: solidFill >
+ //
+ //
+ //
+ //
+ // end example]
+ //19. "lumMod":
+ // Specifies the luminance as expressed by a percentage relative to the input color.
+ // Increases never increase the luminance beyond 100 %, decreases never decrease the
+ // luminance below 0 %.
+ // [Example: The following manipulates the fill from having RGB value RRGGBB = (00, FF, 00)
+ // to value RRGGBB = (00, 75, 00)
+ // < a: solidFill >
+ //
+ //
+ //
+ //
+ // end example]
+ var lumMod = parseInt(getTextByPathList(clrNode, ["a:lumMod", "attrs", "val"])) / 100000;
+ //console.log("lumMod: ", lumMod)
+ if (!isNaN(lumMod)) {
+ color = applyLumMod(color, lumMod, isAlpha);
+ }
+ //var lumMod_color = applyLumMod(color, 0.5);
+ //console.log("lumMod_color: ", lumMod_color)
+ //20. "lumOff"
+ // Specifies the luminance as expressed by a percentage offset increase or decrease to the
+ // input color.Increases never increase the luminance beyond 100 %, decreases never
+ // decrease the luminance below 0 %.
+ // [Example: The following manipulates the fill from having RGB value RRGGBB = (00, FF, 00)
+ // to value RRGGBB = (00, 99, 00)
+ // < a: solidFill >
+ //
+ //
+ //
+ //
+ var lumOff = parseInt(getTextByPathList(clrNode, ["a:lumOff", "attrs", "val"])) / 100000;
+ //console.log("lumOff: ", lumOff)
+ if (!isNaN(lumOff)) {
+ color = applyLumOff(color, lumOff, isAlpha);
+ }
+
+
+ //21. "red":
+ // Specifies the value of the red component.The assigned value is specified as a percentage
+ // with 0 % indicating minimal red and 100 % indicating maximum red.
+ // [Example: The following manipulates the fill from having RGB value RRGGBB = (00, FF, 00)
+ // to value RRGGBB = (FF, FF, 00)
+ // < a: solidFill >
+ //
+ //
+ //
+ //
+ //22. "redMod":
+ // Specifies the red component as expressed by a percentage relative to the input color
+ // component.Increases never increase the red component beyond 100 %, decreases never
+ // decrease the red component below 0 %.
+ // [Example: The following manipulates the fill from having RGB value RRGGBB = (FF, 00, 00)
+ // to value RRGGBB = (80, 00, 00)
+ // < a: solidFill >
+ //
+ //
+ //
+ //
+ //23. "redOff":
+ // Specifies the red component as expressed by a percentage offset increase or decrease to
+ // the input color component.Increases never increase the red component beyond 100 %,
+ // decreases never decrease the red component below 0 %.
+ // [Example: The following manipulates the fill from having RGB value RRGGBB = (FF, 00, 00)
+ // to value RRGGBB = (CC, 00, 00)
+ // < a: solidFill >
+ //
+ //
+ //
+ //
+
+ //23. "sat":
+ // This element specifies the input color with the specified saturation, but with its hue and luminance unchanged.
+ // Typically saturation values fall in the range[0 %, 100 %].
+ // [Example:
+ // The following two solid fills are equivalent:
+ //
+ //
+ //
+ //
+ //
+ //
+ //
+ //
+ // [Example: The following manipulates the fill from having RGB value RRGGBB = (00, FF, 00)
+ // to value RRGGBB = (40, C0, 40)
+ // < a: solidFill >
+ //
+ //
+ //
+ //
+ // end example]
+
+ //24. "satMod":
+ // Specifies the saturation as expressed by a percentage relative to the input color.
+ // Increases never increase the saturation beyond 100 %, decreases never decrease the
+ // saturation below 0 %.
+ // [Example: The following manipulates the fill from having RGB value RRGGBB = (00, FF, 00)
+ // to value RRGGBB = (66, 99, 66)
+ // < a: solidFill >
+ //
+ //
+ //
+ //
+ var satMod = parseInt(getTextByPathList(clrNode, ["a:satMod", "attrs", "val"])) / 100000;
+ if (!isNaN(satMod)) {
+ color = applySatMod(color, satMod, isAlpha);
+ }
+ //25. "satOff":
+ // Specifies the saturation as expressed by a percentage offset increase or decrease to the
+ // input color.Increases never increase the saturation beyond 100 %, decreases never
+ // decrease the saturation below 0 %.
+ // [Example: The following manipulates the fill from having RGB value RRGGBB = (00, FF, 00)
+ // to value RRGGBB = (19, E5, 19)
+ // < a: solidFill >
+ //
+ //
+ //
+ //
+ // var satOff = parseInt(getTextByPathList(clrNode, ["a:satOff", "attrs", "val"])) / 100000;
+ // if (!isNaN(satOff)) {
+ // console.log("satOff: ", satOff, " (TODO)")
+ // }
+
+ //26. "shade":
+ // This element specifies a darker version of its input color.A 10 % shade is 10 % of the input color combined with 90 % black.
+ // [Example: The following manipulates the fill from having RGB value RRGGBB = (00, FF, 00)
+ // to value RRGGBB = (00, BC, 00)
+ // < a: solidFill >
+ //
+ //
+ //
+ //
+ // end example]
+ var shade = parseInt(getTextByPathList(clrNode, ["a:shade", "attrs", "val"])) / 100000;
+ if (!isNaN(shade)) {
+ color = applyShade(color, shade, isAlpha);
+ }
+ //27. "tint":
+ // This element specifies a lighter version of its input color.A 10 % tint is 10 % of the input color combined with
+ // 90 % white.
+ // [Example: The following manipulates the fill from having RGB value RRGGBB = (00, FF, 00)
+ // to value RRGGBB = (BC, FF, BC)
+ // < a: solidFill >
+ //
+ //
+ //
+ //
+ var tint = parseInt(getTextByPathList(clrNode, ["a:tint", "attrs", "val"])) / 100000;
+ if (!isNaN(tint)) {
+ color = applyTint(color, tint, isAlpha);
+ }
+ //console.log("color [%cfinal]: ", "color: #" + color, tinycolor(color).toHslString(), color)
+
+ return color;
+ }
+ function toHex(n) {
+ var hex = n.toString(16);
+ while (hex.length < 2) { hex = "0" + hex; }
+ return hex;
+ }
+ function hslToRgb(hue, sat, light) {
+ var t1, t2, r, g, b;
+ hue = hue / 60;
+ if (light <= 0.5) {
+ t2 = light * (sat + 1);
+ } else {
+ t2 = light + sat - (light * sat);
+ }
+ t1 = light * 2 - t2;
+ r = hueToRgb(t1, t2, hue + 2) * 255;
+ g = hueToRgb(t1, t2, hue) * 255;
+ b = hueToRgb(t1, t2, hue - 2) * 255;
+ return { r: r, g: g, b: b };
+ }
+ function hueToRgb(t1, t2, hue) {
+ if (hue < 0) hue += 6;
+ if (hue >= 6) hue -= 6;
+ if (hue < 1) return (t2 - t1) * hue + t1;
+ else if (hue < 3) return t2;
+ else if (hue < 4) return (t2 - t1) * (4 - hue) + t1;
+ else return t1;
+ }
+ function getColorName2Hex(name) {
+ var hex;
+ var colorName = ['white', 'AliceBlue', 'AntiqueWhite', 'Aqua', 'Aquamarine', 'Azure', 'Beige', 'Bisque', 'black', 'BlanchedAlmond', 'Blue', 'BlueViolet', 'Brown', 'BurlyWood', 'CadetBlue', 'Chartreuse', 'Chocolate', 'Coral', 'CornflowerBlue', 'Cornsilk', 'Crimson', 'Cyan', 'DarkBlue', 'DarkCyan', 'DarkGoldenRod', 'DarkGray', 'DarkGrey', 'DarkGreen', 'DarkKhaki', 'DarkMagenta', 'DarkOliveGreen', 'DarkOrange', 'DarkOrchid', 'DarkRed', 'DarkSalmon', 'DarkSeaGreen', 'DarkSlateBlue', 'DarkSlateGray', 'DarkSlateGrey', 'DarkTurquoise', 'DarkViolet', 'DeepPink', 'DeepSkyBlue', 'DimGray', 'DimGrey', 'DodgerBlue', 'FireBrick', 'FloralWhite', 'ForestGreen', 'Fuchsia', 'Gainsboro', 'GhostWhite', 'Gold', 'GoldenRod', 'Gray', 'Grey', 'Green', 'GreenYellow', 'HoneyDew', 'HotPink', 'IndianRed', 'Indigo', 'Ivory', 'Khaki', 'Lavender', 'LavenderBlush', 'LawnGreen', 'LemonChiffon', 'LightBlue', 'LightCoral', 'LightCyan', 'LightGoldenRodYellow', 'LightGray', 'LightGrey', 'LightGreen', 'LightPink', 'LightSalmon', 'LightSeaGreen', 'LightSkyBlue', 'LightSlateGray', 'LightSlateGrey', 'LightSteelBlue', 'LightYellow', 'Lime', 'LimeGreen', 'Linen', 'Magenta', 'Maroon', 'MediumAquaMarine', 'MediumBlue', 'MediumOrchid', 'MediumPurple', 'MediumSeaGreen', 'MediumSlateBlue', 'MediumSpringGreen', 'MediumTurquoise', 'MediumVioletRed', 'MidnightBlue', 'MintCream', 'MistyRose', 'Moccasin', 'NavajoWhite', 'Navy', 'OldLace', 'Olive', 'OliveDrab', 'Orange', 'OrangeRed', 'Orchid', 'PaleGoldenRod', 'PaleGreen', 'PaleTurquoise', 'PaleVioletRed', 'PapayaWhip', 'PeachPuff', 'Peru', 'Pink', 'Plum', 'PowderBlue', 'Purple', 'RebeccaPurple', 'Red', 'RosyBrown', 'RoyalBlue', 'SaddleBrown', 'Salmon', 'SandyBrown', 'SeaGreen', 'SeaShell', 'Sienna', 'Silver', 'SkyBlue', 'SlateBlue', 'SlateGray', 'SlateGrey', 'Snow', 'SpringGreen', 'SteelBlue', 'Tan', 'Teal', 'Thistle', 'Tomato', 'Turquoise', 'Violet', 'Wheat', 'White', 'WhiteSmoke', 'Yellow', 'YellowGreen'];
+ var colorHex = ['ffffff', 'f0f8ff', 'faebd7', '00ffff', '7fffd4', 'f0ffff', 'f5f5dc', 'ffe4c4', '000000', 'ffebcd', '0000ff', '8a2be2', 'a52a2a', 'deb887', '5f9ea0', '7fff00', 'd2691e', 'ff7f50', '6495ed', 'fff8dc', 'dc143c', '00ffff', '00008b', '008b8b', 'b8860b', 'a9a9a9', 'a9a9a9', '006400', 'bdb76b', '8b008b', '556b2f', 'ff8c00', '9932cc', '8b0000', 'e9967a', '8fbc8f', '483d8b', '2f4f4f', '2f4f4f', '00ced1', '9400d3', 'ff1493', '00bfff', '696969', '696969', '1e90ff', 'b22222', 'fffaf0', '228b22', 'ff00ff', 'dcdcdc', 'f8f8ff', 'ffd700', 'daa520', '808080', '808080', '008000', 'adff2f', 'f0fff0', 'ff69b4', 'cd5c5c', '4b0082', 'fffff0', 'f0e68c', 'e6e6fa', 'fff0f5', '7cfc00', 'fffacd', 'add8e6', 'f08080', 'e0ffff', 'fafad2', 'd3d3d3', 'd3d3d3', '90ee90', 'ffb6c1', 'ffa07a', '20b2aa', '87cefa', '778899', '778899', 'b0c4de', 'ffffe0', '00ff00', '32cd32', 'faf0e6', 'ff00ff', '800000', '66cdaa', '0000cd', 'ba55d3', '9370db', '3cb371', '7b68ee', '00fa9a', '48d1cc', 'c71585', '191970', 'f5fffa', 'ffe4e1', 'ffe4b5', 'ffdead', '000080', 'fdf5e6', '808000', '6b8e23', 'ffa500', 'ff4500', 'da70d6', 'eee8aa', '98fb98', 'afeeee', 'db7093', 'ffefd5', 'ffdab9', 'cd853f', 'ffc0cb', 'dda0dd', 'b0e0e6', '800080', '663399', 'ff0000', 'bc8f8f', '4169e1', '8b4513', 'fa8072', 'f4a460', '2e8b57', 'fff5ee', 'a0522d', 'c0c0c0', '87ceeb', '6a5acd', '708090', '708090', 'fffafa', '00ff7f', '4682b4', 'd2b48c', '008080', 'd8bfd8', 'ff6347', '40e0d0', 'ee82ee', 'f5deb3', 'ffffff', 'f5f5f5', 'ffff00', '9acd32'];
+ var findIndx = colorName.indexOf(name);
+ if (findIndx != -1) {
+ hex = colorHex[findIndx];
+ }
+ return hex;
+ }
+ function getSchemeColorFromTheme(schemeClr, clrMap, phClr, warpObj) {
+ // in slide master
+ // e.g. tx2="dk2" bg2="lt2" tx1="dk1" bg1="lt1" slideLayoutClrOvride
+ //console.log("getSchemeColorFromTheme: schemeClr: ", schemeClr, ",clrMap: ", clrMap)
+ var slideLayoutClrOvride;
+ if (clrMap !== undefined) {
+ slideLayoutClrOvride = clrMap;//getTextByPathList(clrMap, ["p:sldMaster", "p:clrMap", "attrs"])
+ } else {
+ var sldClrMapOvr = getTextByPathList(warpObj["slideContent"], ["p:sld", "p:clrMapOvr", "a:overrideClrMapping", "attrs"]);
+ if (sldClrMapOvr !== undefined) {
+ slideLayoutClrOvride = sldClrMapOvr;
+ } else {
+ var sldClrMapOvr = getTextByPathList(warpObj["slideLayoutContent"], ["p:sldLayout", "p:clrMapOvr", "a:overrideClrMapping", "attrs"]);
+ if (sldClrMapOvr !== undefined) {
+ slideLayoutClrOvride = sldClrMapOvr;
+ } else {
+ slideLayoutClrOvride = getTextByPathList(warpObj["slideMasterContent"], ["p:sldMaster", "p:clrMap", "attrs"]);
+ }
+
+ }
+ }
+ //console.log("getSchemeColorFromTheme slideLayoutClrOvride: ", slideLayoutClrOvride);
+ var schmClrName = schemeClr.substr(2);
+ if (schmClrName == "phClr" && phClr !== undefined) {
+ color = phClr;
+ } else {
+ if (slideLayoutClrOvride !== undefined) {
+ switch (schmClrName) {
+ case "tx1":
+ case "tx2":
+ case "bg1":
+ case "bg2":
+ schemeClr = "a:" + slideLayoutClrOvride[schmClrName];
+ break;
+ }
+ } else {
+ switch (schmClrName) {
+ case "tx1":
+ schemeClr = "a:dk1";
+ break;
+ case "tx2":
+ schemeClr = "a:dk2";
+ break;
+ case "bg1":
+ schemeClr = "a:lt1";
+ break;
+ case "bg2":
+ schemeClr = "a:lt2";
+ break;
+ }
+ }
+ //console.log("getSchemeColorFromTheme: schemeClr: ", schemeClr);
+ var refNode = getTextByPathList(warpObj["themeContent"], ["a:theme", "a:themeElements", "a:clrScheme", schemeClr]);
+ var color = getTextByPathList(refNode, ["a:srgbClr", "attrs", "val"]);
+ //console.log("themeContent: color", color);
+ if (color === undefined && refNode !== undefined) {
+ color = getTextByPathList(refNode, ["a:sysClr", "attrs", "lastClr"]);
+ }
+ }
+ //console.log(color)
+ return color;
+ }
+
+ function extractChartData(serNode) {
+
+ var dataMat = new Array();
+
+ if (serNode === undefined) {
+ return dataMat;
+ }
+
+ if (serNode["c:xVal"] !== undefined) {
+ var dataRow = new Array();
+ eachElement(serNode["c:xVal"]["c:numRef"]["c:numCache"]["c:pt"], function (innerNode, index) {
+ dataRow.push(parseFloat(innerNode["c:v"]));
+ return "";
+ });
+ dataMat.push(dataRow);
+ dataRow = new Array();
+ eachElement(serNode["c:yVal"]["c:numRef"]["c:numCache"]["c:pt"], function (innerNode, index) {
+ dataRow.push(parseFloat(innerNode["c:v"]));
+ return "";
+ });
+ dataMat.push(dataRow);
+ } else {
+ eachElement(serNode, function (innerNode, index) {
+ var dataRow = new Array();
+ var colName = getTextByPathList(innerNode, ["c:tx", "c:strRef", "c:strCache", "c:pt", "c:v"]) || index;
+
+ // Category (string or number)
+ var rowNames = {};
+ if (getTextByPathList(innerNode, ["c:cat", "c:strRef", "c:strCache", "c:pt"]) !== undefined) {
+ eachElement(innerNode["c:cat"]["c:strRef"]["c:strCache"]["c:pt"], function (innerNode, index) {
+ rowNames[innerNode["attrs"]["idx"]] = innerNode["c:v"];
+ return "";
+ });
+ } else if (getTextByPathList(innerNode, ["c:cat", "c:numRef", "c:numCache", "c:pt"]) !== undefined) {
+ eachElement(innerNode["c:cat"]["c:numRef"]["c:numCache"]["c:pt"], function (innerNode, index) {
+ rowNames[innerNode["attrs"]["idx"]] = innerNode["c:v"];
+ return "";
+ });
+ }
+
+ // Value
+ if (getTextByPathList(innerNode, ["c:val", "c:numRef", "c:numCache", "c:pt"]) !== undefined) {
+ eachElement(innerNode["c:val"]["c:numRef"]["c:numCache"]["c:pt"], function (innerNode, index) {
+ dataRow.push({ x: innerNode["attrs"]["idx"], y: parseFloat(innerNode["c:v"]) });
+ return "";
+ });
+ }
+
+ dataMat.push({ key: colName, values: dataRow, xlabels: rowNames });
+ return "";
+ });
+ }
+
+ return dataMat;
+ }
+
+ // ===== Node functions =====
+ /**
+ * getTextByPathStr
+ * @param {Object} node
+ * @param {string} pathStr
+ */
+ function getTextByPathStr(node, pathStr) {
+ return getTextByPathList(node, pathStr.trim().split(/\s+/));
+ }
+
+ /**
+ * getTextByPathList
+ * @param {Object} node
+ * @param {string Array} path
+ */
+ function getTextByPathList(node, path) {
+
+ if (path.constructor !== Array) {
+ throw Error("Error of path type! path is not array.");
+ }
+
+ if (node === undefined) {
+ return undefined;
+ }
+
+ var l = path.length;
+ for (var i = 0; i < l; i++) {
+ node = node[path[i]];
+ if (node === undefined) {
+ return undefined;
+ }
+ }
+
+ return node;
+ }
+ /**
+ * setTextByPathList
+ * @param {Object} node
+ * @param {string Array} path
+ * @param {string} value
+ */
+ function setTextByPathList(node, path, value) {
+
+ if (path.constructor !== Array) {
+ throw Error("Error of path type! path is not array.");
+ }
+
+ if (node === undefined) {
+ return undefined;
+ }
+
+ Object.prototype.set = function (parts, value) {
+ //var parts = prop.split('.');
+ var obj = this;
+ var lent = parts.length;
+ for (var i = 0; i < lent; i++) {
+ var p = parts[i];
+ if (obj[p] === undefined) {
+ if (i == lent - 1) {
+ obj[p] = value;
+ } else {
+ obj[p] = {};
+ }
+ }
+ obj = obj[p];
+ }
+ return obj;
+ }
+
+ node.set(path, value)
+ }
+
+ /**
+ * eachElement
+ * @param {Object} node
+ * @param {function} doFunction
+ */
+ function eachElement(node, doFunction) {
+ if (node === undefined) {
+ return;
+ }
+ var result = "";
+ if (node.constructor === Array) {
+ var l = node.length;
+ for (var i = 0; i < l; i++) {
+ result += doFunction(node[i], i);
+ }
+ } else {
+ result += doFunction(node, 0);
+ }
+ return result;
+ }
+
+ // ===== Color functions =====
+ /**
+ * applyShade
+ * @param {string} rgbStr
+ * @param {number} shadeValue
+ */
+ function applyShade(rgbStr, shadeValue, isAlpha) {
+ var color = tinycolor(rgbStr).toHsl();
+ //console.log("applyShade color: ", color, ", shadeValue: ", shadeValue)
+ if (shadeValue >= 1) {
+ shadeValue = 1;
+ }
+ var cacl_l = Math.min(color.l * shadeValue, 1);//;color.l * shadeValue + (1 - shadeValue);
+ // if (isAlpha)
+ // return color.lighten(tintValue).toHex8();
+ // return color.lighten(tintValue).toHex();
+ if (isAlpha)
+ return tinycolor({ h: color.h, s: color.s, l: cacl_l, a: color.a }).toHex8();
+ return tinycolor({ h: color.h, s: color.s, l: cacl_l, a: color.a }).toHex();
+ }
+
+ /**
+ * applyTint
+ * @param {string} rgbStr
+ * @param {number} tintValue
+ */
+ function applyTint(rgbStr, tintValue, isAlpha) {
+ var color = tinycolor(rgbStr).toHsl();
+ //console.log("applyTint color: ", color, ", tintValue: ", tintValue)
+ if (tintValue >= 1) {
+ tintValue = 1;
+ }
+ var cacl_l = color.l * tintValue + (1 - tintValue);
+ // if (isAlpha)
+ // return color.lighten(tintValue).toHex8();
+ // return color.lighten(tintValue).toHex();
+ if (isAlpha)
+ return tinycolor({ h: color.h, s: color.s, l: cacl_l, a: color.a }).toHex8();
+ return tinycolor({ h: color.h, s: color.s, l: cacl_l, a: color.a }).toHex();
+ }
+
+ /**
+ * applyLumOff
+ * @param {string} rgbStr
+ * @param {number} offset
+ */
+ function applyLumOff(rgbStr, offset, isAlpha) {
+ var color = tinycolor(rgbStr).toHsl();
+ //console.log("applyLumOff color.l: ", color.l, ", offset: ", offset, ", color.l + offset : ", color.l + offset)
+ var lum = offset + color.l;
+ if (lum >= 1) {
+ if (isAlpha)
+ return tinycolor({ h: color.h, s: color.s, l: 1, a: color.a }).toHex8();
+ return tinycolor({ h: color.h, s: color.s, l: 1, a: color.a }).toHex();
+ }
+ if (isAlpha)
+ return tinycolor({ h: color.h, s: color.s, l: lum, a: color.a }).toHex8();
+ return tinycolor({ h: color.h, s: color.s, l: lum, a: color.a }).toHex();
+ }
+
+ /**
+ * applyLumMod
+ * @param {string} rgbStr
+ * @param {number} multiplier
+ */
+ function applyLumMod(rgbStr, multiplier, isAlpha) {
+ var color = tinycolor(rgbStr).toHsl();
+ //console.log("applyLumMod color.l: ", color.l, ", multiplier: ", multiplier, ", color.l * multiplier : ", color.l * multiplier)
+ var cacl_l = color.l * multiplier;
+ if (cacl_l >= 1) {
+ cacl_l = 1;
+ }
+ if (isAlpha)
+ return tinycolor({ h: color.h, s: color.s, l: cacl_l, a: color.a }).toHex8();
+ return tinycolor({ h: color.h, s: color.s, l: cacl_l, a: color.a }).toHex();
+ }
+
+
+ // /**
+ // * applyHueMod
+ // * @param {string} rgbStr
+ // * @param {number} multiplier
+ // */
+ function applyHueMod(rgbStr, multiplier, isAlpha) {
+ var color = tinycolor(rgbStr).toHsl();
+ //console.log("applyLumMod color.h: ", color.h, ", multiplier: ", multiplier, ", color.h * multiplier : ", color.h * multiplier)
+
+ var cacl_h = color.h * multiplier;
+ if (cacl_h >= 360) {
+ cacl_h = cacl_h - 360;
+ }
+ if (isAlpha)
+ return tinycolor({ h: cocacl_h, s: color.s, l: color.l, a: color.a }).toHex8();
+ return tinycolor({ h: cacl_h, s: color.s, l: color.l, a: color.a }).toHex();
+ }
+
+
+ // /**
+ // * applyHueOff
+ // * @param {string} rgbStr
+ // * @param {number} offset
+ // */
+ // function applyHueOff(rgbStr, offset, isAlpha) {
+ // var color = tinycolor(rgbStr).toHsl();
+ // //console.log("applyLumMod color.h: ", color.h, ", offset: ", offset, ", color.h * offset : ", color.h * offset)
+
+ // var cacl_h = color.h * offset;
+ // if (cacl_h >= 360) {
+ // cacl_h = cacl_h - 360;
+ // }
+ // if (isAlpha)
+ // return tinycolor({ h: cocacl_h, s: color.s, l: color.l, a: color.a }).toHex8();
+ // return tinycolor({ h: cacl_h, s: color.s, l: color.l, a: color.a }).toHex();
+ // }
+ // /**
+ // * applySatMod
+ // * @param {string} rgbStr
+ // * @param {number} multiplier
+ // */
+ function applySatMod(rgbStr, multiplier, isAlpha) {
+ var color = tinycolor(rgbStr).toHsl();
+ //console.log("applySatMod color.s: ", color.s, ", multiplier: ", multiplier, ", color.s * multiplier : ", color.s * multiplier)
+ var cacl_s = color.s * multiplier;
+ if (cacl_s >= 1) {
+ cacl_s = 1;
+ }
+ //return;
+ // if (isAlpha)
+ // return tinycolor(rgbStr).saturate(multiplier * 100).toHex8();
+ // return tinycolor(rgbStr).saturate(multiplier * 100).toHex();
+ if (isAlpha)
+ return tinycolor({ h: color.h, s: cacl_s, l: color.l, a: color.a }).toHex8();
+ return tinycolor({ h: color.h, s: cacl_s, l: color.l, a: color.a }).toHex();
+ }
+
+ /**
+ * rgba2hex
+ * @param {string} rgbaStr
+ */
+ function rgba2hex(rgbaStr) {
+ var a,
+ rgb = rgbaStr.replace(/\s/g, '').match(/^rgba?\((\d+),(\d+),(\d+),?([^,\s)]+)?/i),
+ alpha = (rgb && rgb[4] || "").trim(),
+ hex = rgb ?
+ (rgb[1] | 1 << 8).toString(16).slice(1) +
+ (rgb[2] | 1 << 8).toString(16).slice(1) +
+ (rgb[3] | 1 << 8).toString(16).slice(1) : rgbaStr;
+
+ if (alpha !== "") {
+ a = alpha;
+ } else {
+ a = 01;
+ }
+ // multiply before convert to HEX
+ a = ((a * 255) | 1 << 8).toString(16).slice(1)
+ hex = hex + a;
+
+ return hex;
+ }
+
+ ///////////////////////Amir////////////////
+ function angleToDegrees(angle) {
+ if (angle == "" || angle == null) {
+ return 0;
+ }
+ return Math.round(angle / 60000);
+ }
+ // function degreesToRadians(degrees) {
+ // //Math.PI
+ // if (degrees == "" || degrees == null || degrees == undefined) {
+ // return 0;
+ // }
+ // return degrees * (Math.PI / 180);
+ // }
+ function getMimeType(imgFileExt) {
+ var mimeType = "";
+ //console.log(imgFileExt)
+ switch (imgFileExt.toLowerCase()) {
+ case "jpg":
+ case "jpeg":
+ mimeType = "image/jpeg";
+ break;
+ case "png":
+ mimeType = "image/png";
+ break;
+ case "gif":
+ mimeType = "image/gif";
+ break;
+ case "emf": // Not native support
+ mimeType = "image/x-emf";
+ break;
+ case "wmf": // Not native support
+ mimeType = "image/x-wmf";
+ break;
+ case "svg":
+ mimeType = "image/svg+xml";
+ break;
+ case "mp4":
+ mimeType = "video/mp4";
+ break;
+ case "webm":
+ mimeType = "video/webm";
+ break;
+ case "ogg":
+ mimeType = "video/ogg";
+ break;
+ case "avi":
+ mimeType = "video/avi";
+ break;
+ case "mpg":
+ mimeType = "video/mpg";
+ break;
+ case "wmv":
+ mimeType = "video/wmv";
+ break;
+ case "mp3":
+ mimeType = "audio/mpeg";
+ break;
+ case "wav":
+ mimeType = "audio/wav";
+ break;
+ case "emf":
+ mimeType = "image/emf";
+ break;
+ case "wmf":
+ mimeType = "image/wmf";
+ case "tif":
+ case "tiff":
+ mimeType = "image/tiff";
+ break;
+ }
+ return mimeType;
+ }
+ function getSvgGradient(w, h, angl, color_arry, shpId) {
+ var stopsArray = getMiddleStops(color_arry - 2);
+
+ var svgAngle = '',
+ svgHeight = h,
+ svgWidth = w,
+ svg = '',
+ xy_ary = SVGangle(angl, svgHeight, svgWidth),
+ x1 = xy_ary[0],
+ y1 = xy_ary[1],
+ x2 = xy_ary[2],
+ y2 = xy_ary[3];
+
+ var sal = stopsArray.length,
+ sr = sal < 20 ? 100 : 1000;
+ svgAngle = ' gradientUnits="userSpaceOnUse" x1="' + x1 + '%" y1="' + y1 + '%" x2="' + x2 + '%" y2="' + y2 + '%"';
+ svgAngle = '\n';
+ svg += svgAngle;
+
+ for (var i = 0; i < sal; i++) {
+ var tinClr = tinycolor("#" + color_arry[i]);
+ var alpha = tinClr.getAlpha();
+ //console.log("color: ", color_arry[i], ", rgba: ", tinClr.toHexString(), ", alpha: ", alpha)
+ svg += '';
+ } else {
+ var ptrn = '';
+ }
+ var duotoneNode = getTextByPathList(blipNode, ["a:duotone"])
+ var fillterNode = "";
+ var filterUrl = "";
+ if (duotoneNode !== undefined) {
+ //console.log("pic duotoneNode: ", duotoneNode)
+ var clr_ary = [];
+ Object.keys(duotoneNode).forEach(function (clr_type) {
+ //Object.keys(duotoneNode[clr_type]).forEach(function (clr) {
+ //console.log("blip pic duotone clr: ", duotoneNode[clr_type][clr], clr)
+ if (clr_type != "attrs") {
+ var obj = {};
+ obj[clr_type] = duotoneNode[clr_type];
+ //console.log("blip pic duotone obj: ", obj)
+ var hexClr = getSolidFill(obj, undefined, undefined, warpObj)
+ //clr_ary.push();
+
+ var color = tinycolor("#" + hexClr);
+ clr_ary.push(color.toRgb()); // { r: 255, g: 0, b: 0, a: 1 }
+ }
+ // })
+ })
+
+ if (clr_ary.length == 2) {
+
+ fillterNode = ' ' +
+ '' +
+ '' +
+ '' +
+ //clr_ary.forEach(function(clr){
+ '' +
+ '' +
+ '' +
+ //});
+ '' +
+ ' ';
+ }
+
+ filterUrl = 'filter="url(#svg_image_duotone)"';
+
+ ptrn += fillterNode;
+ }
+
+ fill = escapeHtml(fill);
+ if (sx !== undefined && sx != 0) {
+ ptrn += '';
+ } else {
+ ptrn += '';
+ }
+ ptrn += '';
+
+ //console.log("getSvgImagePattern(...) pic_dim:", pic_dim, ", fillColor: ", fill, ", blipNode: ", blipNode, ",sx: ", sx, ", sy: ", sy, ", clr_ary: ", clr_ary, ", ptrn: ", ptrn)
+
+ return ptrn;
+ }
+
+ function getBase64ImageDimensions(imgSrc) {
+ var image = new Image();
+ var w, h;
+ image.onload = function () {
+ w = image.width;
+ h = image.height;
+ };
+ image.src = imgSrc;
+
+ do {
+ if (image.width !== undefined) {
+ return [image.width, image.height];
+ }
+ } while (image.width === undefined);
+
+ //return [w, h];
+ }
+
+ function processMsgQueue(queue) {
+ for (var i = 0; i < queue.length; i++) {
+ processSingleMsg(queue[i].data);
+ }
+ }
+
+ function processSingleMsg(d) {
+
+ var chartID = d.chartID;
+ var chartType = d.chartType;
+ var chartData = d.chartData;
+
+ var data = [];
+
+ var chart = null;
+ switch (chartType) {
+ case "lineChart":
+ data = chartData;
+ chart = nv.models.lineChart()
+ .useInteractiveGuideline(true);
+ chart.xAxis.tickFormat(function (d) { return chartData[0].xlabels[d] || d; });
+ break;
+ case "barChart":
+ data = chartData;
+ chart = nv.models.multiBarChart();
+ chart.xAxis.tickFormat(function (d) { return chartData[0].xlabels[d] || d; });
+ break;
+ case "pieChart":
+ case "pie3DChart":
+ if (chartData.length > 0) {
+ data = chartData[0].values;
+ }
+ chart = nv.models.pieChart();
+ break;
+ case "areaChart":
+ data = chartData;
+ chart = nv.models.stackedAreaChart()
+ .clipEdge(true)
+ .useInteractiveGuideline(true);
+ chart.xAxis.tickFormat(function (d) { return chartData[0].xlabels[d] || d; });
+ break;
+ case "scatterChart":
+
+ for (var i = 0; i < chartData.length; i++) {
+ var arr = [];
+ for (var j = 0; j < chartData[i].length; j++) {
+ arr.push({ x: j, y: chartData[i][j] });
+ }
+ data.push({ key: 'data' + (i + 1), values: arr });
+ }
+
+ //data = chartData;
+ chart = nv.models.scatterChart()
+ .showDistX(true)
+ .showDistY(true)
+ .color(d3.scale.category10().range());
+ chart.xAxis.axisLabel('X').tickFormat(d3.format('.02f'));
+ chart.yAxis.axisLabel('Y').tickFormat(d3.format('.02f'));
+ break;
+ default:
+ }
+
+ if (chart !== null) {
+
+ d3.select("#" + chartID)
+ .append("svg")
+ .datum(data)
+ .transition().duration(500)
+ .call(chart);
+
+ nv.utils.windowResize(chart.update);
+ isDone = true;
+ }
+
+ }
+
+ function setNumericBullets(elem) {
+ var prgrphs_arry = elem;
+ for (var i = 0; i < prgrphs_arry.length; i++) {
+ var buSpan = $(prgrphs_arry[i]).find('.numeric-bullet-style');
+ if (buSpan.length > 0) {
+ //console.log("DIV-"+i+":");
+ var prevBultTyp = "";
+ var prevBultLvl = "";
+ var buletIndex = 0;
+ var tmpArry = new Array();
+ var tmpArryIndx = 0;
+ var buletTypSrry = new Array();
+ for (var j = 0; j < buSpan.length; j++) {
+ var bult_typ = $(buSpan[j]).data("bulltname");
+ var bult_lvl = $(buSpan[j]).data("bulltlvl");
+ //console.log(j+" - "+bult_typ+" lvl: "+bult_lvl );
+ if (buletIndex == 0) {
+ prevBultTyp = bult_typ;
+ prevBultLvl = bult_lvl;
+ tmpArry[tmpArryIndx] = buletIndex;
+ buletTypSrry[tmpArryIndx] = bult_typ;
+ buletIndex++;
+ } else {
+ if (bult_typ == prevBultTyp && bult_lvl == prevBultLvl) {
+ prevBultTyp = bult_typ;
+ prevBultLvl = bult_lvl;
+ buletIndex++;
+ tmpArry[tmpArryIndx] = buletIndex;
+ buletTypSrry[tmpArryIndx] = bult_typ;
+ } else if (bult_typ != prevBultTyp && bult_lvl == prevBultLvl) {
+ prevBultTyp = bult_typ;
+ prevBultLvl = bult_lvl;
+ tmpArryIndx++;
+ tmpArry[tmpArryIndx] = buletIndex;
+ buletTypSrry[tmpArryIndx] = bult_typ;
+ buletIndex = 1;
+ } else if (bult_typ != prevBultTyp && Number(bult_lvl) > Number(prevBultLvl)) {
+ prevBultTyp = bult_typ;
+ prevBultLvl = bult_lvl;
+ tmpArryIndx++;
+ tmpArry[tmpArryIndx] = buletIndex;
+ buletTypSrry[tmpArryIndx] = bult_typ;
+ buletIndex = 1;
+ } else if (bult_typ != prevBultTyp && Number(bult_lvl) < Number(prevBultLvl)) {
+ prevBultTyp = bult_typ;
+ prevBultLvl = bult_lvl;
+ tmpArryIndx--;
+ buletIndex = tmpArry[tmpArryIndx] + 1;
+ }
+ }
+ //console.log(buletTypSrry[tmpArryIndx]+" - "+buletIndex);
+ var numIdx = getNumTypeNum(buletTypSrry[tmpArryIndx], buletIndex);
+ $(buSpan[j]).html(numIdx);
+ }
+ }
+ }
+ }
+ function getNumTypeNum(numTyp, num) {
+ var rtrnNum = "";
+ switch (numTyp) {
+ case "arabicPeriod":
+ rtrnNum = num + ". ";
+ break;
+ case "arabicParenR":
+ rtrnNum = num + ") ";
+ break;
+ case "alphaLcParenR":
+ rtrnNum = alphaNumeric(num, "lowerCase") + ") ";
+ break;
+ case "alphaLcPeriod":
+ rtrnNum = alphaNumeric(num, "lowerCase") + ". ";
+ break;
+
+ case "alphaUcParenR":
+ rtrnNum = alphaNumeric(num, "upperCase") + ") ";
+ break;
+ case "alphaUcPeriod":
+ rtrnNum = alphaNumeric(num, "upperCase") + ". ";
+ break;
+
+ case "romanUcPeriod":
+ rtrnNum = romanize(num) + ". ";
+ break;
+ case "romanLcParenR":
+ rtrnNum = romanize(num) + ") ";
+ break;
+ case "hebrew2Minus":
+ rtrnNum = hebrew2Minus.format(num) + "-";
+ break;
+ default:
+ rtrnNum = num;
+ }
+ return rtrnNum;
+ }
+ function romanize(num) {
+ if (!+num)
+ return false;
+ var digits = String(+num).split(""),
+ key = ["", "C", "CC", "CCC", "CD", "D", "DC", "DCC", "DCCC", "CM",
+ "", "X", "XX", "XXX", "XL", "L", "LX", "LXX", "LXXX", "XC",
+ "", "I", "II", "III", "IV", "V", "VI", "VII", "VIII", "IX"],
+ roman = "",
+ i = 3;
+ while (i--)
+ roman = (key[+digits.pop() + (i * 10)] || "") + roman;
+ return Array(+digits.join("") + 1).join("M") + roman;
+ }
+ var hebrew2Minus = archaicNumbers([
+ [1000, ''],
+ [400, 'ת'],
+ [300, 'ש'],
+ [200, 'ר'],
+ [100, 'ק'],
+ [90, 'צ'],
+ [80, 'פ'],
+ [70, 'ע'],
+ [60, 'ס'],
+ [50, 'נ'],
+ [40, 'מ'],
+ [30, 'ל'],
+ [20, 'כ'],
+ [10, 'י'],
+ [9, 'ט'],
+ [8, 'ח'],
+ [7, 'ז'],
+ [6, 'ו'],
+ [5, 'ה'],
+ [4, 'ד'],
+ [3, 'ג'],
+ [2, 'ב'],
+ [1, 'א'],
+ [/יה/, 'ט״ו'],
+ [/יו/, 'ט״ז'],
+ [/([א-ת])([א-ת])$/, '$1״$2'],
+ [/^([א-ת])$/, "$1׳"]
+ ]);
+ function archaicNumbers(arr) {
+ var arrParse = arr.slice().sort(function (a, b) { return b[1].length - a[1].length });
+ return {
+ format: function (n) {
+ var ret = '';
+ jQuery.each(arr, function () {
+ var num = this[0];
+ if (parseInt(num) > 0) {
+ for (; n >= num; n -= num) ret += this[1];
+ } else {
+ ret = ret.replace(num, this[1]);
+ }
+ });
+ return ret;
+ }
+ }
+ }
+ function alphaNumeric(num, upperLower) {
+ num = Number(num) - 1;
+ var aNum = "";
+ if (upperLower == "upperCase") {
+ aNum = (((num / 26 >= 1) ? String.fromCharCode(num / 26 + 64) : '') + String.fromCharCode(num % 26 + 65)).toUpperCase();
+ } else if (upperLower == "lowerCase") {
+ aNum = (((num / 26 >= 1) ? String.fromCharCode(num / 26 + 64) : '') + String.fromCharCode(num % 26 + 65)).toLowerCase();
+ }
+ return aNum;
+ }
+ function base64ArrayBuffer(arrayBuffer) {
+ var base64 = '';
+ var encodings = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+ var bytes = new Uint8Array(arrayBuffer);
+ var byteLength = bytes.byteLength;
+ var byteRemainder = byteLength % 3;
+ var mainLength = byteLength - byteRemainder;
+
+ var a, b, c, d;
+ var chunk;
+
+ for (var i = 0; i < mainLength; i = i + 3) {
+ chunk = (bytes[i] << 16) | (bytes[i + 1] << 8) | bytes[i + 2];
+ a = (chunk & 16515072) >> 18;
+ b = (chunk & 258048) >> 12;
+ c = (chunk & 4032) >> 6;
+ d = chunk & 63;
+ base64 += encodings[a] + encodings[b] + encodings[c] + encodings[d];
+ }
+
+ if (byteRemainder == 1) {
+ chunk = bytes[mainLength];
+ a = (chunk & 252) >> 2;
+ b = (chunk & 3) << 4;
+ base64 += encodings[a] + encodings[b] + '==';
+ } else if (byteRemainder == 2) {
+ chunk = (bytes[mainLength] << 8) | bytes[mainLength + 1];
+ a = (chunk & 64512) >> 10;
+ b = (chunk & 1008) >> 4;
+ c = (chunk & 15) << 2;
+ base64 += encodings[a] + encodings[b] + encodings[c] + '=';
+ }
+
+ return base64;
+ }
+
+ function IsVideoLink(vdoFile) {
+ /*
+ var ext = extractFileExtension(vdoFile);
+ if (ext.length == 3){
+ return false;
+ }else{
+ return true;
+ }
+ */
+ var urlregex = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/;
+ return urlregex.test(vdoFile);
+ }
+
+ function extractFileExtension(filename) {
+ return filename.substr((~-filename.lastIndexOf(".") >>> 0) + 2);
+ }
+
+ function escapeHtml(text) {
+ var map = {
+ '&': '&',
+ '<': '<',
+ '>': '>',
+ '"': '"',
+ "'": '''
+ };
+ return text.replace(/[&<>"']/g, function (m) { return map[m]; });
+ }
+ /////////////////////////////////////tXml///////////////////////////
+ /*
+ This is my custom tXml.js file
+ */
+ function tXml(t, r) { "use strict"; function e() { for (var r = []; t[l];)if (t.charCodeAt(l) == s) { if (t.charCodeAt(l + 1) === h) return l = t.indexOf(u, l), l + 1 && (l += 1), r; if (t.charCodeAt(l + 1) === v) { if (t.charCodeAt(l + 2) == m) { for (; -1 !== l && (t.charCodeAt(l) !== d || t.charCodeAt(l - 1) != m || t.charCodeAt(l - 2) != m || -1 == l);)l = t.indexOf(u, l + 1); -1 === l && (l = t.length) } else for (l += 2; t.charCodeAt(l) !== d && t[l];)l++; l++; continue } var e = a(); r.push(e) } else { var i = n(); i.trim().length > 0 && r.push(i), l++ } return r } function n() { var r = l; return l = t.indexOf(c, l) - 1, -2 === l && (l = t.length), t.slice(r, l + 1) } function i() { for (var r = l; -1 === A.indexOf(t[l]) && t[l];)l++; return t.slice(r, l) } function a() { var r = {}; l++, r.tagName = i(); for (var n = !1; t.charCodeAt(l) !== d && t[l];) { var a = t.charCodeAt(l); if (a > 64 && 91 > a || a > 96 && 123 > a) { for (var f = i(), c = t.charCodeAt(l); c && c !== p && c !== g && !(c > 64 && 91 > c || c > 96 && 123 > c) && c !== d;)l++, c = t.charCodeAt(l); if (n || (r.attributes = {}, n = !0), c === p || c === g) { var s = o(); if (-1 === l) return r } else s = null, l--; r.attributes[f] = s } l++ } if (t.charCodeAt(l - 1) !== h) if ("script" == r.tagName) { var u = l + 1; l = t.indexOf("", l), r.children = [t.slice(u, l - 1)], l += 8 } else if ("style" == r.tagName) { var u = l + 1; l = t.indexOf("", l), r.children = [t.slice(u, l - 1)], l += 7 } else -1 == C.indexOf(r.tagName) && (l++, r.children = e(f)); else l++; return r } function o() { var r = t[l], e = ++l; return l = t.indexOf(r, e), t.slice(e, l) } function f() { var e = new RegExp("\\s" + r.attrName + "\\s*=['\"]" + r.attrValue + "['\"]").exec(t); return e ? e.index : -1 } r = r || {}; var l = r.pos || 0, c = "<", s = "<".charCodeAt(0), u = ">", d = ">".charCodeAt(0), m = "-".charCodeAt(0), h = "/".charCodeAt(0), v = "!".charCodeAt(0), p = "'".charCodeAt(0), g = '"'.charCodeAt(0), A = "\n >/= ", C = ["img", "br", "input", "meta", "link"], y = null; if (void 0 !== r.attrValue) { r.attrName = r.attrName || "id"; for (var y = []; -1 !== (l = f());)l = t.lastIndexOf("<", l), -1 !== l && y.push(a()), t = t.substr(l), l = 0 } else y = r.parseNode ? a() : e(); return r.filter && (y = tXml.filter(y, r.filter)), r.simplify && (y = tXml.simplify(y)), y.pos = l, y } var _order = 1; tXml.simplify = function (t) { var r = {}; if (void 0 === t) return {}; if (1 === t.length && "string" == typeof t[0]) return t[0]; t.forEach(function (t) { if ("object" == typeof t) { r[t.tagName] || (r[t.tagName] = []); var e = tXml.simplify(t.children || []); r[t.tagName].push(e), t.attributes && (e.attrs = t.attributes), void 0 === e.attrs ? e.attrs = { order: _order } : e.attrs.order = _order, _order++ } }); for (var e in r) 1 == r[e].length && (r[e] = r[e][0]); return r }, tXml.filter = function (t, r) { var e = []; return t.forEach(function (t) { if ("object" == typeof t && r(t) && e.push(t), t.children) { var n = tXml.filter(t.children, r); e = e.concat(n) } }), e }, tXml.stringify = function (t) { function r(t) { if (t) for (var r = 0; r < t.length; r++)"string" == typeof t[r] ? n += t[r].trim() : e(t[r]) } function e(t) { n += "<" + t.tagName; for (var e in t.attributes) n += null === t.attributes[e] ? " " + e : -1 === t.attributes[e].indexOf('"') ? " " + e + '="' + t.attributes[e].trim() + '"' : " " + e + "='" + t.attributes[e].trim() + "'"; n += ">", r(t.children), n += "" } var n = ""; return r(t), n }, tXml.toContentString = function (t) { if (Array.isArray(t)) { var r = ""; return t.forEach(function (t) { r += " " + tXml.toContentString(t), r = r.trim() }), r } return "object" == typeof t ? tXml.toContentString(t.children) : " " + t }, tXml.getElementById = function (t, r, e) { var n = tXml(t, { attrValue: r, simplify: e }); return e ? n : n[0] }, tXml.getElementsByClassName = function (t, r, e) { return tXml(t, { attrName: "class", attrValue: "[a-zA-Z0-9-s ]*" + r + "[a-zA-Z0-9-s ]*", simplify: e }) }, tXml.parseStream = function (t, r) { if ("function" == typeof r && (cb = r, r = 0), "string" == typeof r && (r = r.length + 2), "string" == typeof t) { var e = require("fs"); t = e.createReadStream(t, { start: r }), r = 0 } var n = r, i = "", a = 0; return t.on("data", function (r) { a++, i += r; for (var e = 0; ;) { n = i.indexOf("<", n) + 1; var o = tXml(i, { pos: n, parseNode: !0 }); if (n = o.pos, n > i.length - 1 || e > n) return void (e && (i = i.slice(e), n = 0, e = 0)); t.emit("xml", o), e = n } i = i.slice(n), n = 0 }), t.on("end", function () { console.log("end") }), t }, "object" == typeof module && (module.exports = tXml);
+ };
+
+ /*!
+ JSZipUtils - A collection of cross-browser utilities to go along with JSZip.
+
+ (c) 2014 Stuart Knightley, David Duponchel
+ Dual licenced under the MIT license or GPLv3. See https://raw.github.com/Stuk/jszip-utils/master/LICENSE.markdown.
+ */
+ !function (a) { "object" == typeof exports ? module.exports = a() : "function" == typeof define && define.amd ? define(a) : "undefined" != typeof window ? window.JSZipUtils = a() : "undefined" != typeof global ? global.JSZipUtils = a() : "undefined" != typeof self && (self.JSZipUtils = a()) }(function () { return function a(b, c, d) { function e(g, h) { if (!c[g]) { if (!b[g]) { var i = "function" == typeof require && require; if (!h && i) return i(g, !0); if (f) return f(g, !0); throw new Error("Cannot find module '" + g + "'") } var j = c[g] = { exports: {} }; b[g][0].call(j.exports, function (a) { var c = b[g][1][a]; return e(c ? c : a) }, j, j.exports, a, b, c, d) } return c[g].exports } for (var f = "function" == typeof require && require, g = 0; g < d.length; g++)e(d[g]); return e }({ 1: [function (a, b) { "use strict"; function c() { try { return new window.XMLHttpRequest } catch (a) { } } function d() { try { return new window.ActiveXObject("Microsoft.XMLHTTP") } catch (a) { } } var e = {}; e._getBinaryFromXHR = function (a) { return a.response || a.responseText }; var f = window.ActiveXObject ? function () { return c() || d() } : c; e.getBinaryContent = function (a, b) { try { var c = f(); c.open("GET", a, !0), "responseType" in c && (c.responseType = "arraybuffer"), c.overrideMimeType && c.overrideMimeType("text/plain; charset=x-user-defined"), c.onreadystatechange = function () { var d, f; if (4 === c.readyState) if (200 === c.status || 0 === c.status) { d = null, f = null; try { d = e._getBinaryFromXHR(c) } catch (g) { f = new Error(g) } b(f, d) } else b(new Error("Ajax error for " + a + " : " + this.status + " " + this.statusText), null) }, c.send() } catch (d) { b(new Error(d), null) } }, b.exports = e }, {}] }, {}, [1])(1) });
+
+ // TinyColor v1.4.2
+ // https://github.com/bgrins/TinyColor
+ // 2020-09-25, Brian Grinstead, MIT License
+ !function (a) { function b(a, d) { if (a = a ? a : "", d = d || {}, a instanceof b) return a; if (!(this instanceof b)) return new b(a, d); var e = c(a); this._originalInput = a, this._r = e.r, this._g = e.g, this._b = e.b, this._a = e.a, this._roundA = P(100 * this._a) / 100, this._format = d.format || e.format, this._gradientType = d.gradientType, this._r < 1 && (this._r = P(this._r)), this._g < 1 && (this._g = P(this._g)), this._b < 1 && (this._b = P(this._b)), this._ok = e.ok, this._tc_id = O++ } function c(a) { var b = { r: 0, g: 0, b: 0 }, c = 1, e = null, g = null, i = null, j = !1, k = !1; return "string" == typeof a && (a = K(a)), "object" == typeof a && (J(a.r) && J(a.g) && J(a.b) ? (b = d(a.r, a.g, a.b), j = !0, k = "%" === String(a.r).substr(-1) ? "prgb" : "rgb") : J(a.h) && J(a.s) && J(a.v) ? (e = G(a.s), g = G(a.v), b = h(a.h, e, g), j = !0, k = "hsv") : J(a.h) && J(a.s) && J(a.l) && (e = G(a.s), i = G(a.l), b = f(a.h, e, i), j = !0, k = "hsl"), a.hasOwnProperty("a") && (c = a.a)), c = z(c), { ok: j, format: a.format || k, r: Q(255, R(b.r, 0)), g: Q(255, R(b.g, 0)), b: Q(255, R(b.b, 0)), a: c } } function d(a, b, c) { return { r: 255 * A(a, 255), g: 255 * A(b, 255), b: 255 * A(c, 255) } } function e(a, b, c) { a = A(a, 255), b = A(b, 255), c = A(c, 255); var d, e, f = R(a, b, c), g = Q(a, b, c), h = (f + g) / 2; if (f == g) d = e = 0; else { var i = f - g; switch (e = h > .5 ? i / (2 - f - g) : i / (f + g), f) { case a: d = (b - c) / i + (c > b ? 6 : 0); break; case b: d = (c - a) / i + 2; break; case c: d = (a - b) / i + 4 }d /= 6 } return { h: d, s: e, l: h } } function f(a, b, c) { function d(a, b, c) { return 0 > c && (c += 1), c > 1 && (c -= 1), 1 / 6 > c ? a + 6 * (b - a) * c : .5 > c ? b : 2 / 3 > c ? a + (b - a) * (2 / 3 - c) * 6 : a } var e, f, g; if (a = A(a, 360), b = A(b, 100), c = A(c, 100), 0 === b) e = f = g = c; else { var h = .5 > c ? c * (1 + b) : c + b - c * b, i = 2 * c - h; e = d(i, h, a + 1 / 3), f = d(i, h, a), g = d(i, h, a - 1 / 3) } return { r: 255 * e, g: 255 * f, b: 255 * g } } function g(a, b, c) { a = A(a, 255), b = A(b, 255), c = A(c, 255); var d, e, f = R(a, b, c), g = Q(a, b, c), h = f, i = f - g; if (e = 0 === f ? 0 : i / f, f == g) d = 0; else { switch (f) { case a: d = (b - c) / i + (c > b ? 6 : 0); break; case b: d = (c - a) / i + 2; break; case c: d = (a - b) / i + 4 }d /= 6 } return { h: d, s: e, v: h } } function h(b, c, d) { b = 6 * A(b, 360), c = A(c, 100), d = A(d, 100); var e = a.floor(b), f = b - e, g = d * (1 - c), h = d * (1 - f * c), i = d * (1 - (1 - f) * c), j = e % 6, k = [d, h, g, g, i, d][j], l = [i, d, d, h, g, g][j], m = [g, g, i, d, d, h][j]; return { r: 255 * k, g: 255 * l, b: 255 * m } } function i(a, b, c, d) { var e = [F(P(a).toString(16)), F(P(b).toString(16)), F(P(c).toString(16))]; return d && e[0].charAt(0) == e[0].charAt(1) && e[1].charAt(0) == e[1].charAt(1) && e[2].charAt(0) == e[2].charAt(1) ? e[0].charAt(0) + e[1].charAt(0) + e[2].charAt(0) : e.join("") } function j(a, b, c, d, e) { var f = [F(P(a).toString(16)), F(P(b).toString(16)), F(P(c).toString(16)), F(H(d))]; return e && f[0].charAt(0) == f[0].charAt(1) && f[1].charAt(0) == f[1].charAt(1) && f[2].charAt(0) == f[2].charAt(1) && f[3].charAt(0) == f[3].charAt(1) ? f[0].charAt(0) + f[1].charAt(0) + f[2].charAt(0) + f[3].charAt(0) : f.join("") } function k(a, b, c, d) { var e = [F(H(d)), F(P(a).toString(16)), F(P(b).toString(16)), F(P(c).toString(16))]; return e.join("") } function l(a, c) { c = 0 === c ? 0 : c || 10; var d = b(a).toHsl(); return d.s -= c / 100, d.s = B(d.s), b(d) } function m(a, c) { c = 0 === c ? 0 : c || 10; var d = b(a).toHsl(); return d.s += c / 100, d.s = B(d.s), b(d) } function n(a) { return b(a).desaturate(100) } function o(a, c) { c = 0 === c ? 0 : c || 10; var d = b(a).toHsl(); return d.l += c / 100, d.l = B(d.l), b(d) } function p(a, c) { c = 0 === c ? 0 : c || 10; var d = b(a).toRgb(); return d.r = R(0, Q(255, d.r - P(255 * -(c / 100)))), d.g = R(0, Q(255, d.g - P(255 * -(c / 100)))), d.b = R(0, Q(255, d.b - P(255 * -(c / 100)))), b(d) } function q(a, c) { c = 0 === c ? 0 : c || 10; var d = b(a).toHsl(); return d.l -= c / 100, d.l = B(d.l), b(d) } function r(a, c) { var d = b(a).toHsl(), e = (d.h + c) % 360; return d.h = 0 > e ? 360 + e : e, b(d) } function s(a) { var c = b(a).toHsl(); return c.h = (c.h + 180) % 360, b(c) } function t(a) { var c = b(a).toHsl(), d = c.h; return [b(a), b({ h: (d + 120) % 360, s: c.s, l: c.l }), b({ h: (d + 240) % 360, s: c.s, l: c.l })] } function u(a) { var c = b(a).toHsl(), d = c.h; return [b(a), b({ h: (d + 90) % 360, s: c.s, l: c.l }), b({ h: (d + 180) % 360, s: c.s, l: c.l }), b({ h: (d + 270) % 360, s: c.s, l: c.l })] } function v(a) { var c = b(a).toHsl(), d = c.h; return [b(a), b({ h: (d + 72) % 360, s: c.s, l: c.l }), b({ h: (d + 216) % 360, s: c.s, l: c.l })] } function w(a, c, d) { c = c || 6, d = d || 30; var e = b(a).toHsl(), f = 360 / d, g = [b(a)]; for (e.h = (e.h - (f * c >> 1) + 720) % 360; --c;)e.h = (e.h + f) % 360, g.push(b(e)); return g } function x(a, c) { c = c || 6; for (var d = b(a).toHsv(), e = d.h, f = d.s, g = d.v, h = [], i = 1 / c; c--;)h.push(b({ h: e, s: f, v: g })), g = (g + i) % 1; return h } function y(a) { var b = {}; for (var c in a) a.hasOwnProperty(c) && (b[a[c]] = c); return b } function z(a) { return a = parseFloat(a), (isNaN(a) || 0 > a || a > 1) && (a = 1), a } function A(b, c) { D(b) && (b = "100%"); var d = E(b); return b = Q(c, R(0, parseFloat(b))), d && (b = parseInt(b * c, 10) / 100), a.abs(b - c) < 1e-6 ? 1 : b % c / parseFloat(c) } function B(a) { return Q(1, R(0, a)) } function C(a) { return parseInt(a, 16) } function D(a) { return "string" == typeof a && -1 != a.indexOf(".") && 1 === parseFloat(a) } function E(a) { return "string" == typeof a && -1 != a.indexOf("%") } function F(a) { return 1 == a.length ? "0" + a : "" + a } function G(a) { return 1 >= a && (a = 100 * a + "%"), a } function H(b) { return a.round(255 * parseFloat(b)).toString(16) } function I(a) { return C(a) / 255 } function J(a) { return !!V.CSS_UNIT.exec(a) } function K(a) { a = a.replace(M, "").replace(N, "").toLowerCase(); var b = !1; if (T[a]) a = T[a], b = !0; else if ("transparent" == a) return { r: 0, g: 0, b: 0, a: 0, format: "name" }; var c; return (c = V.rgb.exec(a)) ? { r: c[1], g: c[2], b: c[3] } : (c = V.rgba.exec(a)) ? { r: c[1], g: c[2], b: c[3], a: c[4] } : (c = V.hsl.exec(a)) ? { h: c[1], s: c[2], l: c[3] } : (c = V.hsla.exec(a)) ? { h: c[1], s: c[2], l: c[3], a: c[4] } : (c = V.hsv.exec(a)) ? { h: c[1], s: c[2], v: c[3] } : (c = V.hsva.exec(a)) ? { h: c[1], s: c[2], v: c[3], a: c[4] } : (c = V.hex8.exec(a)) ? { r: C(c[1]), g: C(c[2]), b: C(c[3]), a: I(c[4]), format: b ? "name" : "hex8" } : (c = V.hex6.exec(a)) ? { r: C(c[1]), g: C(c[2]), b: C(c[3]), format: b ? "name" : "hex" } : (c = V.hex4.exec(a)) ? { r: C(c[1] + "" + c[1]), g: C(c[2] + "" + c[2]), b: C(c[3] + "" + c[3]), a: I(c[4] + "" + c[4]), format: b ? "name" : "hex8" } : (c = V.hex3.exec(a)) ? { r: C(c[1] + "" + c[1]), g: C(c[2] + "" + c[2]), b: C(c[3] + "" + c[3]), format: b ? "name" : "hex" } : !1 } function L(a) { var b, c; return a = a || { level: "AA", size: "small" }, b = (a.level || "AA").toUpperCase(), c = (a.size || "small").toLowerCase(), "AA" !== b && "AAA" !== b && (b = "AA"), "small" !== c && "large" !== c && (c = "small"), { level: b, size: c } } var M = /^\s+/, N = /\s+$/, O = 0, P = a.round, Q = a.min, R = a.max, S = a.random; b.prototype = { isDark: function () { return this.getBrightness() < 128 }, isLight: function () { return !this.isDark() }, isValid: function () { return this._ok }, getOriginalInput: function () { return this._originalInput }, getFormat: function () { return this._format }, getAlpha: function () { return this._a }, getBrightness: function () { var a = this.toRgb(); return (299 * a.r + 587 * a.g + 114 * a.b) / 1e3 }, getLuminance: function () { var b, c, d, e, f, g, h = this.toRgb(); return b = h.r / 255, c = h.g / 255, d = h.b / 255, e = .03928 >= b ? b / 12.92 : a.pow((b + .055) / 1.055, 2.4), f = .03928 >= c ? c / 12.92 : a.pow((c + .055) / 1.055, 2.4), g = .03928 >= d ? d / 12.92 : a.pow((d + .055) / 1.055, 2.4), .2126 * e + .7152 * f + .0722 * g }, setAlpha: function (a) { return this._a = z(a), this._roundA = P(100 * this._a) / 100, this }, toHsv: function () { var a = g(this._r, this._g, this._b); return { h: 360 * a.h, s: a.s, v: a.v, a: this._a } }, toHsvString: function () { var a = g(this._r, this._g, this._b), b = P(360 * a.h), c = P(100 * a.s), d = P(100 * a.v); return 1 == this._a ? "hsv(" + b + ", " + c + "%, " + d + "%)" : "hsva(" + b + ", " + c + "%, " + d + "%, " + this._roundA + ")" }, toHsl: function () { var a = e(this._r, this._g, this._b); return { h: 360 * a.h, s: a.s, l: a.l, a: this._a } }, toHslString: function () { var a = e(this._r, this._g, this._b), b = P(360 * a.h), c = P(100 * a.s), d = P(100 * a.l); return 1 == this._a ? "hsl(" + b + ", " + c + "%, " + d + "%)" : "hsla(" + b + ", " + c + "%, " + d + "%, " + this._roundA + ")" }, toHex: function (a) { return i(this._r, this._g, this._b, a) }, toHexString: function (a) { return "#" + this.toHex(a) }, toHex8: function (a) { return j(this._r, this._g, this._b, this._a, a) }, toHex8String: function (a) { return "#" + this.toHex8(a) }, toRgb: function () { return { r: P(this._r), g: P(this._g), b: P(this._b), a: this._a } }, toRgbString: function () { return 1 == this._a ? "rgb(" + P(this._r) + ", " + P(this._g) + ", " + P(this._b) + ")" : "rgba(" + P(this._r) + ", " + P(this._g) + ", " + P(this._b) + ", " + this._roundA + ")" }, toPercentageRgb: function () { return { r: P(100 * A(this._r, 255)) + "%", g: P(100 * A(this._g, 255)) + "%", b: P(100 * A(this._b, 255)) + "%", a: this._a } }, toPercentageRgbString: function () { return 1 == this._a ? "rgb(" + P(100 * A(this._r, 255)) + "%, " + P(100 * A(this._g, 255)) + "%, " + P(100 * A(this._b, 255)) + "%)" : "rgba(" + P(100 * A(this._r, 255)) + "%, " + P(100 * A(this._g, 255)) + "%, " + P(100 * A(this._b, 255)) + "%, " + this._roundA + ")" }, toName: function () { return 0 === this._a ? "transparent" : this._a < 1 ? !1 : U[i(this._r, this._g, this._b, !0)] || !1 }, toFilter: function (a) { var c = "#" + k(this._r, this._g, this._b, this._a), d = c, e = this._gradientType ? "GradientType = 1, " : ""; if (a) { var f = b(a); d = "#" + k(f._r, f._g, f._b, f._a) } return "progid:DXImageTransform.Microsoft.gradient(" + e + "startColorstr=" + c + ",endColorstr=" + d + ")" }, toString: function (a) { var b = !!a; a = a || this._format; var c = !1, d = this._a < 1 && this._a >= 0, e = !b && d && ("hex" === a || "hex6" === a || "hex3" === a || "hex4" === a || "hex8" === a || "name" === a); return e ? "name" === a && 0 === this._a ? this.toName() : this.toRgbString() : ("rgb" === a && (c = this.toRgbString()), "prgb" === a && (c = this.toPercentageRgbString()), ("hex" === a || "hex6" === a) && (c = this.toHexString()), "hex3" === a && (c = this.toHexString(!0)), "hex4" === a && (c = this.toHex8String(!0)), "hex8" === a && (c = this.toHex8String()), "name" === a && (c = this.toName()), "hsl" === a && (c = this.toHslString()), "hsv" === a && (c = this.toHsvString()), c || this.toHexString()) }, clone: function () { return b(this.toString()) }, _applyModification: function (a, b) { var c = a.apply(null, [this].concat([].slice.call(b))); return this._r = c._r, this._g = c._g, this._b = c._b, this.setAlpha(c._a), this }, lighten: function () { return this._applyModification(o, arguments) }, brighten: function () { return this._applyModification(p, arguments) }, darken: function () { return this._applyModification(q, arguments) }, desaturate: function () { return this._applyModification(l, arguments) }, saturate: function () { return this._applyModification(m, arguments) }, greyscale: function () { return this._applyModification(n, arguments) }, spin: function () { return this._applyModification(r, arguments) }, _applyCombination: function (a, b) { return a.apply(null, [this].concat([].slice.call(b))) }, analogous: function () { return this._applyCombination(w, arguments) }, complement: function () { return this._applyCombination(s, arguments) }, monochromatic: function () { return this._applyCombination(x, arguments) }, splitcomplement: function () { return this._applyCombination(v, arguments) }, triad: function () { return this._applyCombination(t, arguments) }, tetrad: function () { return this._applyCombination(u, arguments) } }, b.fromRatio = function (a, c) { if ("object" == typeof a) { var d = {}; for (var e in a) a.hasOwnProperty(e) && ("a" === e ? d[e] = a[e] : d[e] = G(a[e])); a = d } return b(a, c) }, b.equals = function (a, c) { return a && c ? b(a).toRgbString() == b(c).toRgbString() : !1 }, b.random = function () { return b.fromRatio({ r: S(), g: S(), b: S() }) }, b.mix = function (a, c, d) { d = 0 === d ? 0 : d || 50; var e = b(a).toRgb(), f = b(c).toRgb(), g = d / 100, h = { r: (f.r - e.r) * g + e.r, g: (f.g - e.g) * g + e.g, b: (f.b - e.b) * g + e.b, a: (f.a - e.a) * g + e.a }; return b(h) }, b.readability = function (c, d) { var e = b(c), f = b(d); return (a.max(e.getLuminance(), f.getLuminance()) + .05) / (a.min(e.getLuminance(), f.getLuminance()) + .05) }, b.isReadable = function (a, c, d) { var e, f, g = b.readability(a, c); switch (f = !1, e = L(d), e.level + e.size) { case "AAsmall": case "AAAlarge": f = g >= 4.5; break; case "AAlarge": f = g >= 3; break; case "AAAsmall": f = g >= 7 }return f }, b.mostReadable = function (a, c, d) { var e, f, g, h, i = null, j = 0; d = d || {}, f = d.includeFallbackColors, g = d.level, h = d.size; for (var k = 0; k < c.length; k++)e = b.readability(a, c[k]), e > j && (j = e, i = b(c[k])); return b.isReadable(a, i, { level: g, size: h }) || !f ? i : (d.includeFallbackColors = !1, b.mostReadable(a, ["#fff", "#000"], d)) }; var T = b.names = { aliceblue: "f0f8ff", antiquewhite: "faebd7", aqua: "0ff", aquamarine: "7fffd4", azure: "f0ffff", beige: "f5f5dc", bisque: "ffe4c4", black: "000", blanchedalmond: "ffebcd", blue: "00f", blueviolet: "8a2be2", brown: "a52a2a", burlywood: "deb887", burntsienna: "ea7e5d", cadetblue: "5f9ea0", chartreuse: "7fff00", chocolate: "d2691e", coral: "ff7f50", cornflowerblue: "6495ed", cornsilk: "fff8dc", crimson: "dc143c", cyan: "0ff", darkblue: "00008b", darkcyan: "008b8b", darkgoldenrod: "b8860b", darkgray: "a9a9a9", darkgreen: "006400", darkgrey: "a9a9a9", darkkhaki: "bdb76b", darkmagenta: "8b008b", darkolivegreen: "556b2f", darkorange: "ff8c00", darkorchid: "9932cc", darkred: "8b0000", darksalmon: "e9967a", darkseagreen: "8fbc8f", darkslateblue: "483d8b", darkslategray: "2f4f4f", darkslategrey: "2f4f4f", darkturquoise: "00ced1", darkviolet: "9400d3", deeppink: "ff1493", deepskyblue: "00bfff", dimgray: "696969", dimgrey: "696969", dodgerblue: "1e90ff", firebrick: "b22222", floralwhite: "fffaf0", forestgreen: "228b22", fuchsia: "f0f", gainsboro: "dcdcdc", ghostwhite: "f8f8ff", gold: "ffd700", goldenrod: "daa520", gray: "808080", green: "008000", greenyellow: "adff2f", grey: "808080", honeydew: "f0fff0", hotpink: "ff69b4", indianred: "cd5c5c", indigo: "4b0082", ivory: "fffff0", khaki: "f0e68c", lavender: "e6e6fa", lavenderblush: "fff0f5", lawngreen: "7cfc00", lemonchiffon: "fffacd", lightblue: "add8e6", lightcoral: "f08080", lightcyan: "e0ffff", lightgoldenrodyellow: "fafad2", lightgray: "d3d3d3", lightgreen: "90ee90", lightgrey: "d3d3d3", lightpink: "ffb6c1", lightsalmon: "ffa07a", lightseagreen: "20b2aa", lightskyblue: "87cefa", lightslategray: "789", lightslategrey: "789", lightsteelblue: "b0c4de", lightyellow: "ffffe0", lime: "0f0", limegreen: "32cd32", linen: "faf0e6", magenta: "f0f", maroon: "800000", mediumaquamarine: "66cdaa", mediumblue: "0000cd", mediumorchid: "ba55d3", mediumpurple: "9370db", mediumseagreen: "3cb371", mediumslateblue: "7b68ee", mediumspringgreen: "00fa9a", mediumturquoise: "48d1cc", mediumvioletred: "c71585", midnightblue: "191970", mintcream: "f5fffa", mistyrose: "ffe4e1", moccasin: "ffe4b5", navajowhite: "ffdead", navy: "000080", oldlace: "fdf5e6", olive: "808000", olivedrab: "6b8e23", orange: "ffa500", orangered: "ff4500", orchid: "da70d6", palegoldenrod: "eee8aa", palegreen: "98fb98", paleturquoise: "afeeee", palevioletred: "db7093", papayawhip: "ffefd5", peachpuff: "ffdab9", peru: "cd853f", pink: "ffc0cb", plum: "dda0dd", powderblue: "b0e0e6", purple: "800080", rebeccapurple: "663399", red: "f00", rosybrown: "bc8f8f", royalblue: "4169e1", saddlebrown: "8b4513", salmon: "fa8072", sandybrown: "f4a460", seagreen: "2e8b57", seashell: "fff5ee", sienna: "a0522d", silver: "c0c0c0", skyblue: "87ceeb", slateblue: "6a5acd", slategray: "708090", slategrey: "708090", snow: "fffafa", springgreen: "00ff7f", steelblue: "4682b4", tan: "d2b48c", teal: "008080", thistle: "d8bfd8", tomato: "ff6347", turquoise: "40e0d0", violet: "ee82ee", wheat: "f5deb3", white: "fff", whitesmoke: "f5f5f5", yellow: "ff0", yellowgreen: "9acd32" }, U = b.hexNames = y(T), V = function () { var a = "[-\\+]?\\d+%?", b = "[-\\+]?\\d*\\.\\d+%?", c = "(?:" + b + ")|(?:" + a + ")", d = "[\\s|\\(]+(" + c + ")[,|\\s]+(" + c + ")[,|\\s]+(" + c + ")\\s*\\)?", e = "[\\s|\\(]+(" + c + ")[,|\\s]+(" + c + ")[,|\\s]+(" + c + ")[,|\\s]+(" + c + ")\\s*\\)?"; return { CSS_UNIT: new RegExp(c), rgb: new RegExp("rgb" + d), rgba: new RegExp("rgba" + e), hsl: new RegExp("hsl" + d), hsla: new RegExp("hsla" + e), hsv: new RegExp("hsv" + d), hsva: new RegExp("hsva" + e), hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/, hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/ } }(); "undefined" != typeof module && module.exports ? module.exports = b : "function" == typeof define && define.amd ? define(function () { return b }) : window.tinycolor = b }(Math);
+}(jQuery));
diff --git a/web/src/api/datamanagement/index.ts b/web/src/api/datamanagement/index.ts
index bc5e9ab..e718d7b 100644
--- a/web/src/api/datamanagement/index.ts
+++ b/web/src/api/datamanagement/index.ts
@@ -117,4 +117,29 @@ export function uploadToBackup(params:any) {
method: 'post',
params:params,
});
+}
+//新增试验数据管理文件夹
+export function addTsFile(params:any) {
+ return request({
+ url: '/experimentalData/ts-files/addTsFile',
+ method: 'post',
+ data:params,
+ });
+}
+
+//根据父项编码查询数据字典项数据
+export function list(params:any){
+ return request ({
+ url:'/system/dictionaryItems/list',
+ method:'post',
+ params:params
+ })
+}
+//查询实验数据管理文件夹
+export function listTsFiles(params:any){
+ return request ({
+ url:'/experimentalData/ts-files/listTsFiles',
+ method:'get',
+ params:params
+ })
}
\ No newline at end of file
diff --git a/web/src/assets/fileimg/mp3.png b/web/src/assets/fileimg/mp3.png
new file mode 100644
index 0000000..bca9949
Binary files /dev/null and b/web/src/assets/fileimg/mp3.png differ
diff --git a/web/src/assets/fileimg/mp4.png b/web/src/assets/fileimg/mp4.png
new file mode 100644
index 0000000..4a3c610
Binary files /dev/null and b/web/src/assets/fileimg/mp4.png differ
diff --git a/web/src/assets/fileimg/pdf.png b/web/src/assets/fileimg/pdf.png
new file mode 100644
index 0000000..487e4bd
Binary files /dev/null and b/web/src/assets/fileimg/pdf.png differ
diff --git a/web/src/assets/fileimg/ppt.png b/web/src/assets/fileimg/ppt.png
new file mode 100644
index 0000000..577b69c
Binary files /dev/null and b/web/src/assets/fileimg/ppt.png differ
diff --git a/web/src/assets/fileimg/text_line.png b/web/src/assets/fileimg/text_line.png
new file mode 100644
index 0000000..50b61e1
Binary files /dev/null and b/web/src/assets/fileimg/text_line.png differ
diff --git a/web/src/assets/fileimg/wenjianjia.png b/web/src/assets/fileimg/wenjianjia.png
new file mode 100644
index 0000000..ae953c2
Binary files /dev/null and b/web/src/assets/fileimg/wenjianjia.png differ
diff --git a/web/src/assets/fileimg/word.png b/web/src/assets/fileimg/word.png
new file mode 100644
index 0000000..62e86ec
Binary files /dev/null and b/web/src/assets/fileimg/word.png differ
diff --git a/web/src/assets/fileimg/zip.png b/web/src/assets/fileimg/zip.png
new file mode 100644
index 0000000..85e313a
Binary files /dev/null and b/web/src/assets/fileimg/zip.png differ
diff --git a/web/src/assets/images/addNew.png b/web/src/assets/images/addNew.png
new file mode 100644
index 0000000..7464f85
Binary files /dev/null and b/web/src/assets/images/addNew.png differ
diff --git a/web/src/assets/project/chong.png b/web/src/assets/project/chong.png
new file mode 100644
index 0000000..fdeb020
Binary files /dev/null and b/web/src/assets/project/chong.png differ
diff --git a/web/src/assets/project/gai.png b/web/src/assets/project/gai.png
new file mode 100644
index 0000000..f92e0e0
Binary files /dev/null and b/web/src/assets/project/gai.png differ
diff --git a/web/src/components/file/ZUpload.vue b/web/src/components/file/ZUpload.vue
index 2ae4e77..01579d4 100644
--- a/web/src/components/file/ZUpload.vue
+++ b/web/src/components/file/ZUpload.vue
@@ -1,18 +1,17 @@
-
+
-
- 拖拽文件到这里或 点击上传, 上传至 {{ currentPath }}
+
+ 拖拽文件到这里或 点击上传, 上传多个或单个
-
+
@@ -88,7 +87,7 @@
{
\ No newline at end of file
diff --git a/web/src/components/file/preview/VideoPlayer.vue b/web/src/components/file/preview/VideoPlayer.vue
index f6a46f7..63fba14 100644
--- a/web/src/components/file/preview/VideoPlayer.vue
+++ b/web/src/components/file/preview/VideoPlayer.vue
@@ -1,89 +1,6 @@
-
-
-
-
-
- tips: 可点击上方的软件图标进行下载播放, 本地播放器解码效果更佳.
-
@@ -297,7 +214,7 @@ const initArtPlayer = async (name, url) => {
fastForward: true,
autoOrientation: true,
aspectRatio: true,
- fullscreenWeb: true,
+ // fullscreenWeb: true,
theme: '#23ade5',
lock: true,
subtitleOffset: true,
@@ -380,44 +297,44 @@ const initArtPlayer = async (name, url) => {
return nextState;
},
},
- {
- html: '自动播放下一个视频',
- tooltip: autoPlayNextVideo.value ? '开启' : '关闭',
- icon: '
',
- switch: autoPlayNextVideo.value,
- onSwitch: function(item, $dom, event) {
- const nextState = !item.switch;
+ // {
+ // html: '自动播放下一个视频',
+ // tooltip: autoPlayNextVideo.value ? '开启' : '关闭',
+ // icon: '
',
+ // switch: autoPlayNextVideo.value,
+ // onSwitch: function(item, $dom, event) {
+ // const nextState = !item.switch;
- autoPlayNextVideo.value = nextState;
+ // autoPlayNextVideo.value = nextState;
- // 改变提示文本
- item.tooltip = nextState ? '开启' : '关闭';
+ // // 改变提示文本
+ // item.tooltip = nextState ? '开启' : '关闭';
- // 改变按钮状态
- return nextState;
- },
- }
+ // // 改变按钮状态
+ // return nextState;
+ // },
+ // }
],
- controls: [
- {
- position: 'right',
- html: hiddenTools.value ? hiddenIcon : notHiddenIcon,
- click: function (_, event) {
- hiddenTools.value = !hiddenTools.value;
- event.target.parentNode.parentNode.innerHTML = (hiddenTools.value ? hiddenIcon : notHiddenIcon);
- },
- },
- {
- name: 'video-list',
- position: 'right',
- html: videoListIcon,
- selector: getVideoList(name),
- onSelect: function(item, $dom) {
- initArtPlayer(item.html, item.url);
- return videoListIcon;
- },
- }
- ]
+ // controls: [
+ // {
+ // position: 'right',
+ // html: hiddenTools.value ? hiddenIcon : notHiddenIcon,
+ // click: function (_, event) {
+ // hiddenTools.value = !hiddenTools.value;
+ // event.target.parentNode.parentNode.innerHTML = (hiddenTools.value ? hiddenIcon : notHiddenIcon);
+ // },
+ // },
+ // {
+ // name: 'video-list',
+ // position: 'right',
+ // html: videoListIcon,
+ // selector: getVideoList(name),
+ // onSelect: function(item, $dom) {
+ // initArtPlayer(item.html, item.url);
+ // return videoListIcon;
+ // },
+ // }
+ // ]
};
let subtitles = getSubtitles(name);
diff --git a/web/src/components/file/preview/VideoPlayerAsyncLoading.vue b/web/src/components/file/preview/VideoPlayerAsyncLoading.vue
index 45bfc96..fb9ed3f 100644
--- a/web/src/components/file/preview/VideoPlayerAsyncLoading.vue
+++ b/web/src/components/file/preview/VideoPlayerAsyncLoading.vue
@@ -11,6 +11,7 @@
@@ -793,9 +1089,13 @@ const copyarr = ref([])
+
+
- {{ data.nodeName }}
+ {{ data.nodeName }}
@@ -819,10 +1119,13 @@ const copyarr = ref([])
![](data:" + mimeType + ";base64," + base64ArrayBuffer(imgArrayBuffer) + ")
";
+ } else if ((vdoNode !== undefined || audioNode !== undefined) && mediaProcess && mediaSupportFlag) {
+ if (vdoNode !== undefined && !isVdeoLink) {
+ rtrnData += "";
+ } else if (vdoNode !== undefined && isVdeoLink) {
+ rtrnData += "";
+ }
+ if (audioNode !== undefined) {
+ rtrnData += '';
+ //''+
+ //'';
+ }
+ }
+ if (!mediaSupportFlag && mediaPicFlag) {
+ rtrnData += "This media file Not supported by HTML5";
+ }
+ if ((vdoNode !== undefined || audioNode !== undefined) && !mediaProcess && mediaSupportFlag) {
+ console.log("Founded supported media file but media process disabled (mediaProcess=false)");
+ }
+ rtrnData += "
- 
- 
- 
- 
- 
- 
- 
- 
- 
+ 
+ 
+ 
+ 
+ 
+ 
- 
+ 
+ @click="decompression(scope.row)" title="解压" style="cursor: pointer;">
- 
+ 
+