chrome/browser/resources/file_manager/js/image_editor/standalone_test.html - Issue 7453045: Moved ChromeOS Image Editor into an iframe.

Side by Side Diff: chrome/browser/resources/file_manager/js/image_editor/standalone_test.html

Issue 7453045: Moved ChromeOS Image Editor into an iframe. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src

Patch Set: Addressed comments Created 9 years, 4 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch | Annotate | Revision Log

« no previous file with comments | « chrome/browser/resources/file_manager/js/image_editor/image_util.js ('k') | chrome/browser/resources/file_manager/js/image_editor/standalone_test.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!--	1 <!--

2 -- Copyright (c) 2011 The Chromium Authors. All rights reserved.	2 -- Copyright (c) 2011 The Chromium Authors. All rights reserved.

3 -- Use of this source code is governed by a BSD-style license that can be	3 -- Use of this source code is governed by a BSD-style license that can be

4 -- found in the LICENSE file.	4 -- found in the LICENSE file.

5 -->	5 -->

6 <html>	6 <html>

7 <head>	7 <head>

8 <link rel="stylesheet" type="text/css" href="image_editor.css"/>	8 <script type="text/javascript" src="standalone_test.js"></script>

9

10 <script type="text/javascript" src="image_util.js"></script>

11 <script type="text/javascript" src="image_buffer.js"></script>

12 <script type="text/javascript" src="image_editor.js"></script>

13 <script type="text/javascript" src="image_transform.js"></script>

14 <script type="text/javascript" src="image_adjust.js"></script>

15

16 <script type="text/javascript" src="image_encoder.js"></script>

17 <script type="text/javascript" src="exif_encoder.js"></script>

18

19 <script type="text/javascript" src="image_editor_test.js"></script>

20	9

21 <style type="text/css">	10 <style type="text/css">

22 #debug-output {	11 body {

	12 margin: 0

	13 }

	14

	15 .editor-frame {

	16 width: 100%;

	17 height: 100%;

	18 border: none;

	19 }

	20

	21 .debug-output {

23 position: absolute;	22 position: absolute;

24 top: 36px;	23 top: 34px;

25 right: 2px;	24 right: 1px;

26 text-align: right;	25 text-align: right;

27 }	26 }

28	27

29 .debug-buttons {	28 .debug-buttons {

30 position: absolute;	29 position: absolute;

31 left: 2px;	30 left: 1px;

32 bottom: 2px;	31 bottom: 1px;

33 }	32 }

34	33

35 #imageUrl {	34 .debug-buttons span {

	35 margin-left: 10px;

	36 }

	37

	38 .image-url {

36 width: 400px;	39 width: 400px;

37 margin-left: 20px;	40 margin-left: 20px;

38 }	41 }

39	42

40 .ghost {	43 .ghost {

41 z-index: 1000;	44 z-index: 1000;

42 background: white;	45 background: white;

43 border: 1px solid gray;	46 border: 1px solid gray;

44 opacity: 0.3;	47 opacity: 0.3;

45 }	48 }

46	49

47 .ghost:hover {	50 .ghost:hover {

48 opacity: 1;	51 opacity: 1;

49 }	52 }

50 </style>	53 </style>

51	54

52 </head>	55 </head>

53 <body onload="createEditor();">	56 <body>

54 <div id="frame" class="image-editor"></div>	57 <iframe class="editor-frame"

	58 scrolling="no"

	59 src="image_editor.html"

	60 onload="load(createTestGrid());">

	61 </iframe>

55	62

56 <div class="debug-buttons ghost">	63 <div class="debug-buttons ghost">

57 <span style="margin-left:10px">Sample images:</span>	64 <span>Sample images:</span>

58 <button onclick="load(createTestGrid());">Test grid</button>	65 <button onclick="load(createTestGrid());">Test grid</button>

59 <button onclick="load('images/small.jpg');">Small</button>	66 <button onclick="load('images/small.jpg');">Small</button>

60 <button onclick="load('images/medium.jpg');">Medium</button>	67 <button onclick="load('images/medium.jpg');">Medium</button>

61 <button onclick="load('images/large.jpg');">Large</button>	68 <button onclick="load('images/large.jpg');">Large</button>

62 <input type="text" id="imageUrl">	69 <input type="text" class="image-url">

63 <button onclick="load(getUrlField().value);">Load</button>	70 <button onclick="load(getUrlField().value);">Load</button>

64 </div>	71 </div>

65	72

66 <div id="debug-output" class="ghost"></div>	73 <div class="debug-output ghost"></div>

67 </body>	74 </body>

68 </html>	75 </html>

OLD	NEW