From 54d03275cff9311d9313b16fb380ecfc2e8767d6 Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Thu, 20 May 2021 14:35:32 +0200
Subject: [PATCH] place html anchors: top, bottom of page + for each form
 section

---
 .../Resources/views/Layout/_footer.html.twig    |  4 ++--
 .../views/Layout/_header-logo.html.twig         |  2 +-
 .../public/vuejs/AccompanyingCourse/App.vue     | 17 ++++++++++++++++-
 .../AccompanyingCourse/components/Comment.vue   |  2 +-
 .../AccompanyingCourse/components/Confirm.vue   |  2 +-
 .../components/PersonsAssociated.vue            |  2 +-
 .../AccompanyingCourse/components/Referrer.vue  |  2 +-
 .../AccompanyingCourse/components/Requestor.vue |  2 +-
 .../AccompanyingCourse/components/Resources.vue |  2 +-
 .../components/SocialIssue.vue                  |  2 +-
 .../AccompanyingCourse/components/Test.vue      |  2 +-
 11 files changed, 27 insertions(+), 12 deletions(-)

diff --git a/src/Bundle/ChillMainBundle/Resources/views/Layout/_footer.html.twig b/src/Bundle/ChillMainBundle/Resources/views/Layout/_footer.html.twig
index 132e81a3e..0d23d499d 100644
--- a/src/Bundle/ChillMainBundle/Resources/views/Layout/_footer.html.twig
+++ b/src/Bundle/ChillMainBundle/Resources/views/Layout/_footer.html.twig
@@ -1,4 +1,4 @@
 <footer class="footer">
     <p>{{ 'This program is free software: you can redistribute it and/or modify it under the terms of the <strong>GNU Affero General Public License</strong>'|trans|raw }}
-        <br/> <a href="https://{{ app.request.locale }}.wikibooks.org/wiki/Chill" target="_blank">{{ 'User manual'|trans }}</a></p>
-</footer>
\ No newline at end of file
+        <br/> <a name="bottom" href="https://{{ app.request.locale }}.wikibooks.org/wiki/Chill" target="_blank">{{ 'User manual'|trans }}</a></p>
+</footer>
diff --git a/src/Bundle/ChillMainBundle/Resources/views/Layout/_header-logo.html.twig b/src/Bundle/ChillMainBundle/Resources/views/Layout/_header-logo.html.twig
index be59b454f..f619dc151 100644
--- a/src/Bundle/ChillMainBundle/Resources/views/Layout/_header-logo.html.twig
+++ b/src/Bundle/ChillMainBundle/Resources/views/Layout/_header-logo.html.twig
@@ -1 +1 @@
-<img class="logo" src="{{ asset('build/images/logo-chill-sans-slogan_white.png') }}">
\ No newline at end of file
+<img name="top" class="logo" src="{{ asset('build/images/logo-chill-sans-slogan_white.png') }}">
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/App.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/App.vue
index 0835b8d2d..e5c4d87e1 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/App.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/App.vue
@@ -44,11 +44,26 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
    h1 {
       margin: 1.5em 0;
    }
    div.vue-component {
+      h2 {
+         position: relative;
+         &:before {
+            position: absolute;
+            content: "\f1dd";
+            font-family: "ForkAwesome";
+            color: lightgrey;
+            left: -28px;
+            top: 4px;
+         }
+         a[name^="section"] {
+            position: absolute;
+            top: -2em;
+         }
+      }
       padding: 1.5em 1em;
       margin: 2em 0;
       border: 1px solid lightgrey; 
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Comment.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Comment.vue
index 4de7c99e8..e464ec7cb 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Comment.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Comment.vue
@@ -1,6 +1,6 @@
 <template>
    <div class="vue-component">
-      <h2>{{ $t('comment.title') }}</h2>
+      <h2><a name="section-60"></a>{{ $t('comment.title') }}</h2>
       
       <!--div class="error flash_message" v-if="errors.length > 0">
          {{ errors[0] }}
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Confirm.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Confirm.vue
index 2798c6a5e..85f803231 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Confirm.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Confirm.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="vue-component">
-     <h2>
+     <h2><a name="section-70"></a>
         {{ $t('confirm.title') }}
      </h2>
      
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue
index 7a7c40ba6..61abd06bb 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue
@@ -1,6 +1,6 @@
 <template>
 <div class="vue-component">
-   <h2>{{ $t('persons_associated.title')}}</h2>
+   <h2><a name="section-10"></a>{{ $t('persons_associated.title')}}</h2>
    <label>{{ $tc('persons_associated.counter', counter) }}</label>
    <table class="rounded">
       <thead>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Referrer.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Referrer.vue
index eb4792f57..39952e687 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Referrer.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Referrer.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="vue-component">
-     <h2>{{ $t('referrer.title') }}</h2>
+     <h2><a name="section-40"></a>{{ $t('referrer.title') }}</h2>
   </div>
 </template>
 
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue
index 127cefdb0..c67ba5c85 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue
@@ -1,7 +1,7 @@
 <template>
 <div class="vue-component">
    
-   <h2>{{ $t('requestor.title') }}</h2>
+   <h2><a name="section-20"></a>{{ $t('requestor.title') }}</h2>
    
    <div v-if="accompanyingCourse.requestor">
       <label>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources.vue
index fbf26c50c..a4da6d88d 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources.vue
@@ -1,7 +1,7 @@
 <template>
 <div class="vue-component">
   
-   <h2>{{ $t('resources.title')}}</h2>
+   <h2><a name="section-50"></a>{{ $t('resources.title')}}</h2>
    
    <label>{{ $tc('resources.counter', counter) }}</label>
    <table class="rounded">
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/SocialIssue.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/SocialIssue.vue
index 2e756fe2b..2cd1aa6e9 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/SocialIssue.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/SocialIssue.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="vue-component">
-     <h2>{{ $t('social_issue.title') }}</h2>
+     <h2><a name="section-30"></a>{{ $t('social_issue.title') }}</h2>
      
      <div>
         <!--label for="selectIssues">{{ $t('social_issue.label') }}</label-->
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Test.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Test.vue
index 39bc45d73..a72902b25 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Test.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Test.vue
@@ -1,6 +1,6 @@
 <template>
 <div class="vue-component">
-   <h2>Tests</h2>
+   <h2></a>Tests</h2>
    
    <!-- Modal -->
    <ul class="record_actions">