mirror of
https://github.com/alchemy-fr/Phraseanet.git
synced 2025-10-18 15:33:15 +00:00
update tool box templates
This commit is contained in:
Nicolas Le Goff
25
templates/web/prod/actions/Tools/confirm.html.twig
Normal file
25
templates/web/prod/actions/Tools/confirm.html.twig
Normal file
@@ -0,0 +1,25 @@
|
|||||||
|
<div id="thumb_confirm">
|
||||||
|
<table>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<img class='selected' style="width:160px; height:105px;"src="{{image}}"/>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<img style=" width:50px;height:80px;"src="/skins/prod/ThumbExtractor/question_mark.png"/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td colspan="2" style='text-align:left'>
|
||||||
|
{% trans 'you are about to change the representation thumbnail of your video' %} : <span style='color:#1B9DD0'>{{video_title}}</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td colspan="2" style='text-align:left'>
|
||||||
|
{% trans 'do you want to validate' %} ?
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</div>
|
||||||
@@ -1,8 +1,6 @@
|
|||||||
|
|
||||||
<div class='content'>
|
<div class='content'>
|
||||||
{% if success %}
|
{% if not success %}
|
||||||
{% trans ' successfull operation '%}
|
|
||||||
{% else %}
|
|
||||||
{% trans ' an error occured '%}
|
{% trans ' an error occured '%}
|
||||||
{{errorMessage}}
|
{{errorMessage}}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|||||||
@@ -24,164 +24,316 @@
|
|||||||
{# jquery Tabs #}
|
{# jquery Tabs #}
|
||||||
<div id="tool-tabs">
|
<div id="tool-tabs">
|
||||||
{# jquery menu #}
|
{# jquery menu #}
|
||||||
<ul>
|
<div>
|
||||||
<li>
|
<ul>
|
||||||
<a href="#subdefs">
|
|
||||||
{% trans "regeneration of sub-definitions" %}
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#image">
|
|
||||||
{% trans "image tool"%}
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% if selectionLength == 1 and registry.get('GV_seeOngChgDoc') %}
|
|
||||||
<li>
|
<li>
|
||||||
<a href="#hdsub">
|
<a href="#subdefs">
|
||||||
{% trans "substitution HD" %}
|
{% trans "regeneration of sub-definitions" %}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% if selectionLength == 1%}
|
||||||
{% if selectionLength == 1 and registry.get('GV_seeNewThumb') %}
|
{% for record in selection %}
|
||||||
<li>
|
{% if record.get_type() == 'video' %}
|
||||||
<a href="#sdsub">
|
<li>
|
||||||
{% trans "substitution of sub-definitions" %}
|
<a href="#thumbExtractor">
|
||||||
</a>
|
{% trans "video tool" %}
|
||||||
</li>
|
</a>
|
||||||
{% endif %}
|
</li>
|
||||||
{% if metadatas %}
|
{% endif %}
|
||||||
<li>
|
{% endfor %}
|
||||||
<a href="#exiftool">
|
{% endif %}
|
||||||
{% trans "meta-datas" %}
|
{% if selectionLength == 1%}
|
||||||
</a>
|
{% for record in selection %}
|
||||||
</li>
|
{% if record.get_type() == 'image' %}
|
||||||
{% endif %}
|
<li>
|
||||||
</ul>
|
<a href="#image">
|
||||||
|
{% trans "image tool"%}
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
{% endif %}
|
||||||
|
{% if selectionLength == 1 and registry.get('GV_seeOngChgDoc') %}
|
||||||
|
<li>
|
||||||
|
<a href="#substitution">
|
||||||
|
{% trans "substitution" %}
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{% endif %}
|
||||||
|
{% if metadatas %}
|
||||||
|
<li>
|
||||||
|
<a href="#exiftool">
|
||||||
|
{% trans "meta-datas" %}
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{% endif %}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
{# subef section #}
|
{# subef section #}
|
||||||
<div id="subdefs" class="tabBox">
|
<div id="subdefs" class="tabBox">
|
||||||
<form id="new-img-form" action="/prod/tools/image/" method="post">
|
<form id="new-img-form" action="/prod/tools/image/" method="post">
|
||||||
|
<fieldset style='border:1px solid #999;padding:20px;'>
|
||||||
{% if nbThumbSubstitute > 0 %}
|
<legend style='color:#EEE'> <b>{% trans "Reconstruire les sous definitions" %}</b> </legend>
|
||||||
<div style="color:#A00;">
|
{% if nbThumbSubstitute > 0 %}
|
||||||
{% trans "Attention, certain documents ont des sous-definitions substituees"%}
|
<div style="color:#A00;">
|
||||||
</div>
|
{% trans "Attention, certain documents ont des sous-definitions substituees"%}
|
||||||
<input type="checkbox" name="ForceThumbSubstit" value="1" id="FTS" />
|
|
||||||
<label for="FTS">
|
|
||||||
{% trans "Forcer la reconstruction sur les enregistrements ayant des thumbnails substituees" %}
|
|
||||||
</label>
|
|
||||||
<br/>
|
|
||||||
{% else %}
|
|
||||||
<input type="hidden" name="ForceThumbSubstit" value="1">
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<h6>
|
|
||||||
{% trans "Reconstruire les sous definitions" %} :
|
|
||||||
</h6>
|
|
||||||
<select name="rebuild">
|
|
||||||
<option selected="selected" value="none">
|
|
||||||
{% trans "recreer aucune les sous-definitions" %}
|
|
||||||
</option>
|
|
||||||
<option value="all">
|
|
||||||
{% trans "recreer toutes les sous-definitions" %}
|
|
||||||
</option>
|
|
||||||
</select>
|
|
||||||
|
|
||||||
<input type="hidden" name="ACT" value="SEND" />
|
|
||||||
<input type="hidden" name="lst" value="{{helper.get_serialize_list()}}" />
|
|
||||||
<div>
|
|
||||||
<button class='action_submiter' type="button">{% trans "validate" %}</button>
|
|
||||||
<button type="button">{% trans "cancel" %}</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{# image section #}
|
|
||||||
<div id="image" class="tabBox">
|
|
||||||
<form name="formpushdoc" action="/prod/tools/rotate/" method="post">
|
|
||||||
{% trans "Cette action n\'a d\'effet que sur les images"%}
|
|
||||||
<br/>
|
|
||||||
<input type="radio" name="rotation" id="ROTA_90" value="90" checked="checked">
|
|
||||||
<label for="ROTA_90">
|
|
||||||
{% trans "rotation 90 degres horaire"%}
|
|
||||||
</label>
|
|
||||||
<br />
|
|
||||||
<input type="radio" name="rotation" id="ROTA_C90" value="-90">
|
|
||||||
<label for="ROTA_C90">
|
|
||||||
{% trans "rotation 90 degres anti-horaires"%}
|
|
||||||
</label>
|
|
||||||
<input type="hidden" name="lst" value="{{helper.get_serialize_list()}}" />
|
|
||||||
<input type="hidden" name="element" value="" />
|
|
||||||
<input type="hidden" name="cchd" value="" />
|
|
||||||
<div>
|
|
||||||
<button class='action_submiter' type="button">{% trans "validate" %}</button>
|
|
||||||
<button type="button">{% trans "cancel" %}</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{# hd sub section #}
|
|
||||||
{% if selectionLength == 1 and registry.get('GV_seeOngChgDoc') %}
|
|
||||||
{% for record in selection %}
|
|
||||||
<div id="hdsub" class="tabBox">
|
|
||||||
<form
|
|
||||||
name ="formchgHD"
|
|
||||||
action="/prod/tools/hddoc/"
|
|
||||||
enctype="multipart/form-data"
|
|
||||||
method="post"
|
|
||||||
target="uploadHdsub">
|
|
||||||
<input type="hidden" name="MAX_FILE_SIZE" value="20000000" />
|
|
||||||
<input name="newHD" type="file" />
|
|
||||||
<input type="checkbox" name="ccfilename" id="CCFNALP" value="1">
|
|
||||||
<label for="CCFNALP">
|
|
||||||
{% trans "mettre a jour le nom original de fichier apres substitution"%}
|
|
||||||
</label>
|
|
||||||
<input type="hidden" name="ACT" value="SEND" />
|
|
||||||
<input type="hidden" name="sbas_id" value="{{record.get_sbas_id()}}"/>
|
|
||||||
<input type="hidden" name="record_id" value="{{record.get_record_id()}}" />
|
|
||||||
<div class="load"></div>
|
|
||||||
<div>
|
|
||||||
<button class='iframe_submiter' type="button">
|
|
||||||
{% trans "validate" %}
|
|
||||||
</button>
|
|
||||||
<button type="button">
|
|
||||||
{% trans "cancel" %}
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
</form>
|
<input type="checkbox" name="ForceThumbSubstit" value="1" id="FTS" />
|
||||||
<div class='resultAction'></div>
|
<label for="FTS">
|
||||||
</div>
|
{% trans "Forcer la reconstruction sur les enregistrements ayant des thumbnails substituees" %}
|
||||||
|
</label>
|
||||||
|
<br/>
|
||||||
|
{% else %}
|
||||||
|
<input type="hidden" name="ForceThumbSubstit" value="1">
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<select name="rebuild">
|
||||||
|
<option selected="selected" value="none">
|
||||||
|
{% trans "recreer aucune sous-definitions" %}
|
||||||
|
</option>
|
||||||
|
<option value="all">
|
||||||
|
{% trans "recreer toutes les sous-definitions" %}
|
||||||
|
</option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
<input type="hidden" name="ACT" value="SEND" />
|
||||||
|
<input type="hidden" name="lst" value="{{helper.get_serialize_list()}}" />
|
||||||
|
</fieldset>
|
||||||
|
<div style='text-align:right;padding-top:10px;'>
|
||||||
|
<button class='action_submiter' type="button">{% trans "validate" %}</button>
|
||||||
|
<button class='action_cancel' type="button">{% trans "cancel" %}</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% if selectionLength == 1%}
|
||||||
|
{% for record in selection %}
|
||||||
|
{% if record.get_type() == 'video' %}
|
||||||
|
<div id="thumbExtractor" class="tabBox">
|
||||||
|
<div class="PNB10 main_title">
|
||||||
|
<img src='/skins/prod/ThumbExtractor/camera_title.png'/>
|
||||||
|
{% trans "screenshot video" %}
|
||||||
|
</div>
|
||||||
|
<hr style='margin-top:25px;'/>
|
||||||
|
<div class="PNB part_title_left">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="PNB frame_video">
|
||||||
|
<video id="thumb_video" controls="" preload="auto">
|
||||||
|
<source id="mp4" type="video/mp4" src="/web//db_install/ThemeFromShaftb-boyRemix_512kb.mp4" />
|
||||||
|
<source id="ogv" type="video/ogg" src="/web//db_install/ThemeFromShaftb-boyRemix.ogv" />
|
||||||
|
<p>No HTML5.</p>
|
||||||
|
</video>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="PNB action_bar_left">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="thumb_camera_button" class="PNB">
|
||||||
|
<img src="/skins/prod/ThumbExtractor/camera_button.png" alt="{% trans 'take a screenshot' %}" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="PNB part_title_right">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="PNB frame_canva">
|
||||||
|
<div id="thumb_reset_button">
|
||||||
|
<img src="/skins/prod/ThumbExtractor/reset.png" />
|
||||||
|
</div>
|
||||||
|
<div id="thumb_delete_button">
|
||||||
|
<img src="/skins/prod/ThumbExtractor/delete.png" />
|
||||||
|
</div>
|
||||||
|
<p id='thumb_info'>{% trans 'To take a screenshot click on camera' %}</p>
|
||||||
|
<canvas id="thumb_canvas" >
|
||||||
|
|
||||||
|
</canvas>
|
||||||
|
</div>
|
||||||
|
<div class="PNB action_bar_right">
|
||||||
|
<div class="action_icon">
|
||||||
|
<img id="flipH" src="/skins/prod/ThumbExtractor/flip_horizontal.png"/>
|
||||||
|
</div>
|
||||||
|
<div class="action_icon">
|
||||||
|
<img id="flipV" src="/skins/prod/ThumbExtractor/flip_vertical.png"/>
|
||||||
|
</div>
|
||||||
|
<div class="action_icon">
|
||||||
|
<img id="brightness" src="/skins/prod/ThumbExtractor/luminosity.png" />
|
||||||
|
</div>
|
||||||
|
<div class="action_icon">
|
||||||
|
<img id="contrast" src="/skins/prod/ThumbExtractor/contrast.png" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="thumb_slider" class="PNB">
|
||||||
|
<div id="thumb_wrapper">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="action_frame_brightness" class="PNB action_frame" style='background-color:#3B3D3B;z-index: 5;top:295px;left:380px;width:325px;height:125px;display: none;'>
|
||||||
|
<div class='close_action_frame PNB' style='background: url("/skins/prod/Push/close_badge.png") #141616 no-repeat center center; top:5px;left:310px;width:10px;height:10px;'></div>
|
||||||
|
<div>
|
||||||
|
{% trans 'brightness settings' %}
|
||||||
|
<hr style='color:#141616' />
|
||||||
|
</div>
|
||||||
|
<table style="table-layout:fixed; width:100%">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td style='width:45px; text-align:center'>
|
||||||
|
<input id="value-brightness" type="text" style="width:45px;border:none;color:white;background-color:#3B3D3B" readonly="readonly" value="0">
|
||||||
|
</td>
|
||||||
|
<td style='padding:5px;text-align:center'>
|
||||||
|
<div id="slider-brightness" ></div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<div class='PNB' style="top:80px;left:220px;width:90px;height:30px;">
|
||||||
|
<button class="apply-brightness">{% trans 'validate'%}</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="action_frame_contrast" class="PNB action_frame" style='background-color:#3B3D3B;z-index: 5;top:295px;left:380px;width:325px;height:125px;display: none;'>
|
||||||
|
<div class='close_action_frame PNB' style='background: url("/skins/prod/Push/close_badge.png") #141616 no-repeat center center; top:5px;left:310px;width:10px;height:10px;'>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
{% trans 'contrast settings' %}
|
||||||
|
<hr style='color:#141616' />
|
||||||
|
</div>
|
||||||
|
<table style="table-layout:fixed;width:100%">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td style='width:45px; text-align:center'>
|
||||||
|
<input id="value-contrast" type="text" style="width:45px;border:none;color:white;background-color:#3B3D3B" readonly="readonly" value="0.3">
|
||||||
|
</td>
|
||||||
|
<td style='padding:5px;text-align:center'>
|
||||||
|
<div id="slider-contrast" ></div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<div class='PNB' style="top:80px;left:220px;width:90px;height:30px;">
|
||||||
|
<button class="apply-contrast">{% trans 'validate'%}</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="thumb_validate_button" class="PNB">
|
||||||
|
<input type="hidden" value='{{record.get_sbas_id()}}' name='sbas_id'>
|
||||||
|
<input type="hidden" value='{{record.get_record_id()}}' name='record_id'>
|
||||||
|
<img src="/skins/prod/ThumbExtractor/validate_button.png" alt="{% trans 'take a screenshot' %}" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{# sd sub section #}
|
{# image section #}
|
||||||
{% if selectionLength == 1 and registry.get('GV_seeNewThumb') %}
|
{% if selectionLength == 1%}
|
||||||
{% for record in selection %}
|
{% for record in selection %}
|
||||||
<div id="sdsub" class="tabBox">
|
{% if record.get_type() == 'image' %}
|
||||||
<br />
|
<div id="image" class="tabBox">
|
||||||
<form
|
<form name="formpushdoc" action="/prod/tools/rotate/" method="post">
|
||||||
name="formchgHD"
|
<fieldset style='border:1px solid #999;padding:20px;'>
|
||||||
action="/prod/tools/chgthumb/"
|
<legend style='color:#EEE'> <b>{% trans "image rotation" %}</b> </legend>
|
||||||
enctype="multipart/form-data"
|
<input type="radio" name="rotation" id="ROTA_90" value="90" checked="checked">
|
||||||
method="post"
|
<label for="ROTA_90">
|
||||||
target="uploadHdsub">
|
{% trans "rotation 90 degres horaire"%}
|
||||||
<input type="hidden" name="MAX_FILE_SIZE" value="20000000" />
|
</label>
|
||||||
<input name="newThumb" type="file" />
|
<br />
|
||||||
<input type="hidden" name="sbas_id" value="{{record.get_sbas_id()}}" />
|
<input type="radio" name="rotation" id="ROTA_C90" value="-90">
|
||||||
<input type="hidden" name="record_id" value="{{record.get_record_id()}}" />
|
<label for="ROTA_C90">
|
||||||
<div class="load"></div>
|
{% trans "rotation 90 degres anti-horaires"%}
|
||||||
<div>
|
</label>
|
||||||
<button class='iframe_submiter' type="button">
|
<input type="hidden" name="lst" value="{{helper.get_serialize_list()}}" />
|
||||||
{% trans "validate" %}
|
<input type="hidden" name="element" value="" />
|
||||||
</button>
|
<input type="hidden" name="cchd" value="" />
|
||||||
<button type="button">
|
</fieldset>
|
||||||
{% trans "cancel" %}
|
<div style='text-align:right;padding-top:10px;'>
|
||||||
</button>
|
<button class='action_submiter' type="button">{% trans "validate" %}</button>
|
||||||
|
<button class='action_cancel' type="button">{% trans "cancel" %}</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{# hd sub section #}
|
||||||
|
{% if selectionLength == 1 %}
|
||||||
|
{% for record in selection %}
|
||||||
|
<div id="substitution" class="tabBox">
|
||||||
|
|
||||||
|
{% if registry.get('GV_seeOngChgDoc') %}
|
||||||
|
<div id="substitution-hd">
|
||||||
|
<form
|
||||||
|
name ="formchgHD"
|
||||||
|
action="/prod/tools/hddoc/"
|
||||||
|
enctype="multipart/form-data"
|
||||||
|
method="post"
|
||||||
|
target="uploadHdsub">
|
||||||
|
|
||||||
|
<fieldset style='border:1px solid #999;padding:20px;'>
|
||||||
|
<legend style='color:#EEE'> <b>{% trans "substitution HD" %}</b> </legend>
|
||||||
|
<div>
|
||||||
|
<input type="hidden" name="MAX_FILE_SIZE" value="20000000" />
|
||||||
|
<input id='new-hd-file' name="newHD" type="file" />
|
||||||
|
<br />
|
||||||
|
<input type="checkbox" name="ccfilename" id="CCFNALP" value="1">
|
||||||
|
<label for="CCFNALP">
|
||||||
|
{% trans "mettre a jour le nom original de fichier apres substitution"%}
|
||||||
|
</label>
|
||||||
|
<input type="hidden" name="ACT" value="SEND" />
|
||||||
|
<input type="hidden" name="sbas_id" value="{{record.get_sbas_id()}}"/>
|
||||||
|
<input type="hidden" name="record_id" value="{{record.get_record_id()}}" />
|
||||||
|
<div class="load"></div>
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
<div style='text-align:right;padding-top:10px;'>
|
||||||
|
<button class='iframe_submiter' type="button">
|
||||||
|
{% trans "validate" %}
|
||||||
|
</button>
|
||||||
|
<button type="button" class='action_cancel'>
|
||||||
|
{% trans "cancel" %}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<div class='resultAction'></div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
{% endif %}
|
||||||
<div class='resultAction'></div>
|
|
||||||
|
{% if registry.get('GV_seeNewThumb') %}
|
||||||
|
<div id="substitution-sd">
|
||||||
|
<form
|
||||||
|
name="formchgHD"
|
||||||
|
action="/prod/tools/chgthumb/"
|
||||||
|
enctype="multipart/form-data"
|
||||||
|
method="post"
|
||||||
|
target="uploadHdsub">
|
||||||
|
<fieldset style='border:1px solid #999;padding:20px;'>
|
||||||
|
<legend style='color:#EEE'> <b>{% trans "substitution SD" %}</b> </legend>
|
||||||
|
<div>
|
||||||
|
<input type="hidden" name="MAX_FILE_SIZE" value="20000000" />
|
||||||
|
<input id='new-sd-file' name="newThumb" type="file" />
|
||||||
|
<input type="hidden" name="sbas_id" value="{{record.get_sbas_id()}}" />
|
||||||
|
<input type="hidden" name="record_id" value="{{record.get_record_id()}}" />
|
||||||
|
<div class="load"></div>
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
<div style='text-align:right;padding-top:10px;'>
|
||||||
|
<button class='iframe_submiter' type="button">
|
||||||
|
{% trans "validate" %}
|
||||||
|
</button>
|
||||||
|
<button type="button" class='action_cancel'>
|
||||||
|
{% trans "cancel" %}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<div class='resultAction'></div>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@@ -192,27 +344,29 @@
|
|||||||
<div id="exiftool" class="tabBox">
|
<div id="exiftool" class="tabBox">
|
||||||
{% set thumbnail = record.get_thumbnail() %}
|
{% set thumbnail = record.get_thumbnail() %}
|
||||||
|
|
||||||
<img
|
<img style='float:left; margin-right:15px'
|
||||||
src="{{thumbnail.get_url()}}"
|
src="{{thumbnail.get_url()}}"
|
||||||
width="{{thumbnail.get_width()}}"
|
width="{{thumbnail.get_width()}}"
|
||||||
height="{{thumbnail.get_height()}}" />
|
height="{{thumbnail.get_height()}}" />
|
||||||
|
|
||||||
{% if record is not none %}
|
{#{% if record is not none %}
|
||||||
<h1><b>{{record.get_title()}}</b></h1>
|
<h1><b>{{record.get_title()}}</b></h1>
|
||||||
{% endif %}
|
{% endif %}#}
|
||||||
|
|
||||||
|
|
||||||
<hr>
|
|
||||||
<div>
|
<div>
|
||||||
<h1><b>HTML</b></h1>
|
<h1><b>HTML</b></h1>
|
||||||
|
<hr>
|
||||||
{% for line in metadatasFirst %}
|
{% for line in metadatasFirst %}
|
||||||
{% spaceless %}
|
{% spaceless %}
|
||||||
{{line|raw}}
|
{{line|raw}}
|
||||||
{% endspaceless %}
|
{% endspaceless %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
|
||||||
<div>
|
<div>
|
||||||
<h1><b>XML</b></h1>
|
<h1><b>XML</b></h1>
|
||||||
|
<hr />
|
||||||
{% for line in metadatasSecond %}
|
{% for line in metadatasSecond %}
|
||||||
{{line|raw}}<br/>
|
{{line|raw}}<br/>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
@@ -221,12 +375,14 @@
|
|||||||
{% endfor %}
|
{% endfor %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
{# hidden iframe to handle upload #}
|
{# hidden iframe to handle upload #}
|
||||||
<iframe
|
<iframe
|
||||||
id="uploadHdsub"
|
id="uploadHdsub"
|
||||||
name="uploadHdsub"
|
name="uploadHdsub"
|
||||||
height="90"
|
height="0"
|
||||||
width="600"
|
width="0"
|
||||||
>
|
>
|
||||||
</iframe>
|
</iframe>
|
||||||
</div>
|
</div>
|
||||||
@@ -234,6 +390,8 @@
|
|||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
var scope = $("#prod-tool-box");
|
var scope = $("#prod-tool-box");
|
||||||
|
var width = 0;
|
||||||
|
|
||||||
$("#tool-tabs", scope).tabs();
|
$("#tool-tabs", scope).tabs();
|
||||||
|
|
||||||
$(".iframe_submiter", scope).bind("click", function(){
|
$(".iframe_submiter", scope).bind("click", function(){
|
||||||
@@ -250,7 +408,6 @@
|
|||||||
|
|
||||||
$(".action_submiter", scope).bind("click", function(){
|
$(".action_submiter", scope).bind("click", function(){
|
||||||
var form = $(this).closest("form");
|
var form = $(this).closest("form");
|
||||||
|
|
||||||
$.ajax({
|
$.ajax({
|
||||||
url : form.attr("action"),
|
url : form.attr("action"),
|
||||||
type : form.attr("method"),
|
type : form.attr("method"),
|
||||||
@@ -263,5 +420,279 @@
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
$(".action_cancel", scope).bind("click", function(){
|
||||||
|
var dialog = p4.Dialog.get(1);
|
||||||
|
console.log(dialog);
|
||||||
|
dialog.Close();
|
||||||
|
});
|
||||||
|
|
||||||
|
//thumbExtractor
|
||||||
|
|
||||||
|
$("#slider-brightness", scope).slider({
|
||||||
|
slide: function() {
|
||||||
|
$("#value-brightness").val(Math.round($("#slider-brightness").slider("value") / 100 * 300) - 150);
|
||||||
|
}
|
||||||
|
}).slider( "option", "value", 50);
|
||||||
|
|
||||||
|
$("#slider-contrast").slider({
|
||||||
|
slide: function() {
|
||||||
|
$("#value-contrast").val(
|
||||||
|
(
|
||||||
|
(
|
||||||
|
$("#slider-contrast").slider("value") / 100 * 4
|
||||||
|
)
|
||||||
|
-1
|
||||||
|
).toFixed(1));
|
||||||
|
}
|
||||||
|
}).slider( "option", "value", 1/3*100);
|
||||||
|
|
||||||
|
var sliderWrapper = $("#thumb_wrapper", scope);
|
||||||
|
|
||||||
|
var ThumbEditor = new this.THUMB_EDITOR("thumb_video", "thumb_canvas");
|
||||||
|
|
||||||
|
$("#thumb_reset_button",scope).bind("click", function(){
|
||||||
|
var curImg = sliderWrapper.find(".selected");
|
||||||
|
var id = curImg.attr("id").split("_").pop();
|
||||||
|
var originalScreenShot = ThumbEditor.store.get(id);
|
||||||
|
var newImg = $("<img />");
|
||||||
|
|
||||||
|
curImg.after(newImg).remove();
|
||||||
|
|
||||||
|
newImg
|
||||||
|
.attr("id", "#working_"+ id)
|
||||||
|
.attr("src", originalScreenShot.getDataURI())
|
||||||
|
.trigger("click");
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#thumb_delete_button", scope).bind("click", function(){
|
||||||
|
var img = sliderWrapper.find(".selected");
|
||||||
|
var id = img.attr("id").split("_").pop();
|
||||||
|
var previous = img.prev();
|
||||||
|
var next = img.next();
|
||||||
|
|
||||||
|
if(previous.length > 0)
|
||||||
|
{
|
||||||
|
previous.trigger("click");
|
||||||
|
}
|
||||||
|
else if(next.length > 0)
|
||||||
|
{
|
||||||
|
next.trigger("click");
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
$(this).hide();
|
||||||
|
$("#thumb_reset_button",scope).hide();
|
||||||
|
$("#thumb_info", scope).show();
|
||||||
|
ThumbEditor.resetCanva();
|
||||||
|
}
|
||||||
|
|
||||||
|
img.remove();
|
||||||
|
ThumbEditor.store.remove(id);
|
||||||
|
});
|
||||||
|
|
||||||
|
$(".close_action_frame", scope).bind("click", function(){
|
||||||
|
$(this).closest(".action_frame").hide();
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#flipV", scope).bind("click", function(){
|
||||||
|
Pixastic.process($("#thumb_canvas").get(0),
|
||||||
|
"flipv",
|
||||||
|
null,
|
||||||
|
function(canvas){$("#thumb_canvas").trigger("tool_event");}
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#flipH", scope).bind("click", function(){
|
||||||
|
Pixastic.process($("#thumb_canvas").get(0),
|
||||||
|
"fliph",
|
||||||
|
null, function(canvas){$("#thumb_canvas").trigger("tool_event");}
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#brightness", scope).bind("click", function(){
|
||||||
|
$("#action_frame_brightness", scope).show();
|
||||||
|
$("#action_frame_contrast", scope).hide();
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#contrast", scope).bind("click", function(){
|
||||||
|
$("#action_frame_brightness", scope).hide();
|
||||||
|
$("#action_frame_contrast", scope).show();
|
||||||
|
});
|
||||||
|
|
||||||
|
$(".apply-brightness", scope).bind("click", function(){
|
||||||
|
Pixastic.process($("#thumb_canvas").get(0), "brightness", {
|
||||||
|
brightness: $("#value-brightness").val(),
|
||||||
|
contrast: $("#value-contrast").val(),
|
||||||
|
legacy: false
|
||||||
|
}, null, function(canvas){$("#thumb_canvas").trigger("tool_event");});
|
||||||
|
});
|
||||||
|
|
||||||
|
$(".apply-contrast").bind("click", function(){
|
||||||
|
Pixastic.process($("#thumb_canvas").get(0), "brightness", {
|
||||||
|
brightness: $("#value-brightness").val(),
|
||||||
|
contrast: $("#value-contrast").val(),
|
||||||
|
legacy: false
|
||||||
|
}, null, function(canvas){$("#thumb_canvas").trigger("tool_event");});
|
||||||
|
});
|
||||||
|
|
||||||
|
$("img", sliderWrapper).live("click", function(){
|
||||||
|
$('.selected', sliderWrapper).removeClass('selected');
|
||||||
|
$(this).addClass('selected');
|
||||||
|
|
||||||
|
ThumbEditor.copy($(this).get(0));
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#thumb_camera_button", scope).bind("click", function(){
|
||||||
|
$("#thumb_info", scope).hide();
|
||||||
|
$("#thumb_delete_button", scope).show();
|
||||||
|
$("#thumb_reset_button",scope).show();
|
||||||
|
|
||||||
|
var screenshot = ThumbEditor.screenshot();
|
||||||
|
var img = $("<img />");
|
||||||
|
$('.selected', sliderWrapper).removeClass('selected');
|
||||||
|
img.addClass('selected')
|
||||||
|
.attr('id', 'working_'+ screenshot.getId())
|
||||||
|
.attr('src', screenshot.getDataURI())
|
||||||
|
.attr("alt", screenshot.getVideoTime())
|
||||||
|
.appendTo(sliderWrapper);
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#thumb_canvas").live('tool_event', function(){
|
||||||
|
var thumbnail = $('.selected', sliderWrapper);
|
||||||
|
|
||||||
|
if(thumbnail.length === 0)
|
||||||
|
{
|
||||||
|
console.error('No image selected');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
thumbnail.attr('src', ThumbEditor.getCanvaImage());
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#thumb_validate_button", scope).bind("click", function(){
|
||||||
|
|
||||||
|
var thumbnail = $('.selected', sliderWrapper);
|
||||||
|
|
||||||
|
if(thumbnail.length === 0)
|
||||||
|
{
|
||||||
|
var dialog = p4.Dialog.Create({
|
||||||
|
size:'Alert',
|
||||||
|
title: '{% trans "alert" %}',
|
||||||
|
closeOnEscape:true
|
||||||
|
}, 3);
|
||||||
|
|
||||||
|
var content = $("<div />").css({
|
||||||
|
'text-align':'center',
|
||||||
|
'width': '100%',
|
||||||
|
'font-size':'14px'
|
||||||
|
}).append('{% trans "no image selected" %}');
|
||||||
|
dialog.setContent(content);
|
||||||
|
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var buttons = {};
|
||||||
|
|
||||||
|
var record_id = $("input[name=record_id]").val();
|
||||||
|
var sbas_id = $("input[name=sbas_id]").val();
|
||||||
|
|
||||||
|
|
||||||
|
function disableConfirmButton(dialog){
|
||||||
|
dialog.getDomElement().closest('.ui-dialog').find(".ui-dialog-buttonpane button").filter(function() {
|
||||||
|
return $(this).text() == language.valider;
|
||||||
|
}).addClass("ui-state-disabled").attr("disabled", true);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function enableConfirmButton(dialog){
|
||||||
|
dialog.getDomElement().closest('.ui-dialog').find(".ui-dialog-buttonpane button").filter(function() {
|
||||||
|
return $(this).text() == language.valider;
|
||||||
|
}).removeClass("ui-state-disabled").attr("disabled", false);
|
||||||
|
}
|
||||||
|
|
||||||
|
buttons[language.valider] = function(){
|
||||||
|
var dialog = p4.Dialog.get(2);
|
||||||
|
var buttonPanel = dialog.getDomElement().closest('.ui-dialog').find(".ui-dialog-buttonpane");
|
||||||
|
var loadingDiv = buttonPanel.find('.info-div');
|
||||||
|
|
||||||
|
if(loadingDiv.length == 0)
|
||||||
|
{
|
||||||
|
loadingDiv = $("<div />").css({
|
||||||
|
'width' : '120px',
|
||||||
|
'height' : '40px',
|
||||||
|
'float':'left',
|
||||||
|
'line-height' : '40px',
|
||||||
|
'padding-left' : '40px',
|
||||||
|
'text-align' : 'left',
|
||||||
|
'background-position' : 'left center'
|
||||||
|
}).attr('class', 'info-div').prependTo(buttonPanel);
|
||||||
|
}
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
url: "/prod/tools/thumb-extractor/apply/",
|
||||||
|
data: {
|
||||||
|
image: $("#thumb_confirm img.selected").attr('src'),
|
||||||
|
record_id : record_id,
|
||||||
|
sbas_id: sbas_id
|
||||||
|
},
|
||||||
|
beforeSend: function(){
|
||||||
|
disableConfirmButton(dialog);
|
||||||
|
loadingDiv.empty().addClass('loading').append('{% trans "processing" %}');
|
||||||
|
},
|
||||||
|
success: function(data){
|
||||||
|
loadingDiv.empty().removeClass('loading');
|
||||||
|
|
||||||
|
if(data.success)
|
||||||
|
{
|
||||||
|
dialog.Close();
|
||||||
|
p4.Dialog.get(1).Close();
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
var content = $("<div />").css({'color':'#a00'}).append("{% trans "an error occured" %} " + data.message);
|
||||||
|
loadingDiv.append(content);
|
||||||
|
enableConfirmButton(dialog);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
//show confirm box, content is loaded here /prod/tools/thumb-extractor/confirm-box/
|
||||||
|
var dialog = p4.Dialog.Create({
|
||||||
|
size:'Small',
|
||||||
|
title:"{% trans 'thumbnail validation' %}",
|
||||||
|
cancelButton:true,
|
||||||
|
buttons: buttons
|
||||||
|
}, 2);
|
||||||
|
|
||||||
|
var datas = {
|
||||||
|
image: $('.selected', sliderWrapper).attr("src"),
|
||||||
|
sbas_id: sbas_id,
|
||||||
|
record_id: record_id
|
||||||
|
};
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
type: "POST",
|
||||||
|
url: "/prod/tools/thumb-extractor/confirm-box/",
|
||||||
|
data: datas,
|
||||||
|
success: function(data){
|
||||||
|
|
||||||
|
if(data.error)
|
||||||
|
{
|
||||||
|
var content = $("<div />").css({'font-size':'16px', 'text-align':'center'}).append(data.datas);
|
||||||
|
dialog.setContent(content);
|
||||||
|
disableConfirmButton(dialog);
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
dialog.setContent(data.datas);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
scope.find('button').button();
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
Reference in New Issue
Block a user