php 野外身体recortar campo一个X caracteres。

Posted 2021-05-05

<?php

/**
 * @file field.tpl.php
 * Default template implementation to display the value of a field.
 *
 * This file is not used and is here as a starting point for customization only.
 * @see theme_field()
 *
 * Available variables:
 * - $items: An array of field values. Use render() to output them.
 * - $label: The item label.
 * - $label_hidden: Whether the label display is set to 'hidden'.
 * - $classes: String of classes that can be used to style contextually through
 *   CSS. It can be manipulated through the variable $classes_array from
 *   preprocess functions. The default values can be one or more of the
 *   following:
 *   - field: The current template type, i.e., "theming hook".
 *   - field-name-[field_name]: The current field name. For example, if the
 *     field name is "field_description" it would result in
 *     "field-name-field-description".
 *   - field-type-[field_type]: The current field type. For example, if the
 *     field type is "text" it would result in "field-type-text".
 *   - field-label-[label_display]: The current label position. For example, if
 *     the label position is "above" it would result in "field-label-above".
 *
 * Other variables:
 * - $element['#object']: The entity to which the field is attached.
 * - $element['#view_mode']: View mode, e.g. 'full', 'teaser'...
 * - $element['#field_name']: The field name.
 * - $element['#field_type']: The field type.
 * - $element['#field_language']: The field language.
 * - $element['#field_translatable']: Whether the field is translatable or not.
 * - $element['#label_display']: Position of label display, inline, above, or
 *   hidden.
 * - $field_name_css: The css-compatible field name.
 * - $field_type_css: The css-compatible field type.
 * - $classes_array: Array of html class attribute values. It is flattened
 *   into a string within the variable $classes.
 *
 * @see template_preprocess_field()
 * @see theme_field()
 *
 * @ingroup themeable
 *
 * */
?>




<?php
$tipo_contenido = $element['#object'] -> type;
//dsm($element);

$title = $element['#object']->title;

$summary = $element['#items'][0]['summary'];

$body = $element['#items'][0]['value'];
if(strlen($summary) > 0){ $body = $summary; }
$body_recortado = substr($body, 0, 280);

$num_c = strlen ($body_recortado);
$body_recortado = substr_replace ($body_recortado, '...', $num_c, 0);
?>

<div class="<?php print $classes; ?>"<?php print $attributes; ?>>

  <?php if ((!$label_hidden) ): ?>
    <div class="field-label"<?php print $title_attributes; ?>><?php print $label?>&nbsp;</div>
  <?php endif; ?>

  <h2 class="title-node"><?php print $title;?></h2>

  <div class="field-items"<?php print $content_attributes; ?>>
    <?php foreach ($items as $delta => $item): ?>

      <div class="field-item <?php print $delta % 2 ? 'odd' : 'even'; ?>"<?php print $item_attributes[$delta]; ?>>

        <div class="item-summary">
          <?php if(strlen($body) > 280){
            print $body_recortado;
          }
          else{
            print $body;
          }
          ?>
        </div>

        <?php if(strlen($body) > 280){?>
          <div class="item-body">
            <?php print $body; ?>
          </div>
          <div class="container-more clear-both">
            <div id="container-button-show">
              <a  class="button-show" href="#field-name-body"><?php print t('Ver más') ?></a>
            </div>
            <div id="container-button-hide">
              <a class="button-hide" href="#field-name-body"><?php print t('Ocultar') ?></a>
            </div>
          </div>
        <?php } ?>
      </div>
      <script type="text/javascript">
        jQuery(document).ready(function($) {

          jQuery(".field-name-body #container-button-hide").hide();
          jQuery(".field-name-body .item-body ").hide();

          jQuery('.field-name-body #container-button-show .button-show').click(function() {
            jQuery(".field-name-body .item-body").show();
            jQuery(".field-name-body .item-summary").hide();
            jQuery(".field-name-body #container-button-show").hide();
            jQuery(".field-name-body #container-button-hide").show();
            return false;
          });

          jQuery('.field-name-body #container-button-hide .button-hide').click(function() {
            jQuery(".field-name-body .item-summary").show();
            jQuery(".field-name-body .item-body").hide();
            jQuery(".field-name-body #container-button-hide").hide();
            jQuery(".field-name-body #container-button-show").show();
            return false;
          });
        });
      </script>

    <?php endforeach; ?>
  </div>
</div>