| avm99963 | 04def3e | 2016-11-27 22:53:05 +0100 | [diff] [blame] | 1 | <!--
|
| 2 | * Copyright (c) 2009 The Chromium Authors. All rights reserved. Use of this
|
| 3 | * source code is governed by a BSD-style license that can be found in the
|
| 4 | * LICENSE file.
|
| 5 | -->
|
| 6 | <html>
|
| 7 | <head>
|
| 8 | <title>Screen Capture</title>
|
| 9 | <meta charset="UTF-8">
|
| 10 | <link href="showimage.css" rel="stylesheet" type="text/css">
|
| 11 | </head>
|
| 12 | <body>
|
| 13 | <div id="header">
|
| 14 | <div id="toolbar" class="toolbar">
|
| 15 | <ul>
|
| 16 | <li id="btnHighlight" class="mark">
|
| 17 | <div class="colorBox" id="highlightColorBox"></div>
|
| 18 | <span id="tHighlight">Highlight</span>
|
| 19 | <div class="tool" id="highlightTool">
|
| 20 | <div id="highlightColorPad"></div>
|
| 21 | <div class="clear"></div>
|
| 22 | <div class="tool-option" style="border-top: 1px solid #ccc; padding-top:2px; margin-top:5px;">
|
| 23 | <div id="borderMode"><span id="border"></span></div>
|
| 24 | <div id="rectMode"><span id="rect"></span></div>
|
| 25 | </div>
|
| 26 | <div class="tool-option-line">
|
| 27 | <div id="rectangle" class="mark"><span class="rect"></span></div>
|
| 28 | <div id="radiusRectangle"><span class="radiusRect"></span></div>
|
| 29 | <div id="ellipse"><span class="ellipse"></span></div>
|
| 30 | </div>
|
| 31 | </div>
|
| 32 | </li>
|
| 33 | <li id="btnBlackout">
|
| 34 | <div class="blurBox" id="blackoutBox"></div>
|
| 35 | <span id="tRedact">Redact</span>
|
| 36 | <div class="tool tool-option">
|
| 37 | <div id="redact" class="mark"><span id="redactText"></span></div>
|
| 38 | <div id="blur" ><span id="blurText"></span></div>
|
| 39 | </div>
|
| 40 | </li>
|
| 41 | <li id="btnText">
|
| 42 | <div class="colorBox" id="fontColorBox"></div>
|
| 43 | <span id="tText">Text</span>
|
| 44 | <div class="tool" id="fontTool">
|
| 45 | <div id="fontColorPad"></div>
|
| 46 | <div class="clear"></div>
|
| 47 | <div class="tool-option" style="border-top: 1px solid #ccc; padding:2px 0 0 0; margin-top:5px">
|
| 48 | <div id="size_10" style="font-size: 10px"></div>
|
| 49 | <div id="size_16" style="font-size: 16px"></div>
|
| 50 | <div id="size_18" style="font-size: 18px"></div>
|
| 51 | <div id="size_32" class="mark" style="font-size: 32px"></div>
|
| 52 | </div>
|
| 53 | </div>
|
| 54 | </li>
|
| 55 | <li id="btnLine">
|
| 56 | <canvas id="lineIconCav" width="14" height="14" ></canvas>
|
| 57 | <span id="lineText"></span>
|
| 58 | <div class="tool">
|
| 59 | <div id="lineColorPad"></div>
|
| 60 | <div class="clear"></div>
|
| 61 | <div class="tool-option-line">
|
| 62 | <div id="straightLine"><img src="images/line.png" alt=""> </div>
|
| 63 | <div id="arrow"><img src="images/arrow.png" alt=""> </div>
|
| 64 | </div>
|
| 65 | </div>
|
| 66 | </li>
|
| 67 | </ul>
|
| 68 | </div>
|
| 69 | <div id="tip"></div>
|
| 70 | <div class="toolbar" id="okBtn" style="position:fixed; right:30px; top:0px;">
|
| 71 | <ul>
|
| 72 | <li id="btnSave">
|
| 73 | <img src="images/icon_save.png" alt="">
|
| 74 | <span id="tSave"></span>
|
| 75 | </li>
|
| 76 | <li id="btnClose">
|
| 77 | <img src="images/icon_close.png" alt="">
|
| 78 | <span id="tClose">Close</span>
|
| 79 | </li>
|
| 80 | </ul>
|
| 81 | </div>
|
| 82 | <div class="clear"></div>
|
| 83 | </div>
|
| 84 | <div id="showBox">
|
| 85 | <div id="photo">
|
| 86 | <canvas id="canvas"></canvas>
|
| 87 | <canvas id="mask-canvas"></canvas>
|
| 88 | <div class="layer" id="layer0"></div>
|
| 89 | </div>
|
| 90 | </div>
|
| 91 | <div id='selectuploadposition'>
|
| 92 | <div class="selectcontent" >
|
| 93 | <div id="selectPrompt" style="padding:30px 0 0 30px; "></div>
|
| 94 | <div style="padding: 5px 0 0 30px;">
|
| 95 | <div style="padding: 5px 5px;"><input id="selectSina" type= "radio"><span id="sina"></span></div>
|
| 96 | <div style="padding: 5px 5px;"><input id="selectFacebook" type= "radio"><span id="facebook"></span></div>
|
| 97 | </div>
|
| 98 | </div>
|
| 99 | <div style="float: right; margin: 5px 15px 0 0;"><button id="uploadFile"></button><button id="cancelUpload"></button></div>
|
| 100 | </div>
|
| 101 | <img id="pic" src="#" style="display:none" />
|
| 102 | <div id="uploadWrapper" style="display: none;">
|
| 103 | <div id="uploadHeader">
|
| 104 | <div style="height: 31px; padding-left: 12px; border: 1px solid white; border-top-left-radius: 3px; border-top-right-radius: 3px;">
|
| 105 | <span class="verticalAlignMiddle"></span>
|
| 106 | </div>
|
| 107 | </div>
|
| 108 | <div id="uploadBody">
|
| 109 | <div id="uploadSitesWrapper" class="verticalAlignMiddle">
|
| 110 | <span class="btn" id="picasaBtn">
|
| 111 | <span class="uploadSite">
|
| 112 | <img src="images/picasa_icon.png" alt="picasa">
|
| 113 | <span id="shareToPicasaText"></span>
|
| 114 | </span>
|
| 115 | </span>
|
| 116 | <span class="btn" id="facebookBtn">
|
| 117 | <span class="uploadSite">
|
| 118 | <img src="images/facebook_icon.png" alt="facebook">
|
| 119 | <span id="shareToFacebookText"></span>
|
| 120 | </span>
|
| 121 | </span>
|
| 122 | <span class="btn" id="sinaMicroblogBtn">
|
| 123 | <span class="uploadSite">
|
| 124 | <img src="images/sina_icon.png" alt="sina">
|
| 125 | <span id="shareToSinaMicroblogText"></span>
|
| 126 | </span>
|
| 127 | </span>
|
| 128 | <span class="btn" id="imgurBtn">
|
| 129 | <span class="uploadSite">
|
| 130 | <img src="images/imgur_icon.png" alt="imgur">
|
| 131 | <span id="shareToImgurText"></span>
|
| 132 | </span>
|
| 133 | </span>
|
| 134 | </div>
|
| 135 | <div id="uploadContentWrapper" style="display:none;">
|
| 136 | <div id="errorWrapper">
|
| 137 | <div id="errorInfo"></div>
|
| 138 | </div>
|
| 139 | <div id="captionWrapper" style="font-size: 14px; padding-top: 28px;">
|
| 140 | <label id="imageCaptionText" for="imageCaption"></label>
|
| 141 | <input type="text" maxLength="140" id="imageCaption" autofocus="true">
|
| 142 | <span id="requiredFlag">*</span>
|
| 143 | </div>
|
| 144 | <div id="uploadAccountWrapper" style="min-height: 60px;">
|
| 145 | <ul id="uploadAccountList"></ul>
|
| 146 | <div id="shareToOtherAccount"></div>
|
| 147 | <span id="authenticationProgress" class="progressBar"></span>
|
| 148 | <div id="accountItemTemplate" style="display: none;">
|
| 149 | <li id="${accountId}" class="accountItem">
|
| 150 | <span style="display: inline-block;">
|
| 151 | <span class="account">
|
| 152 | <span id="accountName" class="accountName" title="${accountName}" data-site="${site}" data-user-id="${userId}">${accountName}</span>
|
| 153 | <img id="deleteBtn" class="deleteBtn" src="images/delete_account_icon.png" alt="Delete" title="${deletionTitle}" data-account-id="${accountId}">
|
| 154 | </span>
|
| 155 | </span>
|
| 156 | <span class="progressBar" style="display: none;" title="${progressInfo}"></span>
|
| 157 | <span class="uploadInfo" style="display: none;"></span>
|
| 158 | <span style="float: right; margin-right: 35px; font-weight: normal;">
|
| 159 | <a class="photoLink" target="_blank" href="#">${photoLinkText}</a>
|
| 160 | </span>
|
| 161 | </li>
|
| 162 | </div>
|
| 163 | </div>
|
| 164 | <div id="photoSizeTip" style="color: #a4a4a4; font-weight: normal; margin-bottom: 15px;"></div>
|
| 165 | </div>
|
| 166 | </div>
|
| 167 | <div id="uploadFooter">
|
| 168 | <span style="display: inline-block; height: inherit;">
|
| 169 | <span class="verticalAlignMiddle">
|
| 170 | <button id="lastStep" style="display: none;"></button>
|
| 171 | <button id="closeUploadWrapper"></button>
|
| 172 | </span>
|
| 173 | </span>
|
| 174 | </div>
|
| 175 | </div>
|
| 176 | <div id="overlay"></div>
|
| 177 | <script src="lib/FileSaver.min.js"></script>
|
| 178 | <script src="js/editor.js"></script>
|
| avm99963 | 04def3e | 2016-11-27 22:53:05 +0100 | [diff] [blame] | 179 | <script src="js/ui.js"></script>
|
| avm99963 | 04def3e | 2016-11-27 22:53:05 +0100 | [diff] [blame] | 180 | <script src="js/showimage.js"></script>
|
| 181 | </body>
|
| 182 | </html>
|