quickedit.module 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  1. <?php
  2. /**
  3. * @file
  4. * Provides in-place content editing functionality for fields.
  5. *
  6. * The Quick Edit module makes content editable in-place. Rather than having to
  7. * visit a separate page to edit content, it may be edited in-place.
  8. *
  9. * Technically, this module adds classes and data- attributes to fields and
  10. * entities, enabling them for in-place editing.
  11. */
  12. use Drupal\Core\Entity\ContentEntityInterface;
  13. use Drupal\Core\Entity\EntityInterface;
  14. use Drupal\Core\Entity\Display\EntityViewDisplayInterface;
  15. use Drupal\Core\Routing\RouteMatchInterface;
  16. /**
  17. * Implements hook_help().
  18. */
  19. function quickedit_help($route_name, RouteMatchInterface $route_match) {
  20. switch ($route_name) {
  21. case 'help.page.quickedit':
  22. $output = '<h3>' . t('About') . '</h3>';
  23. $output .= '<p>' . t('The Quick Edit module allows users with the <a href=":quickedit_permission">Access in-place editing</a> and <a href=":contextual_permission">Use contextual links</a> permissions to edit field content without visiting a separate page. For more information, see the <a href=":handbook_url">online documentation for the Quick Edit module</a>.', [':handbook_url' => 'https://www.drupal.org/documentation/modules/edit', ':quickedit_permission' => \Drupal::url('user.admin_permissions', [], ['fragment' => 'module-quickedit']), ':contextual_permission' => \Drupal::url('user.admin_permissions', [], ['fragment' => 'module-contextual'])]) . '</p>';
  24. $output .= '<h3>' . t('Uses') . '</h3>';
  25. $output .= '<dl>';
  26. $output .= '<dt>' . t('Editing content in-place') . '</dt>';
  27. $output .= '<dd>';
  28. $output .= '<p>' . t('To edit content in place, you need to activate quick edit mode for a content item. Activate quick edit mode by choosing Quick edit from the contextual links for an area displaying the content (see the <a href=":contextual">Contextual Links module help</a> for more information about how to use contextual links).', [':contextual' => \Drupal::url('help.page', ['name' => 'contextual'])]) . '</p>';
  29. $output .= '<p>' . t('Once quick edit mode is activated, you will be able to edit the individual fields of your content. In the default theme, with a JavaScript-enabled browser and a mouse, the output of different fields in your content is outlined in blue, a pop-up gives the field name as you hover over the field output, and clicking on a field activates the editor. Closing the pop-up window ends quick edit mode.') . '</p>';
  30. $output .= '</dd>';
  31. $output .= '</dl>';
  32. return $output;
  33. }
  34. }
  35. /**
  36. * Implements hook_page_attachments().
  37. *
  38. * Adds the quickedit library to the page for any user who has the 'access
  39. * in-place editing' permission.
  40. */
  41. function quickedit_page_attachments(array &$page) {
  42. if (!\Drupal::currentUser()->hasPermission('access in-place editing')) {
  43. return;
  44. }
  45. // In-place editing is only supported on the front-end.
  46. if (\Drupal::service('router.admin_context')->isAdminRoute()) {
  47. return;
  48. }
  49. $page['#attached']['library'][] = 'quickedit/quickedit';
  50. }
  51. /**
  52. * Implements hook_library_info_alter().
  53. *
  54. * Includes additional stylesheets defined by the admin theme to allow it to
  55. * customize the Quick Edit toolbar appearance.
  56. *
  57. * An admin theme can specify CSS files to make the front-end administration
  58. * experience of in-place editing match the administration experience in the
  59. * back-end.
  60. *
  61. * The CSS files can be specified via the "edit_stylesheets" property in the
  62. * .info.yml file:
  63. * @code
  64. * quickedit_stylesheets:
  65. * - css/quickedit.css
  66. * @endcode
  67. */
  68. function quickedit_library_info_alter(&$libraries, $extension) {
  69. if ($extension === 'quickedit' && isset($libraries['quickedit'])) {
  70. $theme = Drupal::config('system.theme')->get('admin');
  71. // First let the base theme modify the library, then the actual theme.
  72. $alter_library = function (&$library, $theme) use (&$alter_library) {
  73. if (isset($theme) && $theme_path = drupal_get_path('theme', $theme)) {
  74. $info = system_get_info('theme', $theme);
  75. // Recurse to process base theme(s) first.
  76. if (isset($info['base theme'])) {
  77. $alter_library($library, $info['base theme']);
  78. }
  79. if (isset($info['quickedit_stylesheets'])) {
  80. foreach ($info['quickedit_stylesheets'] as $path) {
  81. $library['css']['theme']['/' . $theme_path . '/' . $path] = [];
  82. }
  83. }
  84. }
  85. };
  86. $alter_library($libraries['quickedit'], $theme);
  87. }
  88. }
  89. /**
  90. * Implements hook_field_formatter_info_alter().
  91. *
  92. * Quick Edit extends the @FieldFormatter annotation with the following keys:
  93. * - quickedit: currently only contains one subkey 'editor' which indicates
  94. * which in-place editor should be used. Possible values are 'form',
  95. * 'plain_text', 'disabled' or another in-place editor other than the ones
  96. * Quick Edit module provides.
  97. */
  98. function quickedit_field_formatter_info_alter(&$info) {
  99. foreach ($info as $key => $settings) {
  100. // Set in-place editor to 'form' if none is supplied.
  101. if (empty($settings['quickedit'])) {
  102. $info[$key]['quickedit'] = ['editor' => 'form'];
  103. }
  104. }
  105. }
  106. /**
  107. * Implements hook_preprocess_HOOK() for the page title template.
  108. */
  109. function quickedit_preprocess_page_title(&$variables) {
  110. $variables['#cache']['contexts'][] = 'user.permissions';
  111. if (\Drupal::currentUser()->hasPermission('access in-place editing')) {
  112. $variables['title_attributes']['class'][] = 'js-quickedit-page-title';
  113. }
  114. }
  115. /**
  116. * Implements hook_preprocess_HOOK() for field templates.
  117. */
  118. function quickedit_preprocess_field(&$variables) {
  119. $variables['#cache']['contexts'][] = 'user.permissions';
  120. $element = $variables['element'];
  121. /** @var $entity \Drupal\Core\Entity\EntityInterface */
  122. $entity = $element['#object'];
  123. if (!\Drupal::currentUser()->hasPermission('access in-place editing') || !_quickedit_entity_is_latest_revision($entity)) {
  124. return;
  125. }
  126. // Quick Edit module only supports view modes, not dynamically defined
  127. // "display options" (which \Drupal\Core\Field\FieldItemListInterface::view()
  128. // always names the "_custom" view mode).
  129. // @see \Drupal\Core\Field\FieldItemListInterface::view()
  130. // @see https://www.drupal.org/node/2120335
  131. if ($element['#view_mode'] === '_custom') {
  132. return;
  133. }
  134. // Fields that are computed fields are not editable.
  135. $definition = $entity->getFieldDefinition($element['#field_name']);
  136. if (!$definition->isComputed()) {
  137. $variables['attributes']['data-quickedit-field-id'] = $entity->getEntityTypeId() . '/' . $entity->id() . '/' . $element['#field_name'] . '/' . $element['#language'] . '/' . $element['#view_mode'];
  138. }
  139. }
  140. /**
  141. * Implements hook_entity_view_alter().
  142. */
  143. function quickedit_entity_view_alter(&$build, EntityInterface $entity, EntityViewDisplayInterface $display) {
  144. $build['#cache']['contexts'][] = 'user.permissions';
  145. if (!\Drupal::currentUser()->hasPermission('access in-place editing') || !_quickedit_entity_is_latest_revision($entity)) {
  146. return;
  147. }
  148. $build['#attributes']['data-quickedit-entity-id'] = $entity->getEntityTypeId() . '/' . $entity->id();
  149. }
  150. /**
  151. * Check if a loaded entity is the latest revision.
  152. *
  153. * @param \Drupal\Core\Entity\ContentEntityInterface $entity
  154. * The entity to check.
  155. *
  156. * @return bool
  157. * TRUE if the loaded entity is the latest revision, FALSE otherwise.
  158. *
  159. * @todo Remove this method once better support for pending revisions is added
  160. * to core https://www.drupal.org/node/2784201.
  161. *
  162. * @internal
  163. */
  164. function _quickedit_entity_is_latest_revision(ContentEntityInterface $entity) {
  165. if (!$entity->getEntityType()->isRevisionable() || $entity->isNew()) {
  166. return TRUE;
  167. }
  168. $latest_revision = \Drupal::entityTypeManager()
  169. ->getStorage($entity->getEntityTypeId())
  170. ->getQuery()
  171. ->latestRevision()
  172. ->condition($entity->getEntityType()->getKey('id'), $entity->id())
  173. ->execute();
  174. return !empty($latest_revision) && $entity->getLoadedRevisionId() == key($latest_revision) ? TRUE : FALSE;
  175. }