# Annunaire
ifsttar.directory = COA_INT

# ------- Simple Form ----------#
ifsttar.directory.5 = COA_INT
ifsttar.directory.5.5 = TEXT
ifsttar.directory.5.5.typolink.parameter.data = TSFE:id
ifsttar.directory.5.5.typolink.returnLast = url
ifsttar.directory.5.5.dataWrap (
<div class="panel">
  <form action="|" method="get" name="simpleForm" id="simpleForm" class="form-inline form-annuaire"><div class="panel-body">
  
)

# Ajout COA pour le htmlSpecialChars (faille sécu)
ifsttar.directory.5.10 = TEXT
ifsttar.directory.5.10 {
  stdWrap.htmlSpecialChars = 1
  wrap = <div class="row"><div class="col-md-6"><div class="form-group"><label for="inputQuoi" class="sr-only">Nom, prénom</label><input placeholder="Nom, prénom" id="inputQuoi" class="form-control" type="text" name="wseils[qui]" value="|" /><span class="iconSpan" onclick="$('#inputQuoi').val('');">X</span><div id="inputQuoi_list"></div></div></div>
  data = GP:wseils|qui
}

ifsttar.directory.5.12 = TEXT
ifsttar.directory.5.12 {
  stdWrap.htmlSpecialChars = 1
  wrap = <div class="col-md-6"><div class="form-group"><label for="inputFonction" class="sr-only">Fonction</label><input placeholder="Fonction" id="inputFonction" class="form-control" type="text" name="wseils[fonction]" value="|" /><span class="iconSpan" onclick="$('#inputFonction').val('');">X</span><div id="inputFonction_list"></div></div></div></div>
  data = GP:wseils|fonction
}

# Ajout COA pour le htmlSpecialChars (faille sécu)
ifsttar.directory.5.20 = TEXT
ifsttar.directory.5.20 {
  stdWrap.htmlSpecialChars = 1
  wrap = <div class="row"><div class="col-md-6"><div class="form-group"><label for="inputOu" class="sr-only">Localisation/Campus</label><input placeholder="Localisation/Campus" id="inputOu" class="form-control" type="text" name="wseils[ou]" value="|"><span class="iconSpan" onclick="$('#inputOu').val('');" >X</span><div id="inputOu_list"></div></div></div>
  data = GP:wseils|ou
}

# Ajout COA pour le htmlSpecialChars (faille sécu)
ifsttar.directory.5.22 = TEXT
ifsttar.directory.5.22 {
  stdWrap.htmlSpecialChars = 1
  wrap = <div class="col-md-6"><div class="form-group"><label for="inputTel" class="sr-only">Téléphone</label><input placeholder="Téléphone" id="inputTel" class="form-control" type="text" name="wseils[tel]" value="|"><span class="iconSpan" onclick="$('#inputTel').val('');" >X</span><div id="inputTel_list"></div></div></div></div>
  data = GP:wseils|tel
}

# Ajout COA pour le htmlSpecialChars (faille sécu)
ifsttar.directory.5.24 = TEXT
ifsttar.directory.5.24 {
  stdWrap.htmlSpecialChars = 1
  wrap = <div class="row"><div class="col-md-12"><div class="form-group"><label for="inputAffectation" class="sr-only">Affectation</label><input placeholder="Affectation" id="inputAffectation" class="form-control" type="text" name="wseils[affectation]" value="|"><span class="iconSpan" onclick="$('#inputAffectation').val('');" >X</span><div id="inputAffectation_list"></div></div></div></div>
  data = GP:wseils|affectation
}
ifsttar.directory.5.25 = TEXT
ifsttar.directory.5.25.preUserFunc = Wseils\Wseils\Utility\UserFuncs\Annuaire->displaySelectService

ifsttar.directory.5.30 = TEXT
ifsttar.directory.5.30.dataWrap (
  
</div>
<div class="panel-footer text-right">

)

