Skip to main content

# Fiche de travail

# Fiche de travail simple

## Fiche de travail

- ###

  Nir :1 65 05 35 567 678

  Civilité :Monsieur

  Nom :CHATEAUBRIAND

  Prénom :François-René

  Date de naissance :10/05/1965

  Rang :1

  Grand régime :01

  Caisse :870

  UGE :5678

  Motif de gestion et date :PNM 15/10/2008

  Indicateur RNIAM :E

  Date de rattachement :01/01/2010

- ###

  Grand régime :01

  Caisse :870

  UGE :5678

  Motif de gestion et date :PNM 15/10/2008

  Indicateur RNIAM :E

  Date de rattachement :01/01/2010

  - ####

    Grand régime :01

    Grand régime :01

    - #####

      Grand régime :01

  - ####

    Grand régime :01

    Grand régime :01

- ###

  Petit régime :801

  ETM :LIS 01/01/2014 - 31/122014

  Statut particulier :RSA

  validité :01/06/2014 - 31/12/2015

    <div id="fiche-de-travail" class="fiche-de-travail" role="complementary">
      <header id="fiche-de-travail-titre" class="landmark-title">
        <h2>Fiche de travail</h2>
      </header>
      <div  id="fiche-de-travail-content">
        <ul class="treeview">
          <li>
            <h3>
              <button data-toggle="collapse" data-target="#bloc" aria-expanded="true" aria-controls="bloc">
                Titre accordéon
              </button>
            </h3>
            <div id="bloc" class="collapse in show">
              <p>
                <label>Clé&nbsp;:</label>
                <span class="valeur">Valeur</span>
              </p>
            </div>
          </li>
        </ul>
      </div>
    </aside>

# Zone post-it

La fiche de travail peut contenir une partie fixe pour conserver certaines informations visibles. Cette zone peut occuper 50% de la hauteur de la fiche de travail.

## Fiche de travail

- ### Infos Post-it

  Nir :1 65 05 35 567 678

  Date de naissance :10/05/1965

  Rang :1

- ###

  N°OC :567 435 7879 01/01/2014 - 31/12/2014

  Nom OC :Mutuelle des employés

  Téléphone :02 45 78 90 45

  Email :Chateaubriand@gmail.com

  Caisse :870

  UGE :5678

  Motif de gestion et date :PNM 15/10/2008

  Indicateur RNIAM :E

  Date de rattachement :01/01/2010

- ###

  Nir :1 65 05 35 567 678

  Civilité :Monsieur

  Nom :CHATEAUBRIAND

  Prénom :François-René

  Date de naissance :10/05/1965

  Rang :1

  Grand régime :01

  Caisse :870

  UGE :5678

  Motif de gestion et date :PNM 15/10/2008

  Indicateur RNIAM :E

  Date de rattachement :01/01/2010

- ###

  Grand régime :01

  Caisse :870

  UGE :5678

  Motif de gestion et date :PNM 15/10/2008

  Indicateur RNIAM :E

  Date de rattachement :01/01/2010

  - ####

    Grand régime :01

    Grand régime :01

    - #####

      Grand régime :01

  - ####

    Grand régime :01

    Grand régime :01

- ###

  Petit régime :801

  ETM :LIS 01/01/2014 - 31/122014

  Statut particulier :RSA

  validité :01/06/2014 - 31/12/2015

    <div class="fiche-de-travail-block">
      <header id="fiche-de-travail-titre">
        <h2 class="titre">Fiche de travail</h2>
      </header>
    </aside>
    <aside class="fiche-de-travail-content-sticker" role="complementary" >
      …
    </aside>
    <aside id="fiche-de-travail-content" role="complementary" >
      …
    </aside>

# Fiche de Menu

La fiche de Menu est une fiche de travail contenant des listes de liens ou boutons.

## Fiche de menu

- ##

- Lien simple
- Lien bold
- Lien avec pictogramme
- Lien avec pictogramme personnalisé
- Libellé de lien avec un pictogramme de taille md
- Encore un autre libellé très long avec un pictogramme de taille lg

- ## Titre de niveau 1

- Libellé de lien
- Libellé de lien

- - ### Titre de niveau 2

  - Libellé de lien avec pictogramme
  - Libellé de lien avec pictogramme
  - Libellé de lien avec un pictogramme

- ##

  contenu

## Éléments de cliquer - glisser

- Élément actif pour le cliquer glisser (icone large)
- Autre élément actif
- Élément inactif
- Élément actif état aggrippé

    <aside id="fiche-de-travail-content" role="complementary" >
      <ul class="list-link">
        <li><a href="" class="nav-item"><span>...</span></a></li>
        <li>
          <a href=""  class="nav-item has-icon">
            <span>...</span>
          </a>
        </li>
        <li>
          <a href=""  class="nav-item has-icon">
            <span class="icon-sm am-icon icon-star"></span>
            <span>...</span>
          </a>
        </li>
        ...
      </ul>
      <!-- Structure arborescente -->
      <ul class="list-link treeview">
        <li class="node"><h2>...</h2></li>
        <li class="node">...</li>
        <li class="node">
            <ul class="list-link treeview">
                <li class="node"><h3>...</h3></li>
                <li class="node">...</li>
            </ul>
        </li>
      </ul>
    </aside>

# Test

Test de la fiche de travail sur une largeur réduite

## Fiche de travail titre long

- ###

  Nir :1 65 05 35 567 678

  Civilité :Monsieur

  Nom :CHATEAUBRIAND

  Prénom :François-René

  Date de naissance :10/05/1965

  Rang :1

  Grand régime :01

  Caisse :870

  UGE :5678

  Motif de gestion et date :PNM 15/10/2008

  Indicateur RNIAM :E

  Date de rattachement :01/01/2010

# Test struture arborescence

Test de la strucure d'arborescence des menus

## Fiche de menu

- ## A1

- ##

- ##

- A2
  - A2.1
  - A2.2
    - A2.2.1
    - A2.2.2

    <aside id="fiche-de-travail-content" role="complementary" >
      <ul class="list-link treeview">
        <li class="node">
          ...
          <ul class="list-link treeview">
            <li class="node">
              ...
            </li>
          </ul>
        </li>
      </ul>
    </aside>