Init la page Ajax/Image/mainDisplay, son template, son contoller, sa route

+ les liens et les styles

src/TechnoBundle/Controller/ImageController.php

@@ -6,6 +6,8 @@ use Symfony\Bundle\FrameworkBundle\Controller\Controller;
 use Symfony\Component\HttpFoundation\Request;
 use TechnoBundle\Entity\Image;
 use TechnoBundle\Form\Image\ImageType;
+use APIBundle\Form\Owner\ImageAPIType;
+
 
 
 class ImageController extends MasterController
@@ -112,4 +114,15 @@ class ImageController extends MasterController
         ));
     }
 
+
+    /**
+    *
+    */
+    public function mainDisplayAction()
+    {
+
+        return $this->render('@Techno/Ajax/Image/mainDisplay.html.twig', array(
+        ));
+    }
+
 }

src/TechnoBundle/Resources/config/routing.yml

@@ -93,3 +93,9 @@ techno_owner_main_display:
     defaults:
         _controller: TechnoBundle:Owner:mainDisplay
     methods: [ GET ]
+
+techno_image_main_display:
+    path:   /image-main
+    defaults:
+        _controller: TechnoBundle:Image:mainDisplay
+    methods: [ GET ]

src/TechnoBundle/Resources/views/Ajax/Image/mainDisplay.html.twig

+{% extends "@Techno/layout.html.twig" %}
+
+{% block title %}
+    Image.API en AJAX
+{% endblock %}
+
+{% block sidebar %}
+
+    <h3>IMAGE</h3>
+
+    <a href="javascript: void(0);" class="btn btn-create">
+        <i class="fas fa-plus fa-fw"></i> Nouvelle image
+    </a><br>
+    <a href="javascript: void(0);" class="btn btn-reload">
+        <i class="fas fa-sync-alt fa-fw"></i> Rafraichir
+    </a>
+
+    <div class="hidden" style="margin-top: 1em;">
+    </div>
+
+    <h3>AUTEURS</h3>
+
+    <a href="{{ path('techno_owner_main_display') }}">
+        <i class="fas fa-table fa-fw"></i> Table des auteurs
+    </a>
+
+
+
+    <h3>Liens</h3>
+    <ul>
+        <li>
+            <a href="https://gist.github.com/EtienneR/2f3ab345df502bd3d13e" target="_blank">
+            <i class="fas fa-link fa-fw"></i> Ajax RESTful Mémo</a>
+        </li>
+        <li>
+            <a href="https://www.getpostman.com/">
+            <i class="fas fa-link fa-fw"></i> Postman</a>
+        </li>
+        <li>
+            <a href="https://github.com/FriendsOfSymfony/FOSJsRoutingBundle">
+            <i class="fas fa-link fa-fw"></i> FOSjsRouting</a>
+        </li>
+    </ul>
+
+{% endblock %}
+
+{% block content %}
+    {{ block('breadcrumb') }}
+
+    <h1>{{ block('title') }}</h1>
+
+    <p>
+        <i>Formulaire et table en AJAX, requêtes vers APIBundle</i>
+    </p>
+
+    <table id="table-images">
+
+    </table>
+
+{% endblock %}
+
+{% block customJS %}
+<script type="text/javascript">
+
+
+</script>
+{% endblock %}

src/TechnoBundle/Resources/views/Ajax/Owner/mainDisplay.html.twig

@@ -24,7 +24,7 @@
 
     <h3>IMAGES</h3>
 
-    <a href="#">
+    <a href="{{ path('techno_image_main_display') }}">
         <i class="fas fa-table fa-fw"></i> Table des Images
     </a>
 

web/css/style.css

@@ -199,6 +199,7 @@ table tbody tr.odd {
 table tbody tr.even {
     background-color: #ececec;
 }
+table#table-images,
 table#table-owners {
     background-color: white;
 }