#JS select -> autocomplete select
ifsttar.directory.5.31 = TEXT
ifsttar.directory.5.31.value (
<script>
  $( function() {
    $.widget( "custom.combobox", {
      _create: function() {
        this.wrapper = $( "<span>" )
          .addClass( "custom-combobox" )
          .insertAfter( this.element );
 
        this.element.hide();
        this._createAutocomplete();
        this._createShowAllButton();
      },
 
      _createAutocomplete: function() {
        var selected = this.element.children( ":selected" ),
          value = selected.val() ? selected.text() : "";

        this.input = $( "<input>" )
          .appendTo( this.wrapper )
          .val( value )
          .attr( "title", "" )
          .addClass( "custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left" )
          .autocomplete({
            delay: 0,
            minLength: 0,
            source: $.proxy( this, "_source" )
          })
          .tooltip({
            classes: {
              "ui-tooltip": "ui-state-highlight"
            }
          });
 
        this._on( this.input, {
          autocompleteselect: function( event, ui ) {
            ui.item.option.selected = true;
            this._trigger( "select", event, {
              item: ui.item.option
            });
          },
 
          autocompletechange: "_removeIfInvalid"
        });
      },
 
      _createShowAllButton: function() {
        var input = this.input,
          wasOpen = false;
 
        $( "<a>" )
          .attr( "tabIndex", -1 )
          .appendTo( this.wrapper )
          .button({
            icons: {
              primary: "ui-icon-triangle-1-s"
            },
            text: false
          })
          .removeClass( "ui-corner-all" )
          .addClass( "custom-combobox-toggle ui-corner-right" )
          .on( "mousedown", function() {
            wasOpen = input.autocomplete( "widget" ).is( ":visible" );
          })
          .on( "click", function() {
            input.trigger( "focus" );
 
            // Close if already visible
            if ( wasOpen ) {
              return;
            }
 
            // Pass empty string as value to search for, displaying all results
            input.autocomplete( "search", "" );
          });
      },
 
      _source: function( request, response ) {
        var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), "i" );
        response( this.element.children( "option" ).map(function() {
          var text = $( this ).text();
          if ( this.value && ( !request.term || matcher.test(text) ) ){
            return {
              label: text,
              value: text,
              option: this
            };
            }
        }) );
      },
 
      _removeIfInvalid: function( event, ui ) {
 
        // Selected an item, nothing to do
        if ( ui.item ) {
          return;
        }
 
        // Search for a match (case-insensitive)
        var value = this.input.val(),
          valueLowerCase = value.toLowerCase(),
          valid = false;
        this.element.children( "option" ).each(function() {
          if ( $( this ).text().toLowerCase() === valueLowerCase ) {
            this.selected = valid = true;
            return false;
          }
        });
 
        // Found a match, nothing to do
        if ( valid ) {
          return;
        }
 
        // Remove invalid value
        this.input
          .val( "" )
          .tooltip( "open" );
        this.element.val( "" );
        this._delay(function() {
          this.input.tooltip( "close" ).attr( "title", "" );
        }, 2500 );
        this.input.autocomplete( "instance" ).term = "";
      },
 
      _destroy: function() {
        this.wrapper.remove();
        this.element.show();
      }
    });
 
    $( "#combobox" ).combobox();

      if($('#combobox').val()==''){
         $('.custom-combobox-input').attr('placeholder','Serivce: DS,MAST ...');
     }
     $('.ui-menu.ui-widget').click(function() {
        $('.custom-combobox-input').val($('#combobox option:selected').text());
     })

  } );


  </script>
)


# Condition if the name input is  not empty
[request && (traverse(request.getQueryParams(), 'wseils/qui') || traverse(request.getQueryParams(), 'wseils/ou'))]
  # Affichage du lien d'export CSV
  ifsttar.directory.5.35 = COA
  ifsttar.directory.5.35 {
    10 = TEXT
    10 {
      value = Export CSV
      typolink {
        parameter.data = TSFE:id
        additionalParams = &exportCSV=1&type=889&wseils[qui]={GP:wseils|qui}&wseils[ou]={GP:wseils|ou}
        additionalParams.insertData = 1
        target="_blank"
        ATagParams = class="btn btn-default" download="annuaire.csv"
      }
      wrap = |&nbsp;
    }
  }
[GLOBAL]


ifsttar.directory.5.40 = TEXT
ifsttar.directory.5.40.dataWrap (
<button class="btn btn-default btn-primary"  type="submit">Rechercher</button>
</div>
</form>
</div>

)



# ------------- result ------------- #



# Condition if the name input is  not empty

[request && (traverse(request.getQueryParams(), 'wseils/qui') > 0 || traverse(request.getQueryParams(), 'wseils/tel') > 0  || traverse(request.getQueryParams(), 'wseils/fonction') > 0  || traverse(request.getQueryParams(), 'wseils/affectation') > 0 )]

ifsttar.directory.9 = TEXT
ifsttar.directory.9.value = <div id="nb-result" class="annuaire-count-result"></div><br>

