update
This commit is contained in:
119
Admin/template/partial/Image/Form.tpl
Normal file
119
Admin/template/partial/Image/Form.tpl
Normal file
@@ -0,0 +1,119 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>''</title>
|
||||
<link rel="stylesheet" type="text/css" href="{$urlStatic}/css/Admin/styleUP.css" />
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Content-Language" content="pl" />
|
||||
|
||||
<script src="{$urlStatic}/script/jQuery/jquery-1.4.2.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="{$urlStatic}/script/ajaxupload.3.5.js" type="text/javascript" charset="utf-8"></script>
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Montserrat', sans-serif; font-size:12px; color:#f7f7f7; margin:10px;
|
||||
}
|
||||
|
||||
a {
|
||||
color:#4182AB;
|
||||
text-decoration:none;
|
||||
}
|
||||
.optionIcon {
|
||||
margin: 4px auto;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
border-radius: 20%;
|
||||
display: inline-block;
|
||||
justify-content: center;
|
||||
align-items: flex-end;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
.iconAdd {
|
||||
background: url('{$urlStatic}/images/black_plus.svg') no-repeat left 3px top 3px;
|
||||
background-size: 19px 19px;
|
||||
background-color: #fff;
|
||||
|
||||
}
|
||||
.iconAdd:hover {
|
||||
background: url('{$urlStatic}/images/white_plus.svg') no-repeat left 3px top 3px;
|
||||
background-size: 19px 19px;
|
||||
background-color: #3abe16;
|
||||
color: #fff;
|
||||
/*border-bottom: 3px solid #3abe16;*/
|
||||
}
|
||||
|
||||
.addItemMenu {
|
||||
color: #3abe16;
|
||||
line-height: 25px;
|
||||
display: inline-block;
|
||||
padding-left: 24px;
|
||||
padding-right: 6px;
|
||||
background: url('{$urlStatic}/images/white_plus.svg') no-repeat left 3px top 4px;
|
||||
background-color: #3e3e3e;
|
||||
background-size: 18px 18px;
|
||||
border-bottom: 3px solid #3abe16;
|
||||
cursor: pointer;
|
||||
}
|
||||
.addItemMenu:hover {
|
||||
background-color: #3abe16;
|
||||
color: #fff;
|
||||
border-bottom: 3px solid #3abe16;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
|
||||
<script language="javascript" type="text/javascript">
|
||||
urlStatic = '{$urlStatic}';
|
||||
urlActionUpload = '{url Image=Upload}';
|
||||
{literal}
|
||||
$(function(){
|
||||
var btnUpload=$('#upload');
|
||||
var status=$('#status');
|
||||
new AjaxUpload(btnUpload, {
|
||||
action: urlActionUpload,
|
||||
name: 'uploadfile',
|
||||
onSubmit: function(file, ext){
|
||||
if (! (ext && /^(jpg|png|jpeg|gif|zip)$/.test(ext))){
|
||||
// extension is not allowed
|
||||
status.text('tylko JPG, PNG oraz GIF lub zip');
|
||||
return false;
|
||||
}
|
||||
//alert(urlActionUpload);
|
||||
status.text('Uploading...');
|
||||
},
|
||||
onComplete: function(file, response){
|
||||
//On completion clear the status
|
||||
status.text('');
|
||||
//Add uploaded file to list
|
||||
//alert(response);
|
||||
|
||||
$('#PhotoDisplay', window.parent.document).html(response);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
{/literal}
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Upload Button, use any id you wish-->
|
||||
|
||||
<a id="upload" class="addItemMenu" href="#" title="Dodaj zdjęcia">Dodaj zdjęcia</a>
|
||||
<span id="status" ></span>
|
||||
<ul id="files" ></ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user