hazza/Phraseanet
1
0
Fork 0
mirror of https://github.com/alchemy-fr/Phraseanet.git synced 2025-10-23 18:03:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

add og tags in permalink view, twig/css/js cleanup

Browse Source
This commit is contained in:
Florian BLOUET
2015-10-23 16:46:50 +02:00
parent 6b48fb8462
commit c370145647
4 changed files with 190 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

158
templates/web/overview.html.twig
View File

@@ -45,30 +45,152 @@
<script type="text/javascript" src="/assets/vendors/jquery/jquery{% if not app.debug %}.min{% endif %}.js"></script>
<script type="text/javascript" src="/assets/vendors/jquery-ui/jquery-ui{% if not app.debug %}.min{% endif %}.js"></script>
<script type="text/javascript" src="/assets/permaview/js/permaview{% if not app.debug %}.min{% endif %}.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.preview .thumb_wrapper').width('100%');
$('.preview.enhancable').image_enhance({
zoomable:true
});
})
</script>
{% endblock %}
{% block rss %}
{% for metaKey, metaValue in ogMetaDatas %}
<meta property="{{ metaKey }}" content="{{ metaValue }}" />
{% endfor %}
{% endblock %}
{% block stylesheet %}
<style type="text/css">
html {
color: white;
background-color: #212121;
}
body {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
overflow: auto;
min-height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
}
#mainContainer {
margin-top: 32px;
}
h1 {
font-size: 26px;
font-weight: bold;
padding: 50px 0 20px;
}
#page {
width: 860px;
background-color: #414141;
padding: 0 20px;
margin: 0 auto;
height: 100%;
}
.record {
margin: 0 auto;
}
.preview .thumb_wrapper {
overflow: hidden;
}
.caption {
padding: 30px 0 20px;
}
dl {
margin-bottom: 20px;
}
dt,
dd {
line-height: 20px;
}
dt {
font-weight: bold;
}
dd {
margin-left: 10px;
}
.dl-horizontal {
*zoom: 1;
}
.dl-horizontal:before,
.dl-horizontal:after {
display: table;
line-height: 0;
content: "";
}
.dl-horizontal:after {
clear: both;
}
.dl-horizontal dt {
float: left;
width: 160px;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
</style>
{% endblock %}
{% block javascript %}
{#{% if subdef.get_type() == 'VIDEO_MP4' or subdef.get_type() == 'VIDEO_FLV' %}
<script type="text/javascript"
src="{{ path('minifier', { 'f' : 'assets/jquery/jquery.js,include/jslibs/jquery.mousewheel.js' }) }}"></script>
<script type="text/javascript" src="{{ path('minifier', { 'f' : 'assets/jquery.ui/jquery-ui.js' }) }}"></script>
<script type="text/javascript" src="/include/jslibs/flowplayer/flowplayer-3.2.13.min.js"></script>
{% elseif subdef.get_type() == 'FLEXPAPER' or subdef.get_type() == 'AUDIO_MP3' %}
<script type="text/javascript"
src="{{ path('minifier', { 'f' : 'assets/jquery/jquery.js,include/jslibs/jquery.mousewheel.js,assets/swfobject/swfobject.js' }) }}"></script>
<script type="text/javascript" src="{{ path('minifier', { 'f' : 'assets/jquery.ui/jquery-ui.js' }) }}"></script>
{% else %}
<script type="text/javascript"
src="{{ path('minifier', { 'f' : 'assets/jquery/jquery.js,include/jslibs/jquery.mousewheel.js,include/jquery.image_enhancer.js' }) }}"></script>
<script type="text/javascript" src="{{ path('minifier', { 'f' : 'assets/jquery.ui/jquery-ui.js' }) }}"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.preview.enhancable').image_enhance({
zoomable: true
});
})
</script>
{% endif %}#}
<script type="text/javascript">
$(document).ready(function () {
$('.preview .thumb_wrapper').width('100%');
});
</script>
{% endblock %}
{% block content %}
<div id="page">
<h1>{{record.get_title()}}</h1>
<div class="preview enhancable">
{% import 'common/thumbnail.html.twig' as thumbnail %}
{% set subdef = record.get_subdef(subdef_name) %}
<div id="page" >
<h1>{{ record.get_title() }}</h1>
{{ thumbnail.format(subdef, subdef.get_width(), subdef.get_height(), '', true, false) }}
</div>
<div class="caption">
{% include 'common/caption.html.twig' %}
</div>
<div class="preview enhancable">
{% import 'common/thumbnail.html.twig' as thumbnail %}
{{ thumbnail.format(subdef, subdef.get_width(), subdef.get_height(), '', true, false) }}
</div>
<div class="caption">
{% include 'common/caption.html.twig' %}
</div>
</div>
{% endblock %}