src/Cms/FileBundle/Resources/views/Modal/includes/items/ImageFile.html.twig line 1

Open in your IDE?
  1. {% set file = _args.file %}
  3. {% embed '@CmsFile/Modal/includes/item.html.twig' with {
  4.     type: 'image',
  5.     title: file.filename,
  6.     timestamp: file.timestampedAt
  7. } %}
  8.     {% block preview %}
  9.         <a
  10.             href="#"
  11.             {% if modal.mode is same as('folder') %}
  12.                 {# noop #}
  13.             {% elseif modal.mode is same as('id') %}
  14.                 data-campussuite-modals-action-save="{{- file.id|json_encode|escape('html_attr') -}}"
  15.             {% elseif modal.mode is same as('attachments') %}
  16.                 data-campussuite-modals-action-save="{{- {
  17.                     id: file.id,
  18.                     name: file.filename,
  19.                     url: cms_entityUrl(file, '/file/%s'|format(file.filename)),
  20.                     icon: ui_file_icon(file.filename),
  21.                 }|json_encode|escape('html_attr') -}}"
  22.             {% elseif modal.mode is same as('smm') %}
  23.                 data-campussuite-modals-action-save="{{- cms_friendly_url(
  24.                     cms_friendly_file_path(file),
  25.                     file.container,
  26.                     modal.entity,
  27.                     (file.container.root is same as(modal.entity.root)) ? constant('Cms\\CoreBundle\\Model\\Url::FLAGS__FORCE_ROOT') : (constant('Cms\\CoreBundle\\Model\\Url::FLAGS__FORCE_ABSOLUTE') b-or constant('Cms\\CoreBundle\\Model\\Url::FLAGS__FORCE_HTTP'))
  28.                 )|json_encode|escape('html_attr') -}}"
  29.             {% else %}
  30.                 data-campussuite-modals-action-save=""
  31.             {% endif %}
  32.         >
  33.             <img
  34.                 alt=""
  35.                 src="{{ cms_files_imageopt(file, 'MASKS__RECTANGLE__XXXSMALL') }}"
  36.                 onerror="(function(elem){jQuery(function() {window.csimgloader(elem);});})(this);"
  37.             />
  38.         </a>
  39.     {% endblock %}
  40.     {% block info %}
  41.         <p class="media__total">{{ file.size|bytes }}</p>
  42.     {% endblock %}
  43.     {% block actions %}
  44.         {% if modal.mode is not same as('folder') %}
  45.             <li class="actions-li">
  46.                 {% if modal.mode is same as('id') %}
  47.                     <a
  48.                         class="actions-li__link actions-li__link--select"
  49.                         title="select"
  50.                         href="#"
  51.                         data-campussuite-modals-action-save="{{- file.id|json_encode|escape('html_attr') -}}"
  52.                     >Select</a>
  53.                 {% elseif modal.mode is same as('attachments') %}
  54.                     <a
  55.                         class="actions-li__link actions-li__link--select"
  56.                         title="select"
  57.                         href="#"
  58.                         data-campussuite-modals-action-save="{{- {
  59.                             id: file.id,
  60.                             name: file.filename,
  61.                             url: cms_entityUrl(file, '/file/%s'|format(file.filename)),
  62.                             icon: ui_file_icon(file.filename),
  63.                         }|json_encode|escape('html_attr') -}}"
  64.                     >Select</a>
  65.                 {% elseif modal.mode is same as('smm') %}
  66.                     <a
  67.                         class="actions-li__link actions-li__link--select"
  68.                         title="select"
  69.                         href="#"
  70.                         data-campussuite-modals-action-save="{{- cms_friendly_url(
  71.                             cms_friendly_file_path(file),
  72.                             file.container,
  73.                             modal.entity,
  74.                             (file.container.root is same as(modal.entity.root)) ? constant('Cms\\CoreBundle\\Model\\Url::FLAGS__FORCE_ROOT') : (constant('Cms\\CoreBundle\\Model\\Url::FLAGS__FORCE_ABSOLUTE') b-or constant('Cms\\CoreBundle\\Model\\Url::FLAGS__FORCE_HTTP'))
  75.                         )|json_encode|escape('html_attr') -}}"
  76.                     >Select</a>
  77.                 {% else %}
  78.                     <a class="actions-li__link actions-li__link--select actions-li__link--dd" href="#" data-toggle="dropdown" aria-expanded="true">Select size</a>
  79.                     <ul class="dropdown-menu" role="menu" aria-labelledby="export">
  80.                         {% for mask,size in cms_sizesGeneric() %}
  81.                             <li role="presentation" class="text-default">
  82.                                 <a
  83.                                     role="menuitem"
  84.                                     tabindex="-1"
  85.                                     href="#"
  86.                                     data-campussuite-modals-action-save="{{- cms_friendly_url(
  87.                                         {
  88.                                             path: cms_friendly_file_path(file),
  89.                                             query: {
  90.                                             mask: mask
  91.                                         }
  92.                                         },
  93.                                         file.container,
  94.                                         null,
  95.                                         (modal.mode is not same as('absolute')) ? constant('Cms\\CoreBundle\\Model\\Url::FLAGS__FORCE_ROOT') : (constant('Cms\\CoreBundle\\Model\\Url::FLAGS__FORCE_ABSOLUTE') b-or constant('Cms\\CoreBundle\\Model\\Url::FLAGS__FORCE_HTTP'))
  96.                                     )|json_encode|escape('html_attr') -}}"
  97.                                 >{{- (size is same as('0x0')) ? 'Full (Optimized)' : size|replace({
  98.                                     'x0': 'px width'
  99.                                 }) -}}</a>
  100.                             </li>
  101.                         {% endfor %}
  102.                         <li role="presentation" class="text-default">
  103.                             <a
  104.                                 role="menuitem"
  105.                                 tabindex="-1"
  106.                                 href="#"
  107.                                 data-campussuite-modals-action-save="{{- cms_friendly_url(
  108.                                     cms_friendly_file_path(file),
  109.                                     file.container,
  110.                                     null,
  111.                                     (modal.mode is not same as('absolute')) ? constant('Cms\\CoreBundle\\Model\\Url::FLAGS__FORCE_ROOT') : (constant('Cms\\CoreBundle\\Model\\Url::FLAGS__FORCE_ABSOLUTE') b-or constant('Cms\\CoreBundle\\Model\\Url::FLAGS__FORCE_HTTP'))
  112.                                 )|json_encode|escape('html_attr') -}}"
  113.                             >Original (Unoptimized)</a>
  114.                         </li>
  115.                     </ul>
  116.                 {% endif %}
  117.             </li>
  118.         {% endif %}
  119.         <li class="actions-li">
  120.             <a class="actions-li__link" href="#" data-toggle="dropdown" aria-expanded="true">
  121.                 <em class="icon icon-solid-ellipsis-vert"></em>
  122.             </a>
  123.             <ul class="dropdown-menu" role="menu" aria-labelledby="export">
  124.                 <li role="presentation" class="text-default">
  125.                     <a role="menuitem" tabindex="-1" href="{{- cms_entityUrl(
  126.                         file,
  127.                         '/file/' ~ file.filename
  128.                     ) -}}" target="_blank">Download</a>
  129.                 </li>
  130.                 {% if is_granted('campussuite.cms.file.manage', container) %}
  131.                     <li role="presentation" class="text-default">
  132.                         <a role="menuitem" tabindex="-1" href="{{- path(
  133.                             routes.crop,
  134.                             {
  135.                                 containerId: file.container.id,
  136.                                 nodeId: file.id
  137.                             }
  138.                         ) -}}">Crop</a>
  139.                     </li>
  140.                 {% endif %}
  141.             </ul>
  142.         </li>
  143.     {% endblock %}
  144. {% endembed %}