hazza/Phraseanet
1
0
Fork 0
mirror of https://github.com/alchemy-fr/Phraseanet.git synced 2025-10-24 02:13:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor layout of video tools and dialogs

Browse Source 
resize screenshots
This commit is contained in:
mike-esokia
2018-03-29 14:33:58 +04:00
committed by Mike Ng
parent 236a0c95c7
commit 329b7b90d5
18 changed files with 102 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
resources/www/common/images/icons/add-new-range-hover.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
resources/www/common/images/icons/add-new-range.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
resources/www/common/images/icons/icon-photography-hover.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
resources/www/common/images/icons/icon-photography.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
resources/www/common/images/icons/picto-add-new-range-white.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 217 B

BIN
resources/www/common/images/icons/picto-close-window-selected.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 520 B

BIN
resources/www/common/images/icons/picto-close-window.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 247 B

BIN
resources/www/common/images/icons/picto-delete-hover.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
resources/www/common/images/icons/picto-delete.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
resources/www/common/images/icons/picto-export-thumbnail-hover.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
resources/www/common/images/icons/picto-export-thumbnail.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
resources/www/common/images/icons/picto-information-shortcut-key.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 517 B

BIN
resources/www/common/images/icons/picto-save-chapter-white.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 402 B

BIN
resources/www/common/images/icons/save-chapter-hover.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
resources/www/common/images/icons/save-chapter.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

3
templates/web/common/index_bootstrap.html.twig
View File

@@ -29,8 +29,9 @@
<script type="text/javascript" <script type="text/javascript"
src="/assets/vendors/underscore/underscore{% if not app.debug %}.min{% endif %}.js"></script> src="/assets/vendors/underscore/underscore{% if not app.debug %}.min{% endif %}.js"></script>
{% block rss %}{% endblock %} {% block rss %}{% endblock %}
{% block javascript %}{% endblock %} {% block javascript %}
<script type="text/javascript" src="/assets/vendors/jquery-ui/jquery-ui.js"></script> <script type="text/javascript" src="/assets/vendors/jquery-ui/jquery-ui.js"></script>
{% endblock %}
</head> </head>
<body class="PNB"> <body class="PNB">
<div id="mainContainer" class="PNB"> <div id="mainContainer" class="PNB">

29
templates/web/prod/actions/Tools/confirm.html.twig
View File

@@ -1,25 +1,10 @@
<div id="thumb_confirm"> <div id="thumb_confirm">
<table>
<tbody>
<tr>
<td>
<img class="selected" src="{{ image }}"/> <img class="selected" src="{{ image }}"/>
</td> <div>
<td> {{ 'you are about to change the representation thumbnail of your video' | trans }} : <span
<img style=" width:50px;height:80px;"src="/assets/prod/images/ThumbExtractor/question_mark.png"/> style='color:#884c92'>{{ video_title }}</span>
</td> </div>
</tr> <div>
<tr> {{ 'do you want to validate' | trans }}
<td colspan="2" style='text-align:left'> </div>
{{ 'you are about to change the representation thumbnail of your video' | trans }} : <span style='color:#1B9DD0'>{{video_title}}</span>
</td>
</tr>
<tr>
<td colspan="2" style='text-align:left'>
{{ 'do you want to validate' | trans }}
</td>
</tr>
</tbody>
</table>
</div> </div>

106
templates/web/prod/actions/Tools/videoEditor.html.twig
View File

