Update landing page :

- Release scrape on Github
- Add presentation video
- Add demonstration link for gestionnaire and user

app/assets/javascripts/landing.js

@@ -0,0 +1,17 @@
+$(document).on('page:load', all_video);
+$(document).ready(all_video);
+
+function all_video() {
+    $(".all_video").on('click', function(event){
+        $("#all_video").slideToggle(200);
+
+        if (event.stopPropagation) {
+            event.stopPropagation();
+        }
+        event.cancelBubble = true;
+
+        return false;
+    });
+}
+
+

app/assets/stylesheets/landing.scss

@@ -51,7 +51,7 @@
 
   .simplifier {
     ul {
-      margin-top: 16%;
+      margin-top: 13%;
     }
   }
 
@@ -74,24 +74,46 @@
     //border-bottom: none;
 
     ul {
-      margin-top: 11%;
+      margin-top: 10%;
     }
   }
-  .open_admin_compte {
+  .news {
-    border-bottom: none;
     padding-top: 25px;
     padding-bottom: 25px;
 
-    ol {
+    .latest_release {
-      margin-top: 1%;
+      .body {
+        margin-left: 3%;
+      }
+    }
+  }
+
+  .open_account {
+    img {
+      margin-left: 0;
+      padding-top: 10px;
+      padding-bottom: 0;
+    }
+    padding-top: 25px;
+    padding-bottom: 25px;
+
+    .btn {
+      margin-top: 10%;
+    }
+  }
+
+  .documentation {
+    border-bottom: none;
+
+    padding-top: 15px;
+    padding-bottom: 15px;
+
+    ul{
+      margin-top: 10%;
     }
 
-    .btn-lg {
+    img {
-      font-size: 20px;
+      width: 15%;
-      padding: 12px 18px;
-
-      margin-top: 16%;
     }
-
   }
 }

app/assets/stylesheets/ul.scss

@@ -11,10 +11,4 @@
   li:last-child {
     border: none;
   }
-
-  li a {
-    text-decoration: none;
-    color: #000;
-    display: block;
-  }
 }

app/controllers/root_controller.rb

@@ -11,6 +11,7 @@ class RootController < ApplicationController
       redirect_to admin_procedures_path
 
     else
+      @latest_release = Github::Releases.latest
       render 'landing'
     end
   end

app/views/root/landing.html.haml

@@ -12,8 +12,8 @@
     %br
     %br
     .center
-      %button.js-scrollTo.btn.btn-lg.btn-success{cible: '.open_admin_compte'}
+      %button.js-scrollTo.btn.btn-lg.btn-success{cible: '.open_account'}
-        Ouvrir un compte TPS
+        Envie d'essayer ?
 
 
 #suite.max-size
@@ -23,23 +23,16 @@
     .col-md-6.col-lg-6
       %ul.dynamic_ul
         %li
-          %a Générateur simplifiée de démarches en ligne pour les administrations
+          Générateur simplifiée de démarches en ligne pour les administrations
         %li
-          %a Ne demander que les informations strictement nécessaires
+          Ne demander que les informations strictement nécessaires
-
-  .row.word.securiser
-    .col-md-6.col-lg-6
-      %ul.dynamic_ul
         %li
-          Profiter d’une identification simplifiée grâce à FranceConnect
+          Profiter d’une identification simplifiée grâce à
-        %li
+          %a{href: 'http://www.modernisation.gouv.fr/ladministration-change-avec-le-numerique/par-son-systeme-dinformation/france-connect-un-acces-universel-aux-administrations-en-ligne',
-          Évoluer sur une plateforme de l'État totalement sécurisée
+          target: '_blank'}
-    .col-md-6.col-lg-6
+            FranceConnect
-      = image_tag image_url('keywords/securiser.png')
 
   .row.word.echanger
-    .col-md-6.col-lg-6
-      = image_tag image_url('keywords/echanger.png')
     .col-md-6.col-lg-6
       %ul.dynamic_ul
         %li
@@ -50,32 +43,75 @@
           Accompagner les usagers dans leur démarche
         %li
           Vérifier les pièces au fur et à mesure
+    .col-md-6.col-lg-6
+      = image_tag image_url('keywords/echanger.png')
 
   .row.word.profiter
+    .col-md-6.col-lg-6
+      = image_tag image_url('keywords/profiter.png')
     .col-md-6.col-lg-6
       %ul.dynamic_ul
         %li
           Profiter des ressources cartographiques directement mobilisées, si nécessaire
         %li
           Récupérer des informations officielles collectées directement auprès des administrations
-    .col-md-6.col-lg-6
-      = image_tag image_url('keywords/profiter.png')
 
-  .row.word.open_admin_compte
+  .row.word.news
-    .col-md-6.col-lg-6
+    .latest_release.col-md-7.col-lg-7
+      %h3.text-info
+        = "Dernière version (#{@latest_release.tag_name} - #{@latest_release.published_at})"
+      .body
+        =@latest_release.body.html_safe
+
       .center
-        =link_to 'Ouvrir un compte TPS', 'https://tps.apientreprise.fr/users/dossiers/new?procedure_id=31', {class: 'btn btn-lg btn-success', target: '_blank'}
+        \-
+        %br
+        %a{href: 'https://github.com/sgmap/tps/releases', target: '_blank'}
+          = 'Voir toutes les versions'
+
+    .col-md-5.col-lg-5
+      #video.center
+        %iframe{:allowfullscreen => "", :frameborder => "0", :height => "270", :src => "//www.dailymotion.com/embed/video/x3lp4cs", :width => "480"}
+        %br
+        =link_to 'Toutes les vidéos', '#', {style: 'text-decoration: none', class: 'all_video btn btn-default btn-sm'}
+      #all_video{style:'display: none'}
+        %br
+        %ul
+          %li
+            =link_to "Création d'une démarche avec TPS (Téléprocédure Simplifiée)", "http://dai.ly/x3s2o65", {target: '_blank'}
+          %li
+            =link_to "Etape 2 avec TPS : saisine de l'administration par un usager avec France Connect", "http://dai.ly/x3s2oj6", {target: '_blank'}
+          %li
+            =link_to "Etape 3 avec TPS : l'accompagnement par les services et l'invitation d'autres partenaires publics à co-instruire", "http://dai.ly/x3s2oqp", {target: '_blank'}
+          %li
+            =link_to "TPS: dernière étape, la validation du dossier et notification", "http://dai.ly/x3s2p6k", {target: '_blank'}
+
+
+  .row.word.open_account.center
+    .col-md-4.col-lg-4
+      %h3.text-primary Acteurs publics
+      %h4 Créez des démarches en ligne simplifiées et sécurisées.
+      =link_to 'Demander un accès', 'https://tps.apientreprise.fr/users/dossiers/new?procedure_id=31', {class: 'btn btn-lg btn-primary', target: '_blank'}
+    .col-md-4.col-lg-4
+      %h3.text-warning Agents et services
+      %h4 Accompagnez et co-traitez les projets avec les usagers.
+      =link_to 'Démonstration', 'https://tps-dev.apientreprise.fr/gestionnaires/sign_in/demo', {class: 'btn btn-lg btn-warning'}
+
+    .col-md-4.col-lg-4
+      %h3.text-success Usagers
+      %h4 Profitez de démarches simplifiées et d’échanges continus avec les services traitants.
+      =link_to 'Démonstration', 'https://tps-dev.apientreprise.fr/users/sign_in/demo', {class: 'btn btn-lg btn-success'}
+  .row.word.documentation
     .col-md-6.col-lg-6
-      %h3 Envie d'essayer ? Rien de plus simple
+      = image_tag image_url('keywords/documentation.png')
-      %br
+    .col-md-6.col-lg-6
-      %ol.dynamic_ul
+      %ul.dynamic_ul
         %li
-          Cliquez sur le bouton vert à gauche
+          =link_to 'Dépliant de présentation', '/data/TPS_Trois_volets.pdf', {target: '_blank'}
         %li
-          Inscrivez-vous avec votre email professionnel
+          =link_to 'Documentation d’utilisation', '/data/TPS_documentations_v1_1.pdf', {target: '_blank'}
-        %li
+        -#%li
-          Entrez le SIRET de votre organisme
+        -#  Documentation des API TPS :
-        %li
+
-          Composez un dossier en trois clics et VOILÀ !
+
-      %br
+
-      %h4 Après, nos équipes prendrons rapidement contact avec vous via la plateforme.

app/views/users/sessions/new.html.haml

@@ -32,19 +32,4 @@
     %br
   = render "users/shared/links"
 
-  %br
-  %div{style:'text-align:center'}
-    -#\-
-    -#%br
-    -#%a{href: '/gestionnaires/sign_in'}
-    -#  = 'Accompagnateur'
-    -#%br
-    -#%a{href: '/administrateurs/sign_in'}
-    -#  = 'Administrateur'
-
-    \-
-    %br
-    %a{href: 'https://github.com/sgmap/tps/releases', target: '_blank'}
-      = 'Nouveautés'
-
 

lib/github/api.rb

@@ -0,0 +1,18 @@
+class Github::API
+
+  def self.base_uri
+    'https://api.github.com'
+  end
+
+  def self.latest_release
+    call '/repos/sgmap/tps/releases/latest'
+  end
+
+  private
+
+  def self.call(end_point, params = {})
+    RestClient::Resource.new(
+        base_uri+end_point
+    ).get(params: params)
+  end
+end

lib/github/releases.rb

@@ -0,0 +1,9 @@
+class Github::Releases
+
+  def self.latest
+    release = Hashie::Mash.new JSON.parse(Github::API.latest_release)
+    release.published_at = release.published_at.to_date.strftime('%d/%m/%Y')
+
+    release
+  end
+end

spec/controllers/root_controller_spec.rb

@@ -32,6 +32,9 @@ describe RootController, type: :controller do
     render_views
 
     before do
+      stub_request(:get, "https://api.github.com/repos/sgmap/tps/releases/latest").
+          to_return(:status => 200, :body => '{"tag_name": "plip", "body": "blabla", "published_at": "2016-02-09T16:46:47Z"}', :headers => {})
+
       subject
     end
 

spec/features/admin/connection_spec.rb

@@ -29,6 +29,9 @@ feature 'Administrator connection' do
       end
       context 'when clicking on sign_out' do
         before do
+          stub_request(:get, "https://api.github.com/repos/sgmap/tps/releases/latest").
+              to_return(:status => 200, :body => '{"tag_name": "plip", "body": "blabla", "published_at": "2016-02-09T16:46:47Z"}', :headers => {})
+
           page.find_by_id('admin_sign_out').click
         end
         scenario 'admin is redireted to home page' do