Issue #2883724 by jalpesh: Convert JsExampleController to use DescriptionTemplateTrait

Author: jalpesh

js_example/js_example.routing.yml

@@ -2,7 +2,7 @@ js_example.info:
   path: '/examples/js-example'
   defaults:
     _title: 'JavaScript Example Information'
-    _controller: '\Drupal\js_example\Controller\JsExampleController::info'
+    _controller: '\Drupal\js_example\Controller\JsExampleController::description'
   requirements:
     _permission: 'access content'
 

js_example/src/Controller/JsExampleController.php

@@ -2,44 +2,22 @@
 
 namespace Drupal\js_example\Controller;
 
-use Drupal\Core\Controller\ControllerBase;
+use Drupal\examples\Utility\DescriptionTemplateTrait;
 
 /**
- * Controller for js_example pages.
+ * Controller for Hooks example description page.
  *
- * @ingroup js_example
+ * This class uses the DescriptionTemplateTrait to display text we put in the
+ * templates/description.html.twig file.
  */
-class JsExampleController extends ControllerBase {
+class JsExampleController {
+  use DescriptionTemplateTrait;
 
   /**
-   * Example info page.
-   *
-   * @return array
-   *   A renderable array.
+   * {@inheritdoc}
    */
-  public function info() {
-    $build['content'] = [
-      'first_line' => [
-        '#prefix' => '<p>',
-        '#markup' => 'Drupal includes jQuery and jQuery UI.',
-        '#suffix' => '</p>',
-      ],
-      'second_line' => [
-        '#prefix' => '<p>',
-        '#markup' => 'We have two examples of using these:',
-        '#suffix' => '</p>',
-      ],
-      'examples_list' => [
-        '#theme' => 'item_list',
-        '#items' => [
-          'An accordion-style section reveal effect. This demonstrates calling a jQuery UI function using Drupal&#39;s rendering system.',
-          'Sorting according to numeric &#39;weight.&#39; This demonstrates attaching your own JavaScript code to individual page elements using Drupal&#39;s rendering system.',
-        ],
-        '#type' => 'ol',
-      ],
-    ];
-
-    return $build;
+  protected function getModuleName() {
+    return 'js_example';
   }
 
   /**

js_example/templates/description.html.twig

@@ -0,0 +1,23 @@
+{#
+
+Description text for the JavaScript Example.
+
+#}
+
+{% trans %}
+
+<p>Drupal includes jQuery and jQuery UI.</p>
+
+<p>We have two examples of using these:</p>
+
+<ol>
+<li>
+<p>An accordion-style section reveal effect: This demonstrates calling a jQuery
+  UI function using Drupal rendering system.
+</li>
+<li>
+<p>Sorting according to numeric weight:  This demonstrates attaching your own
+  JavaScript code to individual page elements using Drupal rendering system.</p>
+</li>
+</ol>
+{% endtrans %}