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