kalipso/racalmas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

replace fileUploader with own implementation

Browse Source
This commit is contained in:
Milan
2018-12-14 21:12:49 +01:00
parent add6c2ab1f
commit 101c192bd3
7 changed files with 121 additions and 459 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
website/agenda/planung/templates/image.html
View File

@@ -1,8 +1,5 @@
<link type="text/css" href="css/image_manager.css" rel="stylesheet"/>
<link type="text/css" href="css/fileUploader.css" rel="stylesheet"/>
<script src="js/fileUploader.js" type="text/javascript"></script>
<script src="js/image.js" type="text/javascript"></script>
<TMPL_IF .allow.create_image>
<script src="js/image_upload.js" type="text/javascript"></script>
@@ -31,8 +28,6 @@
}
</TMPL_IF>
// show images by default
closeImageUpload();
$('#imageList').show();
}
});
@@ -68,15 +63,6 @@
<!-- upload images -->
<TMPL_IF .allow.create_image>
<div id="image-tabs-upload">
<div id="img_upload">
<div id="img_upload_result"></div>
<form id="image_upload" method="post" action="imageUpload.cgi" enctype="multipart/form-data">
<input type="hidden" name="project_id" value="<TMPL_VAR .project_id>">
<input type="hidden" name="studio_id" value="<TMPL_VAR .studio_id>">
<input id="uploader" type="file" name="image" value="<TMPL_VAR image escape=0>" accept="text/*" maxlength="1000000" size="10"/> </td>
<button type="submit" name="action" value="upload" id="pxUpload" ><TMPL_VAR .loc.button_upload></button>
</form>
</div>
</div>
</TMPL_IF>
</div>
@@ -96,13 +82,21 @@
<div style="clear:both;display: flex; flex-direction: row;">
<div class="images" style="overflow-y:scroll">
<div class="images"
style="overflow-y:scroll"
target="<TMPL_VAR .target>"
projectId="<TMPL_VAR .project_id>"
studioId="<TMPL_VAR .studio_id>"
seriesId="<TMPL_VAR .series_id>"
eventId="<TMPL_VAR .event_id>"
pid="<TMPL_VAR .pid>"
>
<TMPL_LOOP images>
<div class="image"
id="img_<TMPL_VAR id>"
style="background-image:url('showImage.cgi?project_id=<TMPL_VAR project_id>&studioId=<TMPL_VAR .studio_id>&type=icon&filename=<TMPL_VAR filename>')"
title="<TMPL_VAR description>"
onclick="updateImageEditor(this, '<TMPL_VAR filename>', '<TMPL_VAR .target>', '<TMPL_VAR .project_id>', '<TMPL_VAR .studio_id>', '<TMPL_VAR .series_id>', '<TMPL_VAR .event_id>', '<TMPL_VAR .pid>'); return false;"
filename="<TMPL_VAR filename>"
>
<div class="label"><TMPL_VAR name></div>
</div>
@@ -117,7 +111,8 @@
</TMPL_IF>
</main>
</center>
</body>
</html>

65
website/agenda/planung/templates/imageUpload.html
View File