@@ -10,10 +10,10 @@
{% endfor %} {% endfor %}
{% endif %} {% endif %}
<div id='prod-tool-box' class="PNB10"> <div id='prod-tool-box' class="PNB10 video-edit">
{# jquery Tabs #} {# jquery Tabs #}
<div id="tool-tabs" class="tabs"> <div id="tool-tabs" class="tabs PNB">
{# jquery menu #} {# jquery menu #}
<div> <div>
<ul> <ul>
@@ -33,15 +33,10 @@
{% if selectionLength == 1 %} {% if selectionLength == 1 %}
{% for record in records %} {% for record in records %}
{% if record.get_type() == 'video' %} {% if record.get_type() == 'video' %}
<div id="thumbExtractor" class="tabBox"> <div id="thumbExtractor">
<div class="PNB10 main_title">
<img src='/assets/prod/images/ThumbExtractor/camera_title.png'/>
{{ "screenshot video" | trans }}
</div>
<hr style='margin-top:25px;'/>
<div class="PNB part_title_left"></div>
<div class="PNB frame_video"> <div id="thumbExtractor-preview">
<div class="frame_video">
{% set outputFormats = record.getSubdfefByDeviceAndMime(null, ['image/jpeg', 'image/png']) %} {% set outputFormats = record.getSubdfefByDeviceAndMime(null, ['image/jpeg', 'image/png']) %}
{% set previewHtml5 = record.getSubdfefByDeviceAndMime(constant('\\databox_subdef::DEVICE_SCREEN'), ['video/ogg', 'video/mp4', 'video/webm']) %} {% set previewHtml5 = record.getSubdfefByDeviceAndMime(constant('\\databox_subdef::DEVICE_SCREEN'), ['video/ogg', 'video/mp4', 'video/webm']) %}
{% set dataW = constant('media_subdef::TC_DATA_WIDTH') %} {% set dataW = constant('media_subdef::TC_DATA_WIDTH') %}
@@ -67,50 +62,10 @@
</video> </video>
</div> </div>
<div class="PNB action_bar_left"> <div id="thumb_camera_button"></div>
</div>
<div id="thumb_camera_button" class="PNB"> <div class="vertical-divider"></div>
<img src="/assets/prod/images/ThumbExtractor/camera_button.png"
alt="{{ 'take a screenshot' | trans }}"/>
</div>
<div class="PNB part_title_right">
</div>
<div class="PNB frame_canva">
<div id="thumb_delete_button">
<img src="/assets/prod/images/ThumbExtractor/delete.png"/>
</div>
<p id='thumb_info'>{{ 'To take a screenshot click on camera' | trans }}</p>
<canvas id="thumb_canvas"></canvas>
<div id="alt_canvas_container"
style="position:absolute;overflow:hidden;top:-1200px;visibility: hidden; width:0!important;height:0!important">
{% for subdef in outputFormats %}
<canvas data-width="{{ subdef.get_width() }}" data-name="{{ subdef.get_name() }}"
class="alt_canvas" id="{{ subdef.get_name() }}"></canvas>
{% endfor %}
</div>
</div>
<div id="thumb_slider" class="PNB">
<div id="thumb_wrapper">
</div>
</div>
<div class="thumb_submit_action PNB">
<input type="hidden" value='{{ record.get_sbas_id() }}' name='sbas_id'>
<input type="hidden" value='{{ record.get_record_id() }}' name='record_id'>
<button id="thumb_validate_button" class="btn btn-inverse"
type="button">{{ "validate" | trans }}</button>
</div>
</div>
<div id="rangeExtractor" class="">
<div class="main_title">
<img src='/assets/prod/images/ThumbExtractor/camera_title.png'/>
{{ "video range extractor" | trans }}
</div>
<div class="video-range-editor-container"></div>
<div class="video-data-container"> <div class="video-data-container">
<dl class="dl-horizontal"> <dl class="dl-horizontal">
<dt>Ratio</dt> <dt>Ratio</dt>
@@ -135,6 +90,53 @@
{% endif %}</dd> {% endif %}</dd>
</dl> </dl>
</div> </div>
</div>
<div class="horizontal-divider"></div>
<div id="thumbExtractor-screenshot">
<p id='thumb_info'>{{ "screenshot video" | trans }}</p>
<div id="frame">
<div class="frame_canva">
<div id="thumb_delete_button"/>
<div id="thumb_download_button"/>
<canvas id="thumb_canvas"></canvas>
<div id="alt_canvas_container"
style="position:absolute;overflow:hidden;top:-1200px;visibility: hidden; width:0!important;height:0!important">
{% for subdef in outputFormats %}
<canvas data-width="{{ subdef.get_width() }}"
data-height="{{ subdef.get_height() }}"
data-name="{{ subdef.get_name() }}"
class="alt_canvas" id="{{ subdef.get_name() }}"></canvas>
{% endfor %}
</div>
</div>
</div>
<div id="thumb_slider">
<div id="thumb_wrapper">
</div>
</div>
<div class="thumb_submit_action">
<input type="hidden" value='{{ record.get_sbas_id() }}' name='sbas_id'>
<input type="hidden" value='{{ record.get_record_id() }}' name='record_id'>
<button id="thumb_validate_button" class="btn btn-inverse"
type="button">{{ "validate" | trans }}</button>
</div>
</div>
</div>
<div id="rangeExtractor" class="">
<div class="video-range-editor-side-container">
<div class="main_title">
{{ "prod:edit: chapters" | trans }}
</div>
<hr/>
</div>
<div class="video-range-editor-container"></div>
</div> </div>
{% endif %} {% endif %}
{% endfor %} {% endfor %}