ifsttar.directory.11 = CONTENT
ifsttar.directory.11 {
    wrap = <div class="panel list-group list-annuaire">|</div>

    table = fe_users
    select {
      pidInList = {$user}
      #join = tx_ifsttar_affectation ON tx_ifsttar_affectation.responsable = fe_users.uid
      #exclude testing fe_users "wseils" n°7
      where = (uid != "7")
      where.cObject = TEXT
      where.cObject.preUserFunc = Wseils\Wseils\Utility\UserFuncs\Annuaire->user_directoryMatchWhere
      groupBy = username

      orderBy = name
    }

    renderObj = COA_INT
    renderObj {
      # Silouhète / Avatar ou Photo
      10 = COA
      10 {
        wrap = <div class="media-left pos-rel usr-avatar">|</div>

        // S'il y a un avatar mais qu'il n'y a pas d'image
        10 = TEXT
        10 {
          field = avatar
          wrap = <img class="img-circle img-xs" src="/fileadmin/Avatar/|.png" alt="Profile Picture">

          if.isTrue.field = avatar
          if.isFalse.field = image
        }

        # S'il y a une image, on affiche l'image
        20 = COA_INT
        20 {
          if.isTrue.field = image
          10 = TEXT
          10 {
            field = image
            wrap = <span class="user-avatar" style="background-image: url('/uploads/pics/|');
          }
          20 = TEXT
          20 {
            field = image
            wrap = filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./uploads/pics/|',sizingMethod='scale');
          }
          30 = TEXT
          30 {
            field = image
            wrap = &quot;progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/uploads/pics/|',sizingMethod='scale')&quot;;background-color: #333333;"></span>
          }
        }

        # Si pas d'image et pas d'avatar on affiche la silhouette en fonction du sexe
        30 = COA
        30 {

          # Cas silhouette = Madame
          10 = COA
          10 {
            wrap = <img class="img-circle img-xs" src="|" alt="Profile Picture" />
            10 = IMG_RESOURCE
            10.file = EXT:wseils/Resources/Public/Images/Annuaire/profil-Madame.png
              if.isFalse.field = image
              if.isPositive = 1
              if.isPositive.if {
                isFalse.field = avatar
                isInList.field = title
                value = Mme,Mlle
              }
          }

          # Cas silhouette = Monsieur (champ title M.)
          20 = COA
          20 {
            wrap = <img class="img-circle img-xs" src="|" alt="Profile Picture" />
            10 = IMG_RESOURCE
            10.file = EXT:wseils/Resources/Public/Images/Annuaire/profil-Monsieur.png

              if.isFalse.field = image
              if.isPositive = 1
              if.isPositive.if {
                isFalse.field = avatar
                isInList.field = title
                value = M.
              }
          }

          # Cas silhouette = Monsieur (champ title vide)

          30 = COA
          30 {
            wrap = <img class="img-circle img-xs" src="|" alt="Profile Picture2" />
            10 = IMG_RESOURCE
            10.file = EXT:wseils/Resources/Public/Images/Annuaire/profil-Monsieur.png
              if.isFalse.field = image
              if.isPositive = 1
              if.isPositive.if {
                isFalse.field = avatar
                isPositive = 1
                isPositive.if {
                  isFalse.field = title
              }
            }
          }
        }

        40 = TEXT
        40 {
          value = <i class="badge badge-success badge-stat badge-icon pull-left"></i>
          #if.equals.field = uid
          #if.value.data = TSFE:fe_user|user|uid
          if.isTrue.cObject = TEXT
          if.isTrue.cObject {
            field = uid
            preUserFunc = Wseils\Wseils\Utility\UserFuncs\Annuaire->whoIsOnline
          }
        }
        stdWrap.typolink {
          parameter = {$pagePerso}
          additionalParams.dataWrap = &userid=|{field:uid}
          target = _blank
          useCacheHash = 1
        }
      }

      20 = COA
      20 {
        wrap = <div class="media-body">|</div>

        1 = LOAD_REGISTER
        1 {
          user.field = email
        }

        5 = COA
        5 {
          wrap = <p class="text-right" style="float:right;"><img src="|" width="28" height="24" alt="Liste rouge" title="Liste rouge" /></p><div class="clear"></div>
          10 = IMG_RESOURCE
          10.file = EXT:wseils/Resources/Public/Icons/liste-rouge.png
            if.isTrue.field = tx_ifsttar_excludedirectory
        }

        #Prénom Nom
        10 = TEXT
        10 {
          value = <h3 class="mar-no">{field:first_name} <span class="text-uppercase">{field:name}</span></h3>
          insertData = 1
          typolink {
            parameter = {$pagePerso}
            additionalParams.dataWrap = &userid=|{field:uid}
            ATagParams = class="redirection-page-perso"
            target = _blank
            useCacheHash = 1
          }
        }

        20 = COA
        20 {
          wrap = <p>|</p>

          #Mail
          10 = TEXT
          10 {
            field = email
            stdWrap.typolink {
              parameter.field = email
              parameter.wrap = mailto:|
              ATagParams = class="redirection-contact"
            }
            wrap = |<br />
            if.isTrue.field = email
          }

          #Fonction
          20 = TEXT
          20 {
            field = tx_ifsttar_infoscompl
            noTrimWrap = |Fonction : <span class="texteGris">|</span> |
            if.isTrue.field = tx_ifsttar_infoscompl
          }

          25 = TEXT
          25 {
            if.isTrue.field = tx_ifsttar_infoscompl
            value = &nbsp;|&nbsp;
          }

          #Ville
          30 = TEXT
          30 {
            field = city
            preUserFunc = user_various->user_liensite
            wrap = Site :&nbsp;<span>|</span>&nbsp;&#124;&nbsp;Tel :&nbsp;
          }

          #Téléphone
          40 = COA
          40 {
            10 = TEXT
            10 {
              field = telephone
              preUserFunc = Wseils\Wseils\Utility\UserFuncs\Annuaire->phoneNumberFormat
              wrap = |&nbsp;&#124;&nbsp;
              stdWrap.typolink {
                  parameter.field = telephone
                  parameter.wrap = tel:|
                  parameter.stdWrap.replacement {
                      10 {
                          search.char = 32
                          replace = 
                          wrap = |
                      }
                  }
                  ATagParams = class="redirection-contact"
              }
            }
          }

          #Bureau
          50 = TEXT
          50 {
            field = tx_ifsttar_bureau
            wrap = Bur :&nbsp;|
          }
        }

        30 = TEXT
        30 {
          field = tx_ifsttar_service
          preUserFunc = Wseils\Wseils\Utility\UserFuncs\Annuaire->user_nomAffectation2
          wrap = <p class="fonctionPers2 text-right"><span class="texteGris">|</span></p>
        }
      }

      stdWrap {
        wrap = <div class="list-group-item">|</div>
      }
    }
  }
