Файл: base-sys/base/views/components/ajax_oembed_attachment.html
Строк: 194
<?php
{style}{literal}
.peep_oembed_attachment {
position: relative;
padding-right: 20px;
margin-bottom: 4px;
}
.peep_oembed_attachment .two_column .attachment_left {
float: left;
max-width: 150px;
margin-right: 8px;
}
.peep_oembed_attachment .two_column .attachment_right {
display: inline-block;
}
.peep_oembed_attachment .video div.attachment_left {
position: relative;
}
.peep_oembed_attachment .video div.attachment_right {
display: inline-block;
}
.peep_oembed_attachment .one_column .attachment_left {
display: none;
}
.peep_oembed_attachment .attachment_left img
{
width: 100%;
height: auto;
max-width: none;
}
.peep_oembed_attachment .attachment_left embed,
.peep_oembed_attachment .attachment_left object,
.peep_oembed_attachment .attachment_left iframe
{
width: 300px;
height: 220px;
}
.peep_oembed_attachment:hover .attachment_delete {
display: block;
}
.attachment_delete {
position: absolute;
right: 0;
width:12px;
height:12px;
display: none;
}
.peep_oembed_attachment .link.two_column,
.peep_oembed_attachment .video.two_column {
padding-left: 108px;
}
.peep_oembed_attachment .video.two_column.peep_video_playing {
padding-left: 0;
}
.peep_oembed_attachment .link.two_column .attachment_left,
.peep_oembed_attachment .video.two_column .attachment_left {
max-width: 100px;
margin-left: -108px;
margin-top: 4px;
}
.peep_oembed_attachment .video.two_column.peep_video_playing .attachment_left {
margin: 0 0 4px 0;
width: 100%;
max-width: none;
}
.peep_oembed_attachment .link .peep_oembed_video_cover {
display: none;
}
{/literal}{/style}
{*
<div class="peep_ajax_oembed_attachment peep_oembed_attachment peep_border clearfix {if !empty($containerClass)}{$containerClass}{/if}" id="{$uniqId}">
<a class="attachment_delete PEEP_AttachmentDelete peep_miniic_delete {if !empty($deleteClass)}{$deleteClass}{/if}" href="javascript://"></a>
<div style="padding-right: 20px;">
<div class="{$data.type} {if !empty($data.thumbnail_url) || !empty($data.url)}has_thumbnail{elseif !empty($data.html)}has_html{/if} {if !empty($data.title) || !empty($data.description) }two_column{elseif $data.type !='photo'}one_column{/if}">
<div class="attachment_left">
{if !empty($data.thumbnail_url) }
<a href="{$data.href}" target="_blank">
<img src="{$data.thumbnail_url}" class="attachment_thumb PEEP_AttachmentImage" />
</a>
{elseif !empty($data.url)}
<a href="javascript://" onclick="PEEP.showImageInFloatBox('{$data.href}');">
<img src="{$data.url}" class="attachment_thumb from_fullsize_photo PEEP_AttachmentImage" />
</a>
{elseif !empty($data.html)}
{$data.html}
{/if}
{if !empty($data.allImages) && count($data.allImages) > 1}
<div class="attachment_other_images">
<a href="javascript://" class="attachment_other_images_btn PEEP_AttachmentSelectPicture peep_lbutton">{text key="base+ajax_attachment_select_image"}</a>
<div style="display: none">
<div class="attachment_other_images_fbtitle PEEP_AttachmentPicturesFbTitle">{text key="base+ajax_attachment_select_image_title"}</div>
<div class="attachment_other_images_fbcontent clearfix PEEP_AttachmentPicturesFbContent">
{foreach from=$data.allImages item="img"}
<div class="attachment_image_item peep_border PEEP_AttachmentPictureItem">
<img src="{$img}" />
</div>
{/foreach}
</div>
</div>
</div>
{/if}
</div>
<div class="attachment_right ">
{if !empty($data.title)}
<div class="attachment_title"><a href="{$data.href}" target="_blank">{$data.title}</a></div>
{elseif $data.type != "photo"}
<div class="attachment_title"><a href="{$data.href}" target="_blank">{$data.href}</a></div>
{/if}
{if !empty($data.description)}
<div class="attachment_desc peep_remark">{$data.description}</div>
{/if}
</div>
</div>
</div>
</div>
*}
{if $data.type == "photo"}
<div class="peep_comment_attachment peep_photo_attachment_preview peep_smallmargin" id="{$uniqId}">
{if !empty($data.thumbnail_url) }
<a href="{$data.href}" target="_blank" class="peep_photo_attachment_pic peep_attachment_preload" style="background-image: url({$data.thumbnail_url});">
<div class="peep_attachment_delete peep_miniic_delete PEEP_AttachmentDelete"></div>
</a>
{elseif !empty($data.url)}
<a href="javascript://" class="peep_photo_attachment_pic peep_attachment_preload" onclick="PEEP.showImageInFloatBox('{$data.href}');" style="background-image: url({$data.url});">
<div class="peep_attachment_delete peep_miniic_delete PEEP_AttachmentDelete"></div>
</a>
{/if}
</div>
{else}
<div class="peep_comment_attachment peep_oembed_attachment_preview peep_smallmargin" id="{$uniqId}">
{if !empty($data.thumbnail_url) || !empty($data.url)}
<div class="peep_oembed_attachment_pic">
{if !empty($data.thumbnail_url) }
<a href="{$data.href}" target="_blank">
<img src="{$data.thumbnail_url}" class="attachment_thumb PEEP_AttachmentImage" />
</a>
{elseif !empty($data.url)}
<a href="javascript://" onclick="PEEP.showImageInFloatBox('{$data.href}');">
<img src="{$data.url}" class="attachment_thumb from_fullsize_photo PEEP_AttachmentImage" />
</a>
{/if}
{if !empty($data.allImages) && count($data.allImages) > 1}
<a href="javascript://" class="attachment_other_images_btn peep_lbutton PEEP_AttachmentSelectPicture">{text key="base+ajax_attachment_select_image"}</a>
<div style="display: none">
<div class="attachment_other_images_fbtitle PEEP_AttachmentPicturesFbTitle">{text key="base+ajax_attachment_select_image_title"}</div>
<div class="attachment_other_images_fbcontent clearfix PEEP_AttachmentPicturesFbContent">
{foreach from=$data.allImages item="img"}
<div class="attachment_image_item peep_border PEEP_AttachmentPictureItem">
<img src="{$img}" />
</div>
{/foreach}
</div>
</div>
{/if}
</div>
{/if}
<div class="peep_attachment_title">
{if !empty($data.title)}
<a href="{$data.href}" target="_blank">{$data.title}</a>
{/if}
<a class="peep_attachment_delete peep_miniic_delete PEEP_AttachmentDelete" href="javascript://"></a>
</div>
{if !empty($data.description)}
<div class="peep_attachment_description peep_remark">{$data.description}</div>
{/if}
</div>
{/if}
?>