update
This commit is contained in:
4
Admin/template/partial/Image/AddStructure.tpl
Normal file
4
Admin/template/partial/Image/AddStructure.tpl
Normal file
@@ -0,0 +1,4 @@
|
||||
|
||||
{dropDownContainer title=$moduleName|default:"Lista" icon=$moduleBoxConfg['files'] moduleBoxId=$moduleBoxId}
|
||||
Aby dodać obrazy, proszę zapisać element struktury
|
||||
{/dropDownContainer}
|
||||
1
Admin/template/partial/Image/DeleteImage.tpl
Normal file
1
Admin/template/partial/Image/DeleteImage.tpl
Normal file
@@ -0,0 +1 @@
|
||||
document.getElementById('{$photo}').style.display="none";
|
||||
43
Admin/template/partial/Image/EditStructure.tpl
Normal file
43
Admin/template/partial/Image/EditStructure.tpl
Normal file
@@ -0,0 +1,43 @@
|
||||
|
||||
{dropDownContainer title=$moduleName|default:"Lista" icon=$moduleBoxConfg['files'] moduleBoxId=$moduleBoxId publish=$param.modulePublication}
|
||||
<iframe name="PhotoUpload" id="PhotoUpload" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" height="70" width="625" src="{url Image='Form'}">
|
||||
<noscript>
|
||||
Do wyświetlenia konieczne jest działanie ramek (iframe).
|
||||
</noscript>
|
||||
</iframe>
|
||||
{*<form action="{url Image=UploadImage}" method="post" enctype="multipart/form-data" >
|
||||
<input type="file" name="uploadfile" onchange="submit();" />
|
||||
|
||||
<label for="file-upload" class="custom-file-upload">
|
||||
Przeglądaj...
|
||||
</label>
|
||||
<span id="file-selected" class="fileSelected">...</span>
|
||||
<input name="uploadfile" id="file-upload" type="file" onchange="submit();"/>
|
||||
</form>*}
|
||||
<br />
|
||||
<form action="{url Image=SortImage}" method="post" enctype="multipart/form-data" >
|
||||
<div>
|
||||
{*{foreach from=$arrayPhoto item=image}
|
||||
<div style="float: left; margin-right: 5px; margin-bottom: 5px;" >
|
||||
<img src="{$urlStatic}/upload/Banner/111/{$image->GetPath()}"/>
|
||||
<div>
|
||||
Kolejność <input name="sort[{$image->GetId()}]" size="3" value="{$image->GetPosition()}" />
|
||||
<a href="{url Image=DeleteImageBanner reload=true photo=$image->GetId()}"><img src="{$urlStatic}/image/Admin/iconDelete.gif" alt="Usuń" title="Usuń" border="0"/></a>
|
||||
</div>
|
||||
</div>
|
||||
{/foreach}*}
|
||||
{foreach from=$arrayImage item=image name=photo key=key}
|
||||
<div id="image_{$image->GetId()}" style="float:left; border:1px solid #000000; margin-right:5px; margin-bottom: 5px; position: relative; text-align: center;">
|
||||
<img src="{$image->GetFullUrlMiniId($idArticleStructureMain)}" alt="test" style="margin-bottom: 5px" />
|
||||
<br />
|
||||
<div style="position: absolute; top: 52px ;right: 2px; background: rgba(72, 137, 174, .7);">Kolejność <input name="image_sort[{$image->GetId()}]" size="3" value="{$image->getWeight()}" style="width: 25px;" /></div>
|
||||
<div style="position: absolute;top: 0;right: 2px;"><a class="optionIcon iconDelete" onclick="DeletePhoto('{url Image=DeleteImage}', '{$image->GetId()}'); return false;"> </a></div>
|
||||
<textarea name="image_description[{$image->GetId()}]" rows="1" cols="11">{$image->GetDescription()}</textarea>
|
||||
</div>
|
||||
{/foreach}
|
||||
</div>
|
||||
<div name="PhotoDisplay" id="PhotoDisplay" class="PhotoDisplay">
|
||||
|
||||
</div>
|
||||
<div class="clearBoth"></div>
|
||||
{/dropDownContainer}
|
||||
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>
|
||||
1
Admin/template/partial/Image/Upload.tpl
Normal file
1
Admin/template/partial/Image/Upload.tpl
Normal file
@@ -0,0 +1 @@
|
||||
{foreach from=$arrayPhoto item=file name=photo key=key}<div style="float:left; text-align: center; border:1px solid #000000; margin-right:5px; margin-bottom: 5px"><img src="{$urlStatic}/temp/{$file.th}" alt="test" />{*<textarea name="image_description[{$key}]" rows="1" cols="11"></textarea>*}</div> {/foreach}
|
||||
42
Admin/template/partial/Image/UploadImage.tpl
Normal file
42
Admin/template/partial/Image/UploadImage.tpl
Normal file
@@ -0,0 +1,42 @@
|
||||
|
||||
<script language="javascript" type="text/javascript">
|
||||
urlStatic = '{$urlStatic}';
|
||||
urlActionUpload = '{url Image=UploadImage}';
|
||||
</script>
|
||||
|
||||
<div class="panelRightTop"></div>
|
||||
|
||||
<div class="panelRightBody">
|
||||
<div class="paddedContent">
|
||||
{dropDownContainer title="Zdjecia"}
|
||||
<!-- Upload Button, use any id you wish-->
|
||||
{*<div id="upload" ><span>Dodaj zdjęcie<span></div><span id="status" ></span>
|
||||
|
||||
<ul id="files" ></ul>*}
|
||||
<form action="{url Image=UploadImage}" method="post" enctype="multipart/form-data" >
|
||||
<input type="file" name="uploadfile" onchange="submit();" />
|
||||
</form>
|
||||
<br />
|
||||
<form action="{url Image=SortImage}" method="post" enctype="multipart/form-data" >
|
||||
<div>
|
||||
{foreach from=$arrayPhoto item=image}
|
||||
<div style="float: left; margin-right: 5px; margin-bottom: 5px;" >
|
||||
<img src="{$urlStatic}/upload/Banner/111/{$image->GetPath()}"/>
|
||||
<div>
|
||||
Kolejność <input name="sort[{$image->GetId()}]" size="3" value="{$image->GetPosition()}" />
|
||||
<a href="{url Image=DeleteImageBanner reload=true photo=$image->GetId()}"><img src="{$urlStatic}/image/Admin/iconDelete.gif" alt="Usuń" title="Usuń" border="0"/></a>
|
||||
</div>
|
||||
</div>
|
||||
{/foreach}
|
||||
</div>
|
||||
|
||||
<div class="clearBoth"></div>
|
||||
{/dropDownContainer}
|
||||
</div>
|
||||
</div>
|
||||
<div class="panelRightBottom">
|
||||
<div class="panelButtons">
|
||||
<input type="submit" class="button buttonZapisz" value="" name="save" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
Reference in New Issue
Block a user