PageRenderTime 49ms CodeModel.GetById 22ms RepoModel.GetById 0ms app.codeStats 0ms

/BlogEngine/BlogEngine.NET/admin/FileManager/FileManager.ascx

#
ASP.NET | 141 lines | 137 code | 4 blank | 0 comment | 0 complexity | 2f2c27df567f465351705c10e209a5bf MD5 | raw file
Possible License(s): LGPL-2.1, Apache-2.0, BSD-3-Clause
  1. <%@ Control Language="C#" AutoEventWireup="true" CodeFile="FileManager.ascx.cs" Inherits="admin_FileManager" %>
  2. <%@ Import Namespace="BlogEngine.Core" %>
  3. <link href="<%= Utils.RelativeWebRoot %>admin/FileManager/FileManager.css" rel="Stylesheet" type="text/css" />
  4. <link href="<%= Utils.RelativeWebRoot %>admin/uploadify/uploadify.css" rel="stylesheet" type="text/css" />
  5. <script src="<%= Utils.RelativeWebRoot %>admin/uploadify/swfobject.js" type="text/javascript"></script>
  6. <script src="<%= Utils.RelativeWebRoot %>admin/uploadify/jquery.uploadify.v2.1.4.min.js" type="text/javascript"></script>
  7. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script>
  8. <link rel="Stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css" />
  9. <script src="<%= Utils.RelativeWebRoot %>admin/FileManager/jquery.jeegoocontext.min.js" type="text/javascript"></script>
  10. <link href="<%= Utils.RelativeWebRoot %>admin/FileManager/JCrop/css/jquery.Jcrop.css" rel="stylesheet" type="text/css" />
  11. <script src="<%= Utils.RelativeWebRoot %>admin/FileManager/JCrop/js/jquery.Jcrop.min.js" type="text/javascript"></script>
  12. <script type="text/javascript" src="<%= Utils.RelativeWebRoot %>admin/FileManager/FileManager-mini.js"></script>
  13. <div id="fmD" class="fmD" style="display:none;">
  14. <div class="fmDWrap">
  15. <div class="fmD-left">
  16. <h1>File Manager</h1>
  17. <ul>
  18. <li>
  19. <a href="javascript:;">
  20. <img src="<%= Utils.RelativeWebRoot %>admin/filemanager/images/New-Document-icon.png" height="32px" width="32px" title="Upload a new file" />
  21. Attach a new File.
  22. </a>
  23. </li>
  24. <li class="fmDActive">
  25. <a href="javascript:;">
  26. <img src="<%= Utils.RelativeWebRoot %>admin/filemanager/images/archives.png" height="32px" width="32px" title="Upload a new file" />
  27. File Manager
  28. </a>
  29. </li>
  30. <li>
  31. <a href="javascript:;" onclick="closefmD();">
  32. <img src="<%= Utils.RelativeWebRoot %>admin/filemanager/images/logout.png" height="32px" width="32px" title="Upload a new file" />
  33. Close
  34. </a>
  35. </li>
  36. </ul>
  37. </div>
  38. <div class="fmD-right">
  39. <div class="fmD-right-content" >
  40. <div class="fmD-upload">
  41. <h2>Upload File</h2>
  42. <div class="fmD-upload-left">
  43. &nbsp;
  44. </div>
  45. <div class="fmD-upload-right">
  46. <div class="fmD-upload-right-wait">
  47. <p>
  48. Select the files you wish to upload. When completed these files will be available in the File Manager.<br />
  49. </p>
  50. <strong>...ready</strong>
  51. </div>
  52. <div class="fmD-upload-right-uploading">
  53. Uploading:<span id="fmD_UploadFile"></span>
  54. <div id="fmD_UploadProgress"></div>
  55. </div>
  56. </div>
  57. <div class="fmD-upload-right">
  58. <div class="fmD-upload-ctrl">
  59. <input type="file" id="fmD_upload_file" name="file_upload" />
  60. </div>
  61. </div>
  62. <div class="clear"></div>
  63. <div class="fmD-upload-options">
  64. <input type="radio" id="fmdUpload_Append" checked="checked" name="fmdUpload_rdo" /><label for="fmdUpload_Append">Append to my document and close</label><br />
  65. <input type="radio" id="fmdUpload_AppendContinue" name="fmdUpload_rdo" /><label for="fmdUpload_AppendContinue">Append to my document and continue</label><br />
  66. <input type="radio" id="fmdUpload_FileManager" name="fmdUpload_rdo" /><label for="fmdUpload_FileManager">Upload and show file in the file manager</label>
  67. </div>
  68. </div>
  69. </div>
  70. <div class="fmD-right-content" style="display:block;">
  71. File Manager&nbsp;<img src="<%= Utils.RelativeWebRoot %>admin/filemanager/images/design_wait.gif" height="16px" width="16px" id="dwait" style="border:none;" />
  72. <br />
  73. <div id="Container"></div>
  74. </div>
  75. <div class="fmD-right-content fmD-right-close">
  76. <div align="center">
  77. Close the file manager dialog
  78. </div>
  79. </div>
  80. </div>
  81. <div class="clear"></div>
  82. </div>
  83. </div>
  84. <ul id="menu" class="jeegoocontext cm_default">
  85. <li class="icon" data-action="0">
  86. <span class="icon add"></span>
  87. Append To Post
  88. </li>
  89. <li class="icon" data-action="1">
  90. <span class="icon viewer"></span>
  91. Image Tools
  92. </li>
  93. <li class="separator" data-action="-1"></li>
  94. <li class="icon" data-action="2">
  95. <span class="icon rename"></span>
  96. Rename
  97. </li>
  98. <li class="icon" data-action="3">
  99. <span class="icon page-delete"></span>
  100. Delete
  101. </li>
  102. </ul>
  103. <div id="Div1" style="display:none;height:1px">
  104. <div id="ImagePanel" class="overlaypanel">
  105. <h2>Image Preview</h2>
  106. <div id="fmdNonResizeTools">
  107. <a href="javascript:;" class="fmDPreview-tools rotate-left fmdPreview-NonCropTools" onclick="imageChange(2);">Rotate Left</a>
  108. <a href="javascript:;" class="fmDPreview-tools rotate-right fmdPreview-NonCropTools" onclick="imageChange(3);">Rotate Right</a>
  109. <a href="javascript:;" class="fmDPreview-tools flip-horizontal fmdPreview-NonCropTools" onclick="imageChange(1);">Flip Horizontally</a>
  110. <a href="javascript:;" class="fmDPreview-tools flip-vertical fmdPreview-NonCropTools" onclick="imageChange(2);">Flip Vertically</a>
  111. <a href="javascript:;" class="fmDPreview-tools crop-image" onclick="setCrop()" id="fmD_CropStart">Crop Image</a>
  112. <a href="javascript:;" class="fmDPreview-tools crop-cancel" onclick="cancelCrop()" id="fmD_CropCancel" style="display:none;">Cancel Image Cropping</a>
  113. <a href="javascript:;" class="fmDPreview-tools crop-submit" onclick="submitCrop()" id="fmD_CropSubmit">Submit Cropped Image</a>
  114. <a href="javascript:;" class="fmDPreview-tools image-resize fmdPreview-NonCropTools" onclick="startResize()" id="fmD_ResizeStart">Resize Image</a>
  115. </div>
  116. <div class="resize-manager" id="fmdResizeTools">
  117. <strong>Resize Image</strong><input type="text" id="fmdPreview_ImageSliderTxt" style="border:none; background:transparent; color:#f6931f; font-weight:bold;" />
  118. <div id="fmdPreview_ImageSlider" class="fmdPreview-ImageSlider" style="width:600px" ></div>
  119. <div>
  120. <a href="javascript:;" class="fmDPreview-tools crop-cancel" onclick="cancelResizeImage();">Cancel Image Resizing</a>
  121. <a href="javascript:;" class="fmDPreview-tools crop-submit" onclick="submitResizeImage();">Submit Resized Image</a>
  122. </div>
  123. <div class="resize-text">
  124. Resizing is approximate, actual image dimensions will be redrawn to maintain aspect ration
  125. </div>
  126. </div>
  127. <div>
  128. <img class="fmDImgPrev" id="fmDImgPrev" src="" align="left" />
  129. </div>
  130. <div style="display:none;margin-left:5px;" id="fmD_CropCoords">
  131. X <input type="text" size="4" id="x1" name="x1" />
  132. Y <input type="text" size="4" id="y1" name="y1" /><br />
  133. W <input type="text" size="4" id="x2" name="x2" />
  134. H <input type="text" size="4" id="y2" name="y2" />
  135. </div>
  136. </div>
  137. </div>