silverstripe-cms/templates/ImageEditor.ss
Ingo Schommer 31a9fbee3c mujma: Fixed various browser compatibility problems. Now should work on Safari 3.0.2 /Windows, FF 1.5/2.0 Windows/Linux.
(merged from branches/gsoc)


git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/cms/trunk@41891 467b73ca-7a2a-4603-9d3b-597d59a354a9
2007-09-15 01:19:43 +00:00

51 lines
2.8 KiB
Scheme

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" debug=true>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<% base_tag %>
<title>Untitled Document</title>
</head>
<body id="body" onload="setTimeout(function() { imageEditor = new ImageEditor.initialize('$fileToEdit'); }, 0);">
<div id="mainContainer">
<div id="menuBarContainer">
<div id="photoInfoContainer" class="floatRight">
<p>Size</p>
<p class="inline">Width:</p><p id="imageWidth" class="inline">0px</p>
<p class="inline">Height:</p><p id="imageHeight" class="inline">0px</p>
</div>
<div id="historyContainer" class="floatRight">
<p><a id="undoButton" href="#">Undo</a></p>
<p><a id="redoButton" href="#">Redo</a></p>
</div>
<div id="effectsContainer" class="floatRight">
<p><a id="rotateButton" href="#">Rotate</a></p>
</div>
<div id="cropContainer" class="floatRight">
<p><a id="cropStart" href="#">Crop start</a></p>
<p><a id="cropOk" href="#" class="hidden">Ok</a></p>
<p><a id="cropCancel" href="#" class="hidden">Cancel</a></p>
</div>
<div id="operationContainer" class="floatRight">
<p><a id="saveButton" href="#">Save</a></p>
<p><a id="closeButton" href="#">Cancel</a></p>
</div>
</div>
<div id="imageEditorContainer">
<div id="imageContainer">
<div id="leftGreyBox" class="greyBox"></div>
<div id="rightGreyBox" class="greyBox"></div>
<div id="upperGreyBox" class="greyBox"></div>
<div id="lowerGreyBox" class="greyBox"></div>
<img id="image" src="#" alt=""/>
<div id="cropBox"></div>
</div>
</div>
</div>
<div id="fakeImgContainer">
<img id="fakeImg" src="#" alt=""/>
</div>
<div id="loadingIndicatorContainer">
<img id="loadingIndicator" alt="" src="cms/images/ImageEditor/indicator.gif">
</div>
</body>
</html>