/*
Create HTML
Code: Ilias Ismanalijev
Arlo Rose
*/
var isCS2 = (app.version.split(".")[0] > 8) ? true : false;
var nonNormalAlert = false;
function makeDialog(htmlInfo)
{
var docRef = activeDocument;
var dialogW = 390; // dialog width
var dialogH = 175; // dialog height
var buttonW = 80; // button width
var buttonH = (isCS2) ? 22 : 20; // button height
var textW = 270; // text width
var textH = 22; // text height
var margin = 10; // margin
var bounds = {x:0, y:0, width:dialogW, height:dialogH};
var yLayout = margin;
var myWindow = new Window("dialog", "Please Choose Your Options", bounds);
bounds = {x:(dialogW - buttonW - margin), y:yLayout, width:buttonW, height:buttonH};
myWindow.buttonRun = myWindow.add("button", bounds, "Create");
myWindow.defaultElement = myWindow.buttonRun;
myWindow.buttonRun.onClick = buttonRunOnClick;
yLayout += buttonH + margin;
bounds = {x:(dialogW - buttonW - margin), y:yLayout, width:buttonW, height:buttonH};
myWindow.buttonCancel = myWindow.add("button", bounds, "Cancel");
myWindow.buttonCancel.onClick = function() { this.parent.close(0); };
yLayout = margin;
bounds = {x:margin, y:yLayout, width:180, height:textH};
myWindow.add("statictext", bounds, "Title:");
yLayout += textH;
bounds = {x:margin, y:yLayout, width:textW, height:textH};
myWindow.htmlName = myWindow.add("edittext", bounds, htmlInfo.thehtmlName);
yLayout += textH + margin;
bounds = {x:margin, y:yLayout, width:180, height:textH};
myWindow.add("statictext", bounds, "Destination:");
yLayout += textH;
bounds = {x:margin, y:yLayout, width:textW-buttonW-margin-5, height:textH}; // 5px smaller
myWindow.fileDestination = myWindow.add("edittext", bounds, htmlInfo.theSavePath);
bounds = {x:margin+textW-buttonW-5, y:yLayout, width:buttonW+5, height:buttonH}; // 5px wider
myWindow.buttonBrowse = myWindow.add("button", bounds, "Browse...");
myWindow.buttonBrowse.onClick = buttonBrowseOnClick;
yLayout += textH + margin;
bounds = {x:margin, y:yLayout, width:textW, height:textH};
myWindow.checkboxHiddenLayers = myWindow.add( "checkbox", bounds, "Build Page With Hidden Layers");
myWindow.checkboxHiddenLayers.value = htmlInfo.addHiddenLayers;
yLayout += textH + margin;
bounds = {x:margin, y:yLayout, width:textW, height:textH};
myWindow.checkboxRast = myWindow.add( "checkbox", bounds, "Never rasterize text");
myWindow.checkboxRast.value = htmlInfo.rasterize;
myWindow.center();
var result = myWindow.show();
if ( 0 == result ) return result;
htmlInfo.thehtmlName = myWindow.htmlName.text;
htmlInfo.theSavePath = myWindow.fileDestination.text;
htmlInfo.rasterize = myWindow.checkboxRast.value
htmlInfo.addHiddenLayers = myWindow.checkboxHiddenLayers.value
var instructionData = (htmlInfo.addHiddenLayers) ? instructionData + "1" : instructionData + "";
app.activeDocument.info.instructions = instructionData;
app.activeDocument.info.title = htmlInfo.thehtmlName;
return result;
}
function buttonBrowseOnClick()
{
var defaultFolder = this.parent.fileDestination.text;
var testFolder = new Folder(this.parent.fileDestination.text);
if (!testFolder.exists) defaultFolder = "";
var selFolder = Folder.selectDialog("Please choose a destination folder:", defaultFolder);
if ( selFolder != null ) {
this.parent.fileDestination.text = selFolder.toString();
}
return;
}
function buttonRunOnClick()
{
this.parent.close(1);
}
function writehtmlHeader(myFile, docRefName, htmlInfo)
{
var docRef = activeDocument;
myFile.writeln( '' );
myFile.writeln( '' );
myFile.writeln( '' );
myFile.writeln( '' + htmlInfo.thehtmlName + '' );
myFile.writeln( '' );
}
function fixValue(theValue)
{
theValue = String(theValue).replace(/ px| pt/, '');
return theValue;
}
function camelCase(theValue)
{
theValue = theValue.toLowerCase().replace(/[^\w ]/g, "");
var theNewValue = "";
var capTheChar = false;
for (var i = 0; i < theValue.length; i++)
{
var c = theValue.charAt(i);
if (c == " " && theNewValue.length > 0)
capTheChar = true;
else if (c != " ")
{
if (capTheChar)
{
theNewValue += c.toUpperCase();
capTheChar = false;
}
else
theNewValue += c;
}
}
return theNewValue;
}
function writeLayerDefinitions(myFile, resource_dir, htmlInfo)
{
var origVisibilities = [];
var docRef = activeDocument;
var originalDocumentState = docRef.activeHistoryState;
numLayers = docRef.artLayers.length;
do
{
numLayers = docRef.artLayers.length;
mustRestart = false;
for (var i = 0; i < numLayers; i++)
{
if ( docRef.layers[i].visible == false )
{
docRef.layers[i].remove();
mustRestart = true;
break;
}
}
}
while (mustRestart);
do
{
numLayers = docRef.artLayers.length;
mustRestart = false;
for (var i = numLayers-1; i >= 0; i--)
{
if (docRef.artLayers[i].grouped)
{
docRef.artLayers[i].merge();
mustRestart = true;
break;
}
}
}
while (mustRestart);
numLayers = docRef.layers.length;
for (var i = 0; i < numLayers; i++)
{
origVisibilities[i] = docRef.layers[i].visible;
docRef.layers[i].visible = false;
}
for (var i = (numLayers-1); i >= 0; i--)
{
if (docRef.layers[i].blendMode != "BlendMode.NORMAL")
{
if (!nonNormalAlert) alert ( "This file contains layers that use a blend mode other than \"Normal\".\nBe aware that as a html, the layers that don't use \"Normal\" may not blend as you'd expect." );
nonNormalAlert = true;
}
if ( origVisibilities[i] == true || htmlInfo.addHiddenLayers == true)
{
var rasterizeText = !htmlInfo.rasterize;
if (!htmlInfo.rasterize) {
if (docRef.layers[i].kind == LayerKind.TEXT)
{
rasterizeText = confirm('Make text layer "'+ docRef.layers[i].name +'" into an image?');
}
}
if (!rasterizeText && (docRef.layers[i].kind == LayerKind.TEXT))
{
var textStyleString = ' style = "';
var pos = docRef.layers[i].textItem.position;
var newVOffset = Math.round(fixValue(pos[1]));
if (docRef.layers[i].textItem.kind == TextType.PARAGRAPHTEXT)
newVOffset -= 3;
myFile.writeln( ' ');
myFile.writeln(docRef.layers[i].textItem.contents);
myFile.writeln('');
}
else
{
docRef.layers[i].visible = true;
theLayerName = docRef.layers[i].name;
beforeWidth = docRef.width;
beforeHeight = docRef.height;
savedState = docRef.activeHistoryState;
if (theLayerName != "Background")
{
docRef.trim(TrimType.TRANSPARENT, true, true, false, false);
}
hOffset = beforeWidth - (docRef.width * 1);
vOffset = beforeHeight - (docRef.height * 1);
if (theLayerName != "Background")
{
docRef.trim(TrimType.TRANSPARENT, false, false, true, true);
}
var theNewLayerName = camelCase(theLayerName);
var imgStyleString = ' style = "';
myFile.writeln( ' ');
docRef.layers[i].opacity = 100;
pngFile = new File(resource_dir +'/'+ theNewLayerName +'.png');
//pngFile = new File(htmlInfo.theSavePath +'/' + htmlInfo.thehtmlName + '.html/img/'+ theNewLayerName +'.png');
saveForWebPNG(pngFile);
docRef.activeHistoryState = savedState;
delete pngFile;
delete pngSaveOptions;
delete savedState;
docRef.layers[i].visible = false;
}
myFile.writeln('');
}
}
docRef.activeHistoryState = originalDocumentState;
for (i = 0; i < numLayers; i++)
{
docRef.layers[i].visible = origVisibilities[i];
}
}
function writeWindowDefinition(myFile, docRefName, htmlInfo)
{
var docRef = activeDocument;
myFile.writeln(' ');
myFile.writeln('');
}
function writehtmlFooter(myFile)
{
myFile.writeln(' ');
myFile.writeln('');
myFile.writeln('