ifsttar.directory.20 = TEXT
ifsttar.directory.20.value = <script>var nbresult=$('a.list-group-item').length;$('#nb-result').html('Nombre de résultats: '+nbresult);</script>
[GLOBAL]




[request && (traverse(request.getQueryParams(), 'exportCSV') == 1)]

  #Construction de l'objet pour l'export CSV
  lib.annuaire.csv = COA
  lib.annuaire.csv {
    10 = TEXT
    10 {
      value (
"Nom";"Prénom";"Email";"Fonction";"Site";"Téléphone";"Bureau";"Affectation"

      )
    }

    # On récupère le CONTENT de la recherche puis on surchage le rendu pour obtenir le CSV
    20 < ifsttar.directory.11
    20 {
      wrap >
      renderObj >
      renderObj = COA_INT
      renderObj {

        # Nom
        10 = TEXT
        10 {
          field = name
          wrap = "|";
          stdWrap.case = upper
        }

        # Prénom
        20 = TEXT
        20 {
          field = first_name
          wrap = "|";
        }

        # Email
        30 = TEXT
        30 {
          field = email
          wrap = "|";
        }

        # Fonction
        40 = TEXT
        40 {
          field = tx_ifsttar_infoscompl
          wrap = "|";
        }

        # Site
        50 = TEXT
        50 {
          field = city
          preUserFunc = user_various->user_liensite
          wrap = "|";
        }

        # Téléphone
        60 = COA
        60 {
          10 = TEXT
          10 {
            field = telephone
            substring = 0,2
            noTrimWrap = |"| |
          }

          20 = TEXT
          20 {
            field = telephone
            substring = 2,2
            noTrimWrap = || |
          }

          30 = TEXT
          30 {
            field = telephone
            substring = 4,2
            noTrimWrap = || |
          }

          40 = TEXT
          40 {
            field = telephone
            substring = 6,2
            noTrimWrap = || |
          }

          50 = TEXT
          50 {
            field = telephone
            substring = 8,2
            noTrimWrap = || ";|
          }
        }

        # Bureau
        70 = TEXT
        70 {
          field = tx_ifsttar_bureau
          wrap = "|";
        }

        # Affectation
        80 = TEXT
        80 {
          field = tx_ifsttar_service
          preUserFunc = Wseils\Wseils\Utility\UserFuncs\Annuaire->user_nomAffectation2
          wrap = "|";
        }

        #Saut de ligne
        90 = TEXT
        90 {
          value (


          )
        }
      }
    }
  }

  # On génère le fichier CSV
  annuaireCSV = PAGE
  annuaireCSV {
    typeNum = 889
    config {
      disableAllHeaderCode = 1
      xhtml_cleaning = 0
      admPanel = 0
      debug = 0
      no_cache = 1
      metaCharset = iso-8859-1
      additionalHeaders = Content-type:text/csv;charset=iso-8859-1|Content-Disposition:attachment; filename="annuaire.csv"
    }

    10 < lib.annuaire.csv
  }
[global]