@@ -1,30 +1,42 @@
<div>
<form name="img_upload" id="img_upload" method="post" action="imageUpload.cgi" enctype="multipart/form-data">
<TMPL_IF action>
<TMPL_IF error>
<div class="error">failed</div>
<div id="message"><TMPL_VAR error></div>
<TMPL_ELSE>
<div class="ok">success</div>
<div style="display:none">
<div id="upload_image_id"><TMPL_VAR image_id></div>
<div id="upload_image_filename"><TMPL_VAR filename></div>
<div id="upload_image_title"><TMPL_VAR title></div>
<div id="upload_image_link">{{thumbs//<TMPL_VAR filename>}}</div>
</div>
</TMPL_IF>
</TMPL_IF>
<form name="img_upload" id="img_upload" method="POST" action="imageUpload.cgi" enctype="multipart/form-data">
<input type="hidden" name="project_id" value="<TMPL_VAR .project_id>">
<input type="hidden" name="studio_id" value="<TMPL_VAR .studio_id>">
<input type="hidden" name="action" value="upload">
<table>
<tr>
<td>
<TMPL_IF filename>
<a href="<TMPL_VAR local_media_url>images/<TMPL_VAR filename escape=0>" >
<img src="<TMPL_VAR local_media_url>thumbs/<TMPL_VAR filename escape=0>" />
<img src="<TMPL_VAR local_media_url>icons/<TMPL_VAR filename escape=0>" />
</a>
<div class="image" style="background-image:url('showImage.cgi?project_id=<TMPL_VAR .project_id>&studioId=<TMPL_VAR .studio_id>&type=icon&filename=<TMPL_VAR filename>')" >
</div>
</TMPL_IF>
</td>
<td>
<TMPL_IF filename>
<input value="{{thumbs/<TMPL_VAR filename escape=0>|<TMPL_VAR name escape=0>}}" size="40" />
<input value="{{thumbs/<TMPL_VAR filename escape=0>|<TMPL_VAR name escape=0>}}" size="50" />
</TMPL_IF>
</td>
</tr>
<tr>
<td>Datei</td>
<td><input type="file" name="image" accept="image/*" maxlength="2000000" size="10"/> </td>
</tr>
<tr>
<td>Name: </td>
<td><input value="<TMPL_VAR name escape=0>" name="name" size="40" maxlength="100"> </td>
<td><input value="<TMPL_VAR name escape=0>" name="name" size="40" maxlength="100" required> </td>
</tr>
<tr>
<td>Beschreibung: </td>
@@ -32,15 +44,20 @@
</tr>
<tr>
<td><label><TMPL_VAR .loc.label_author>/<TMPL_VAR .loc.label_licence></label></td>
<td><input name="licence" value="<TMPL_VAR licence>" placeholder="<TMPL_VAR .loc.label_licence_missing>"/></td>
<td><input name="licence" value="<TMPL_VAR licence>" placeholder="<TMPL_VAR .loc.label_licence_missing>" required /></td>
</tr>
<tr>
<td><label><TMPL_VAR .loc.label_public></label></td>
<td><input type="checkbox" name="public"/></td>
<td><input type="checkbox" name="public" <TMPL_IF public>checked="checked" value="1"<TMPL_ELSE>value="0"</TMPL_IF> /></td>
</tr>
<tr>
<td>Datei</td>
<td><input type="file" name="image" accept="image/*" maxlength="2000000" size="10" required/> </td>
</tr>
<tr>
<td colspan="2" style="text-align:right">
<input type="submit" name="action" value="Hochladen!" />
<td></td>
<td>
<button onclick="uploadImage();return false">Hochladen</button>
</td>
</tr>
</table>
@@ -49,21 +66,3 @@
</body>
</html>
<TMPL_IF action>
<TMPL_IF error>
<div id="output">failed</div>
<div id="message"><TMPL_VAR error></div>
<TMPL_ELSE>
<div id="output">success</div>
<div id="message">
<TMPL_VAR action_result>
{{thumbs//<TMPL_VAR filename>}}
<button onclick="selectThisImage('<TMPL_VAR filename>')">assign to event</button>
</div>
<div id="upload_image_id"><TMPL_VAR image_id></div>
<div id="upload_image_filename"><TMPL_VAR filename></div>
<div id="upload_image_title"><TMPL_VAR title></div>
<div id="upload_image_link">{{thumbs//<TMPL_VAR filename>}}</div>
</TMPL_IF>
</TMPL_IF>

2
website/agenda/planung/templates/image_edit.html
View File

@@ -1,5 +1,7 @@
<!--
<link type="text/css" href="css/admin.css" rel="stylesheet"/>
<link type="text/css" href="css/image_manager.css" rel="stylesheet"/>
-->
<script>
function updateCheckBox(selector, value){