Introduction aux scripts shell

Un script shell permet d'automatiser une série d'opérations. Il se présente sous la forme d'un fichier contenant une ou plusieurs commandes qui seront exécutées de manière séquentielle. Fantastique.

#!/bin/bash
# This script will take an animated GIF and delete every other frame
# Accepts two parameters: input file and output file
# Usage: ./<scriptfilename> input.gif output.gif
 
# Make a copy of the file
cp "$1" "$2"
 
# Get the number of frames
numframes=$(gifsicle --info "$1" \
              | grep --perl-regexp --only-matching '\d+ images' \
              | grep --perl-regexp --only-matching '\d+')
 
# Deletion
let i=0
while test $i -lt $numframes
do
    rem=$(( $i % 2 ))
 
    if test $rem -eq 0
    then
        gifsicle "$2" --delete "#"$(($i/2)) -o "$2"
    fi
 
    let i=i+1 
done

Votre script est un simple fichier texte, par défaut il s'ouvre donc avec l'éditeur de texte défini par défaut (ex : Gedit dans une session Unity ou Gnome).
Pour qu'il soit autorisé à se lancer en tant que programme, il faut modifier ses propriétés. Pour cela faites un clic droit sur son icône, et dans l'onglet "Permissions" des "Propriétés", cocher la case "autoriser l'exécution du fichier comme un programme".

Par la suite, un double-clic sur l’icône vous laissera le choix entre afficher le fichier (dans un éditeur de texte) et le lancer (directement ou dans un terminal pour voir d'éventuels messages d'erreurs)

Par ailleurs Nautilus ne propose pas de lancer le script par simple clic avec les réglages de bases. Il faut aller dans Menu→ Édition → Préférences → Onglet comportement → fichier texte et exécutable et cocher pour fichiers exécutables Demander à chaque fois.

Sous Lubuntu, si cette méthode ne fonctionne pas, vous devez d'abord effectuer l'opération suivante :

1. Dans le menu principal, allez sur Outils système et faites un clic droit → Propriétés sur le raccourci vers le terminal. Notez le contenu du champ Commande et annulez.
2. Ouvrez votre gestionnaire de fichier PCManFM et allez dans le menu supérieur sur éditer → Préférences puis dans la fenêtre qui s'ouvre sélectionnez Avancé.
3. Remplacez le contenu du champ Terminal emulator par le contenu du champ Commande que vous avez pris soin de noter à la première étape.
4. Vous pouvez ensuite suivre la méthode graphique indiquée ci-dessus pour exécuter vos scripts shell.

Il suffit de se placer dans le dossier où est le script, et de lancer :

bash nom_du_script

mais pas toujours bash ( dépend du langage du script )

ou si vous voulez l'exécuter par son nom , il faut le rendre exécutable avec chmod. Pour ceci tapez la commande qui suit :

chmod +x nom_du_script

Puis vous pouvez exécuter le script en faisant :

./nom_du_script

mais pourquoi le ./ ?

Il peut être intéressant d'ajouter un répertoire au "PATH" pour pouvoir exécuter ses scripts sans avoir à se placer dans le bon dossier. Je m'explique, quand vous tapez une commande ("ls" par exemple), le shell regarde dans le PATH qui lui indique où chercher le code de la commande.

Pour voir à quoi ressemble votre PATH, tapez dans votre console:

echo $PATH

Cette commande chez moi donnait initialement :

/usr/local/bin:/usr/bin:/bin:/usr/bin/X11:/usr/games

C'est à dire que le shell va aller voir si la définition de la commande tapée ("ls" pour continuer sur le même exemple) se trouve dans /usr/local/bin puis dans /usr/bin… jusqu'à ce qu'il la trouve.

Ajouter un répertoire au PATH peut donc être très pratique. Par convention, ce répertoire s'appelle bin et se place dans votre répertoire personnel. Si votre répertoire personnel est /home/toto, ce répertoire sera donc /home/toto/bin. Pour pouvoir utiliser vos scripts en tapant directement leur nom (sans le "./") depuis n'importe quel répertoire de votre ordinateur, il vous suffit d'indiquer au shell de chercher aussi dans ce nouveau dossier en l'ajoutant au PATH. Pour ceci, il suffit de faire :

export PATH=$PATH:$HOME/bin

La commande

echo $PATH

retourne maintenant

/usr/local/bin:/usr/bin:/bin:/usr/bin/X11:/usr/games:/home/toto/bin

et je peux lancer le script appelé "monScript" situé dans "/home/toto/bin" en tapant directement : monScript

Comme vous avez sûrement dû l'entendre, il existe différents types de shells ou en bon français, interpréteurs de commandes :

• dash (Debian Almquist shell) : shell plus léger que bash, installé par défaut sur Ubuntu ;
• bash (Bourne Again SHell) : conçu par le projet GNU, shell linux ; le shell par défaut sur Ubuntu ;
• rbash : un shell restreint basé sur bash. Il existe de nombreuses variantes de bash ;
• csh, tcsh : shells C, créés par Bill Joy de Berkeley ;
• zsh, shell C écrit par Paul Falstad ;
• ksh (⇔ ksh88 sur Solaris et équivaut à ksh93 sur les autres UNIX/Linux cf.Korn shell History): shells korn écrits par David Korn, pdksh (Public Domain Korn Shell ⇔ ksh88) ;
• rc : shell C, lui aussi conçu par le projet GNU ;
• tclsh : shell utilisant Tcl ;
• wish : shell utilisant Tk .

Il existe bien entendu beaucoup d'autres types de shells.
Pour savoir quel type de shell est présent sur une machine, aller dans un terminal et taper la commande ps.

La commande sh est en fait un lien symbolique vers l'interpréteur de commandes par défaut : /bin/dash.

Il faut savoir que en bash les variables sont toutes des chaînes de caractères.
Cela dépendra de son USAGE, pour une opération arithmétique prochaine voir : let ma_variable sinon pour conserver une valeur : il suffit de lui donner un nom et une valeur avec l'affectation égale :

ma_variable=unmot

Ici la valeur est affectée à la variable ma_variable .
Attention: pas d'espace ni avant ni après le signe "=" .
Autre exemple avec une commande avec arguments :

nbre_lignes=$(wc -l < fichier.ext)

nbre_lignes contiendra le nombre de lignes contenu dans fichier.ext .

Pour voir le contenu d'une variable, on utilisera echo (par exemple) :

echo $ma_variable

renverra : unmot .

Pour gérer les espaces et autres caractères spéciaux du shell, on utilisera les guillemets ou bien une notation avec des apostrophes :

echo $ma_variable

echo "$ma_variable"

echo ${ma_variable}

echo "${ma_variable}"

renverront toutes la même réponse : unmot .

Et avec des chemins de répertoires :

chemin_de_base="/home/username/un repertoire avec espaces"
chemin_complet="$chemin_de_base/repertoire"

rsync -av "$chemin_complet" …

Des variables système permettent d'accélérer la saisie et la compréhension. Pour voir les variables d'environnement de votre système tapez simplement :

env

Quelques variables d'environnement à connaître : HOME, USER, PATH, IFS,…

Pour appeler ou voir une variable, par exemple HOME, il suffit de mettre un $ devant, par exemple :

echo $HOME

Ce petit code va afficher la variable HOME à l'écran.

Il existe des variables un peu spéciales :

Exemple : créer le fichier arg.sh avec le contenu qui suit :

#!/bin/bash
echo "Nombre d'arguments ... :  "$#
echo "Les arguments sont ... :  "$*
echo "Le second argument est :  "$2
 
echo "Et le code de retour du dernier echo est :  "$?

Lancez ce script avec un ou plusieurs arguments et vous aurez :

./arg.sh 1 2 3
Nombre d'arguments ... :  3
Les arguments sont ... :  1 2 3
Le second argument est :  2
Et le code de retour du dernier echo est :  0

Exemple: un sleep interactif pour illustrer $! (Cf. les fonctions).
Pour déclarer un tableau, plusieurs méthodes : première méthode (compatible bash, zsh, et ksh93 mais pas ksh88, ni avec dash, qui est lancé par "sh") :

tab=("John Smith" "Jane Doe")

ou bien :

tab[0]='John Smith'
tab[1]='Jane Doe'

Pour compter le nombre d'éléments du tableau :

len=${#tab[*]} ou echo ${#tab[@]}

Pour afficher un élément :

echo ${tab[1]}

Pour afficher tous les éléments :

echo ${tab[@]}

ou bien (en bash ou en ksh93 mais pas en ksh88) :

for i in ${!tab[@]}; do echo ${tab[i]}; done

ou encore ( C style ) :

for (( i=0; i < ${#tab[@]}; i++ )); do echo ${tab[i]}; done

NB : toutes les variables sont des tableaux. Par défaut, c'est le premier élément qui est appelé :

echo ${tab[0]}

et :

echo ${tab}

renverront la même réponse.

NB2 : les tableaux sont séparés par un séparateur défini : l'IFS. Par défaut l'IFS est composé des trois caractères : $' \t\n' soit espace, tabulation, saut de ligne. Il peut être forcé sur un autre caractère.

IFS=$SEPARATEUR

$SEPARATEUR pourra être :

• une lettre (pe : n, i,…)
• une ponctuation (pe : ',', '.', '-'…)
• un caractère spécial : ($'\t' : tabulation, $'\n' : saut de ligne,…)

Pour passer des arguments en ligne de commande c'est encore une fois très simple. Chaque argument est numéroté et ensuite on l'appelle par son numéro :

 ./test.sh powa noplay

Voici notre test.sh

#!/bin/sh
echo $3
echo $2

Notez que $0 est le nom du fichier.

shift est une commande très pratique lorsque vous traitez des arguments en ligne de commande. Elle permet de faire "défiler" les arguments ($0, $1, $2, …). C'est à dire que le contenu de $1 passe dans $0, celui de $2 dans $1 et ainsi de suite. Il est tout à fait possible de traiter les arguments avec for i in $*; do mais lorsque vous aurez des options du style –title "mon_titre" il sera très laborieux de récupérer la valeur "mon_titre".

Voici un exemple de script où vous devez vous souvenir de ce que vous avez écrit (un petit jeu de mémoire, quoi) :

#!/bin/sh
clear # Un peu facile si la commande reste au dessus :-)
until [ $# = 0 ]
do
  echo -n "Taper l'option suivante : "
  read Reslt
  if [ "$Reslt" = "$1" ]; then
    echo "Bien joué !"
  else
    echo "Non mais quand même !!! SAPERLIPOPETTE C'ÉTAIT $1 ET NON PAS $Reslt ESPECE DE NOUILLE !!!"
    sleep 3 # Juste pour le fun du script qui enrage ;-p
    echo "Désolé, je te bannis de ubuntu-fr.org ! Et schbim !! Dommage tu ne peux rien contre moi !!!"
    exit 1
  fi
  shift # On défile
done
echo "Vous avez réussi !"

(( variable = 2 + $autre_var * 5 ))

Exemple: besoin de définir des plages de valeurs (1 à 500 puis 501 à 1000 puis 1001 à 1500…)

id_per_step = 500
for (( i=0; i<8; i++ )); do
	(( min_step_id = 1 + $i * $id_per_step ))
	(( max_step_id = (( $i + 1 )) * $id_per_step ))
	echo "$min_step_id to $max_step_id "
done

La commande test existe sous tous les Unix, elle permet de faire un test et de renvoyer 0 si tout s'est bien passé ou 1 en cas d'erreur.

En mode console, faites man test pour connaître tous les opérateurs, en voici quelques-uns :

On peut raccourcir la commande test par des crochets. Exemple :

test -f /etc/passwd
echo $?
0
[ -f /etc/passwd ] 
echo $?
0

Affichera la valeur 0 : ce fichier existe, 1 dans le cas où le fichier /etc/passwd n'existe pas. Sous Unix, le code de retour est par convention et en général 0 s'il n'y a aucune erreur et différent de 0 dans les autres cas.

La syntaxe la plus appropriée dans de la programmation shell moderne est le double crochet :

[[ -f /etc/passwd ]]

Cela gère bien mieux les problèmes d'espaces dans les noms de fichiers, les erreurs etc… C'est une structure propre à bash (ksh, ?) qui est le shell par défaut dans la plupart des distributions Linux, et de Ubuntu en particulier. On garde en général des simples crochets pour les scripts shell qui doivent être à tout prix POSIX ( utilisation sur des Unix sans installation préalable de bash, comme BSD, Solaris… ) .

Il y a en 3 :

• le et logique : -a
• le ou logique : -o
• le non logique : !

Exemple :

echo "renverra 0 si les deux expressions sont vraies"
test expr1 -a expr2  
[ expr1 -a expr2 ]

Les deux assertions doivent être vérifiées pour que la condition le soit aussi.

Dès que l'une des deux assertions est vérifiée, la condition globale l'est aussi.

Exemple plus complet :

#!/bin/sh
 
echo -n "Entrez un nom de fichier: "
read file
if [ -e "$file" ]; then
        echo "Le fichier existe!"
else
        echo "Le fichier n'existe pas, du moins n'est pas dans le répertoire d'exécution du script"
fi

La seule chose qui prête à confusion est que l'on vérifie seulement si le fichier « file » est dans le répertoire où le script a été exécuté.

Avant de commencer à faire des scripts de 1000 lignes, il serait intéressant de voir comment se servir des variables, et des instructions if, then, elif, else, fi. Cela permet par exemple de faire réagir le script de manière différente, selon la réponse de l'utilisateur à une question.

En bash, les variables ne se déclarent généralement pas avant leur utilisation, on les utilise directement et elles sont créées lors de sa première mise en œuvre.

Pour pouvoir voir la valeur d'une variable il faut faire précéder son nom du caractère « $ ».

#!/bin/sh
echo -n "Voulez-vous voir la liste des fichiers Y/N : "
read ouinon
if [ "$ouinon" = "y" ] || [ "$ouinon" = "Y" ]; then
    echo "Liste des fichiers :"
    ls -la
elif [ "$ouinon" = "n" ] || [ "$ouinon" = "N" ]; then
    echo "Ok, Aurevoir! "
else
    echo "Il faut taper Y ou N!! Pas $ouinon"
fi

Ce script peut paraître simple à première vue mais certaines choses prêtent à confusion et ont besoin d'être expliquées en détail.

Tout abord, le `echo -n` permet de laisser le curseur sur la même ligne, ce qui permet à l'utilisateur de taper la réponse après la question (question d'esthétique).

L'instruction `read` permet d'affecter une valeur ou un caractère à une variable quelconque, en la demandant à l'utilisateur.

Ensuite vient l'instruction conditionnelle `if`. Elle est suivie d'un « [ » pour délimiter la condition. La condition doit bien être séparée des crochets par un espace ! Attention, la variable est mise entre guillemets car dans le cas où la variable est vide, le shell ne retourne pas d'erreur, mais en cas contraire, l'erreur produite ressemble à :

[: =: unaryoperator expected

L'opérateur `||` signifie exécuter la commande suivante si la commande précédente n'a pas renvoyé 0. Il existe aussi l'opérateur && qui exécute la commande suivante si la commande précédente a renvoyé 0, et enfin ; qui exécute l'opération suivante dans tous les cas.

Exemple : créer le répertoire titi s'il n' existe pas

[ ! -d /tmp/titi ] && mkdir /tmp/titi
[ -d /tmp/titi ] || mkdir /tmp/titi
test ! -d /tmp/titi && mkdir  /tmp/titi
rm -rf /tmp/titi;mkdir /tmp/titi

Les « { » servent à bien délimiter le bloc d'instructions suivant le `then`, est une commande et donc si elle est sur la même ligne que le `if` les deux commandes doivent être séparées par un `;`

Ensuite, `elif` sert à exécuter une autre série d'instructions, si la condition décrite par `if` n'est pas respectée, et si celle fournie après ce `elif` l'est.

Enfin, `else` sert à exécuter un bloc si les conditions précédentes ne sont pas respectées (ah les jeunes, ils respectent plus rien de nos jours ).

`fi` indique la fin de notre bloc d'instructions `if`. Cela permet de voir où se termine la portion de code soumise à une condition.

Quelques petites commandes pratiques :

sh -n nom_du_fichier

ou

bash -x chemin_du_fichier

Cette commande vérifie la syntaxe de toutes les commandes du script, pratique quand on débute et pour les codes volumineux.

sh -u nom_du_fichier

Celle-ci sert à montrer les variables qui n'ont pas été utilisées pendant l'exécution du programme.

Voici le tableau des opérateurs de comparaison, ceux-ci peuvent s'avérer utiles pour diverses raisons, nous verrons un peu plus loin un exemple.

$A = $B # Vérifie si les deux chaînes sont égales.
 
$A != $B # Vérifie si les deux chaînes sont différentes.
 
-z $A # Vérifie si A n'existe pas (ne contient pas de chaîne).
 
-n $A # Vérifie si A existe (contient une chaîne).

La commande while exécute ce qu'il y a dans son bloc tant que la condition est respectée :

#!/bin/sh
 
cmpt=1
cm=3
echo -n "Mot de passe : "
read mdp
 
while [ "$mdp" != "ubuntu" ] && [ "$cmpt" != 4 ]
do
     echo -n "Mauvais mot de passe, plus que "$cm" chance(s): "
     read mdp
     cmpt=$(($cmpt+1))
     cm=$(($cm-1))
done
echo "Non mais, le brute-force est interdit en France !!"

On retrouve des choses déjà abordées avec `if`. Le `&&` sert à symboliser un "et", cela implique que deux conditions sont à respecter. Le `do` sert à exécuter ce qui suit si la condition est respectée. Si elle ne l'est pas, cela saute tout le bloc (jusqu'à `done`). Vous allez dire :

Cette partie du code sert tout simplement à réaliser une opération arithmétique. A chaque passage, 'cmpt = cmpt+1' et 'cm = cm-1'.

`while` permet de faire exécuter la portion de code un nombre indéterminé de fois. La commande `until` fait la même chose que la commande `while` mais en inversant. C'est-à-dire qu'elle exécute le bloc jusqu'à ce que la condition soit vraie, donc elle s'emploie exactement comme la commande `while`.

Par exemple, si on a besoin d'attendre le démarrage de notre window manager pour exécuter des commandes dans notre Xsession il sera plus intéressant d'utiliser le `until`:

#!/bin/sh
until pidof wmaker 
do
  sleep 1
done
xmessage "Session loaded" -buttons "Continue":0,"That all":1;
[ $? -eq 0 ] && xmessage "Load more..."

Mais on aurait pu aussi faire:

#!/bin/sh
while [ -z $(pidof wmaker) ]
do
 sleep 1
done 
#(...)

Regardons la syntaxe de cette commande, qui n'est pas une des plus simples :

case variable in
    modèle [ | modèle] ...) instructions;;
    modèle [ | modèle] ...) instructions;;
      ...
esac

Cela peut paraître complexe mais on s'y habitue quand on l'utilise.

Mais à quoi sert cette commande ?

Elle sert à comparer le contenu d'une variable à des modèles différents. Les ;; sont indipensables car il est possible de placer plusieurs instructions entre un modèle et le suivant. Les ;; servent donc à identifier clairement la fin d'une instruction et le début du modèle suivant.

Exemple :

#!/bin/sh
 
echo -n "Êtes-vous fatigué ? "
read on
 
case "$on" in
    oui | o | O | Oui | OUI ) echo "Allez boire un Thé !";;
    non | n | N | Non | NON ) echo "Programmez !";;
    * ) echo "Ah bon ?";;
esac

La seule chose qui mérite vraiment d'être expliquée est sans doute `* )`. Cela indique tout simplement l'action à exécuter si la réponse donnée n'est aucune de celles données précédemment.

Il existe aussi plusieurs structures pour les modèles, telles que :

case "$truc....." in
    [nN] *) echo "Blablablabla...";;
    n* | N* ) echo "Bla....";;

Et plein d'autres encore…

Pour vous donner une idée précise de ce que peuvent réaliser toutes ces instructions, voici un petit script censé refaire un prompt avec quelques commandes basiques :

#!/bin/bash
 
clear
echo 
echo "#################### Script ############################"
echo 
echo "#############################"
echo -n "LOGIN: "
read login
echo -n "Hôte: "
read hote
echo "#############################"
echo
echo "### Pour l'aide tapez help ###"
echo 
while [ 1 ]; do                                 # permet une boucle infinie
echo -n ""$login"@"$hote"$ "                    # qui s'arrête avec break
read reps
 
case $reps in
  help | hlp )
     echo "À propos de TS --> about"
     echo "ls --> liste les fichiers"
     echo "rm --> détruit un fichier (guidé)"
     echo "rmd --> efface un dossier (guidé)"
     echo "noyau --> version du noyau Linux"
     echo "connect --> savoir qui s'est connecté dernièrement";;
  ls )
     ls -la;;
  rm )
     echo -n "Quel fichier voulez-vous effacer : "
     read eff
     rm -f $eff;;
  rmd | rmdir )
     echo -n "Quel répertoire voulez-vous effacer : "
     read eff
     rm -r $eff;;
  noyau | "uname -r" )
     uname -r;;
  connect )
     last;;
  about | --v | vers )
     echo "Script simple pour l'initiation aux scripts shell";;
  quit | "exit" )
     echo Au revoir!!
     break;;
  * )
    echo "Commande inconnue";;
esac
done

Comme vous l'avez remarqué, l'indentation a une place importante dans ce programme. En effet, celui-ci est plus lisible et cela évite aussi de faire des erreurs. C'est pourquoi il est préférable de bien structurer le code que vous écrivez.

L'instruction `for` exécute ce qui est dans son bloc un nombre de fois prédéfini. Sa syntaxe est la suivante :

for variable in valeurs; do
    instructions
done

ou le classique:

for (( i=$min; i<=$max; i++ )); do
    instructions_avec_i # ou pas
done

Comme vous l'aurez sans doute remarqué, on assigne une valeur différente à variable à chaque itération. On peut aussi très facilement utiliser des fichiers comme "valeur".
Rien ne vaut un exemple :

#!/bin/sh
for var in *.txt; do
    echo "$var"
done 

On peut voir une syntaxe un peu particulière :

$(sort *.txt)

Ceci sert à indiquer que ce qui est entre les parenthèses est une commande à exécuter.

On peut aussi utiliser cette instruction simplement avec des nombres, cela permet de connaître le nombre d'itérations :

#!/bin/sh
for var in 1 2 3 4 5 6 7 8 9; do
    echo $var
done 

On peut très bien aussi utiliser d'autres types de variables, comme par exemple des chaînes de caractères :

#!/bin/sh
for var in Ubuntu Breezy 5.10; do
    echo $var
done 

Il faut quand même faire attention au fait que Ubuntu Breezy 5.10 est différent de "Ubuntu Breezy 5.10" dans ce cas. En effet, tous les mots placés entre "" sont considérés comme faisant partie de la même chaîne de caractères. Sans les "", sh considèrera qu'il y a une liste de trois chaînes de caractères.

Les fonctions sont indispensables pour bien structurer un programme mais aussi pouvoir le simplifier, créer une tâche, la rappeler… Voici la syntaxe générale de 'déclaration' d'une fonction :

nom_fonction(){
  instructions
}

Cette partie ne fait rien en elle même, elle dit juste que quand on appellera nom_fonction, elle fera instruction. Pour appeler une fonction (qui ne possède pas d'argument, voir plus loin) rien de plus simple :

nom_fonction

Rien ne vaut un petit exemple :

#!/bin/sh
 
#Definition de ma fonction
mafonction(){
  echo 'La liste des fichiers de ce répertoire'
  ls -l
}
#fin de la définition de ma fonction
 
echo 'Vous allez voir la liste des fichiers de ce répertoire:'
mafonction       #appel de ma fonction

Comme vous l'avez sans doute remarqué, quand on appelle la fonction, on exécute simplement ce qu'on lui a défini au début, dans notre exemple, echo… et ls -l, on peut donc faire exécuter n'importe quoi à une fonction.

Les fonctions peuvent être définies n'importe où dans le code du moment qu'elles sont définies avant d'être utilisées. Même si en bash les variables sont globales, il est possible de les déclarer comme locales au sein d'une fonction en la précédant du mot clé local: local ma_fonction .

Exemple: un sleep interactif :

#!/bin/bash
info(){
        echo -e "$1\nBye"
        exit
}
test -z "$1" && info "requiert 1 argument pour le temps d'attente..." || PRINT=$(($1*500))
test -z $(echo "$1" | grep -e "^[0-9]*$") && info "'$1' est un mauvais argument"
test $1 -gt 0 || info "Je ne prends que les entiers > 0"
print_until_sleep(){
         local COUNT=0
         while [ -d /proc/$1 ]; do
 
                  test $(($COUNT%$2)) -eq 0 && echo -n "*"
                  COUNT=$(($COUNT+1))
         done
}
sleep $1 & print_until_sleep $! $PRINT
echo -e "\nBye"

Pour extraire une chaîne d'une chaîne on utilise : ${ chaîne : position : nombre de caractères } (n'oubliez pas le : qui sépare les "paramètres").

Par exemple pour savoir ce que l'on aime manger en fonction de sa langue (vous êtes alors vraiment ultra geek !) :

#!/bin/bash
#favoritefood
if [ ${LANG:0:2} = "fr" ]; then
    echo "Vous aimez la choucroute !"
elif [ ${LANG:0:2} = "en" ]; then
    echo "You love the... raclette !"
elif [ ${LANG:0:2} = "es" ]; then
    echo "Te gusta el pata negra !"    
else
    echo ":'-("
fi
#Noter que $LANG n'a pas le préfixe '$'. ${$LANG:0:2} ne fonctionne pas !

puis :

$ ./favoritefood
Vous aimez la choucroute !
$ env LANG=en ./favoritefood
You love the... raclette!
$ env LANG=es ./favoritefood
Te gusta el pata negra!
$ env LANG=it ./favoritefood
:'-(

Ce code illustre un moyen de faire des scripts multilingues .

Une variante permet de tronquer uniquement le début de la chaîne. C'est ${ chaîne : nombre de caractères} .
Le tout peut s'illustrer par un (vraiment) petit exemple :

#!/bin/bash
#truncbegin <chaîne> <nombre>
echo ${1:$2}
#Noter bien que echo ${1:2} tronquerait les 2 premiers caractères (et non le nombre indiqué par le 2e paramètre).

puis :

$ ./truncbegin "Hello world !" 5
world !

Qui n’a jamais voulu faire un script avec des couleurs pour pouvoir différencier les titres des paramètres et les paramètres de leur valeur par exemple…

Comme toute commande sous Linux, il faut utiliser une syntaxe par défaut et y passer quelques paramètres. Pour les couleurs au sein de scripts shell, c’est le même principe.

echo -e '\033[A;B;Cm toto \033[0m'

Dans la commande passée ci-dessus, nous pouvons constater qu’il y a 3 paramètres présents: A, B et C.
A : correspond à un effet affecté au texte affiché B : correspond à la couleur du texte C : identifie la couleur du fond du texte affiché

Et enfin on termine notre affichage avec « \033[0m », qui spécifie au terminal de revenir aux couleurs définies par défaut.

Nous allons commencer par les différents effets possibles :

Maintenant que nous avons présenté les différents effets possibles d’attribuer à du texte, nous allons nous attaquer aux couleurs.
Chaque couleur a 2 valeurs, la première utilisée pour la couleur du texte, et la seconde pour la couleur du fond.

echo -e '\033[1;30;47m titi \033[0;32m est sur \033[1;33m un bateau \033[0m'

Comme indiqué dans la section liens de cette page, de très bon exemples et exercices illustrent le cours disponible sur cette page : Guide avancé d'écriture des scripts Bash - Une exploration en profondeur de l'art de la programmation shell

Aux structures décrites ci-dessus, il est nécessaire, pour réaliser des scripts poussés, de connaître les commandes shell les plus usitées.
Vous en trouverez une présentation sur cette autre page du wiki : initiation_au_shell .

La programmation de script shell étant ouverte à tous, cela permet de bénéficier de nombreux scripts pour des applications très variées ; cependant, la plupart sont proposés sans aucune garantie. Vous pourrez trouver une liste de scripts pouvant servir d'exemples sur la page scripts utiles du wiki.

Une fois vos armes faites, proposez vos contributions sur le topic du forum [VOS SCRIPTS UTILES] et rajoutez un lien dans la page du wiki ci-dessus.

• Des vérifications approfondies doivent être effectuées sur TOUTES les commandes utilisées.
• Des commentaires détaillés doivent apparaître lors de chaque étape. De même, chaque étape doit être suivie d'un "echo <voici ce que je fais>" (particulièrement utile notamment lors du débogage).
• Lors d'une mise à jour, un fil de discussion doit être précisé pour tracer les bugs éventuels.
• Avertir les utilisateurs des dégâts que peuvent causer les commandes utilisées. (Ces deux dernières remarques ne concernent bien sûr que les scripts que l'on souhaite diffuser.)
• Commencer par :

  #!/bin/bash
  # Version du script

• Créer des fonctions pour des actions précises :

  nom_de_la_fonction()
  {
  ...
   
  }

• Utiliser des chemins absolus pour les dossiers et des chemins relatifs pour les noms de fichiers :

  $CHEMIN_DU_DOSSIER/$NOM_DU_FICHIER

• Utiliser les entrées de commandes pour les fonctions :

  nom_de_la_fonction $1 $2 $3 ....

• Si votre script doit s'arrêter à cause d'une erreur, d'une variable qui ne correspond pas à vos attentes utiliser des numéros exit différents :

  exit 100;
  exit 101;
  exit 102;
  ....

  Ça permettra d'identifier d'où vient l'erreur.

• Utiliser le tableau ${PIPESTATUS[@]} pour récupérer les états des autres commandes.
• On peut écrire une fonction d'erreur du type :

  erreur()
  {
      tab=( ${PIPESTATUS[@]} )
   
      for (( i=0; i < ${#tab[@]}; i++ )); do ((i+=i)); done
   
      if ((i > 0)); then
          zenity --error --title="Une erreur est survenue" --text="Une erreur est survenue "
          exit 100
      fi
  }

  ainsi après chaque commande vous pouvez donner des codes d'exécutions différents.

Exemple : supposons que vous ayez une base de données, avec 3 catégories d'enregistrements possibles : canard bleu, canard blanc, canard rose ayant chacun 30 individus. Votre script doit compter le nombre d'éléphants bleus et blancs. Deux possibilités s'offrent à vous :

• calculer le nombre de canard verts + canard violets

ou

• calculer le nombre total de canard - nombre de canard roses

Quel algorithme choisissez-vous ?

Résultat : le premier car dans le deuxième il faut d'abord calculer le nombre total de canard.

<!DOCTYPE html> <html lang="en">

<head>

  <title>Morocco BLS Spain Visa: Welcome to the Official Website Spain Visa Application Centre in Morocco</title>

  <!-- Meta Tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="Morocco BLS Spain Visa">

  <script>

      const storedTheme = localStorage.getItem('theme')

      const getPreferredTheme = () => {
          if (storedTheme) {
              return storedTheme
          }
          return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
      }

      const setTheme = function (theme) {
          if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) {
              document.documentElement.setAttribute('data-bs-theme', 'dark')
          } else {
              document.documentElement.setAttribute('data-bs-theme', theme)
          }
      }

      setTheme(getPreferredTheme())

      window.addEventListener('DOMContentLoaded', () => {
          var el = document.querySelector('.theme-icon-active');
          if (el != 'undefined' && el != null) {
              const showActiveTheme = theme => {
                  const activeThemeIcon = document.querySelector('.theme-icon-active use')
                  const btnToActive = document.querySelector(`[data-bs-theme-value="${theme}"]`)
                  const svgOfActiveBtn = btnToActive.querySelector('.mode-switch use').getAttribute('href')

                  document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
                      element.classList.remove('active')
                  })

                  btnToActive.classList.add('active')
                  activeThemeIcon.setAttribute('href', svgOfActiveBtn)
              }

              window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
                  if (storedTheme !== 'light' || storedTheme !== 'dark') {
                      setTheme(getPreferredTheme())
                  }
              })

              showActiveTheme(getPreferredTheme())

              document.querySelectorAll('[data-bs-theme-value]')
                  .forEach(toggle => {
                      toggle.addEventListener('click', () => {
                          const theme = toggle.getAttribute('data-bs-theme-value')
                          localStorage.setItem('theme', theme)
                          setTheme(theme)
                          showActiveTheme(theme)
                      })
                  })

          }
      })

  </script>

  <!-- Favicon -->
  <link rel="shortcut icon" href="/assets/images/favicon.png">

  <!-- Google Font -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Poppins:wght@400;500;700&display=swap">

  <!-- Plugins CSS -->
  <link rel="stylesheet" type="text/css" href="/assets/vendor/font-awesome/css/all.min.css?v=AbA177XfpSnFEvgpYu1jMygiLabzPCJCRIBtR5jGc0k">
  <link rel="stylesheet" type="text/css" href="/assets/vendor/bootstrap-icons/bootstrap-icons.css?v=4RctOgogjPAdwGbwq-rxfwAmSpZhWaafcZR9btzUk18">
  <link rel="stylesheet" type="text/css" href="/assets/vendor/tiny-slider/tiny-slider.css?v=1CXVlacnwYLmg9X2AhCKvYcSgR53GWiU3z4qZJDrb68">
  <link rel="stylesheet" type="text/css" href="/assets/vendor/glightbox/css/glightbox.css?v=yMoCTayb6wccTz561YN_R0qkP756JifYXnA40MUtR-k">
  <link rel="stylesheet" type="text/css" href="/assets/vendor/flatpickr/css/flatpickr.min.css?v=RXPAyxHVyMLxb0TYCM2OW5R4GWkcDe02jdYgyZp41OU">
  <link rel="stylesheet" type="text/css" href="/assets/vendor/choices/css/choices.min.css?v=IhTRSpOAAOl37YqrDOlNjxD6S4lzZ_n2WqKtc03i0mE">

  <!-- Theme CSS -->
  <link rel="stylesheet" type="text/css" href="/assets/vendor/bootstrap/dist/css/bootstrap.min.css?v=YLGeXaapI0_5IgZopewRJcFXomhRMlYYjugPLSyNjTY">
  <link rel="stylesheet" type="text/css" href="/assets/css/style.css?v=de-9WIa9z8cZXAVKAywSh1vOyouay5jH6hy6oE4R0xc">

  <link rel="stylesheet" type="text/css" href="/assets/css/color.css?v=biNDUrJj74VlRbGB7tvoVV8aOPeiVsRt7L_VDdhggXQ" />

  <link rel="stylesheet" type="text/css" href="/css/site.css?v=ekmtryaKttePPamW3CxEz99-N5ruMwA9JAkOw57RgzI" />

  
  <link rel="stylesheet" type="text/css" href="/assets/vendor/kendo/css/kendo.common.min.css">
  <link rel="stylesheet" type="text/css" href="/assets/vendor/kendo/css/kendo.silver.min.css">

  <style>
  </style>
  <script src="/assets/vendor/jquery/dist/jquery.min.js"></script>
  <script src="/assets/vendor/jquery-validation/dist/jquery.validate.min.js"></script>
  <script src="/assets/vendor/jquery-ajax-unobtrusive/jquery-ajax-unobtrusive.js"></script>
  <script src="/assets/vendor/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
  <script type="text/javascript" src="https://5f2749aa43d4.eu-central-1.sdk.awswaf.com/5f2749aa43d4/4bc7b7b893fe/challenge.js"  defer></script>
  <script>
      $.ajaxSetup({
          beforeSend: function (xhr, options) {
              if (options.type.toUpperCase() == "POST") {
                  xhr.setRequestHeader("RequestVerificationToken", $('input:hidden[name="__RequestVerificationToken"]').val());
              }

          }
      });
  </script>

</head> <body>

  <div class="preloader">
      <div class="preloader-item">
          <div class="spinner-grow text-primary"></div>
      </div>
  </div>
  <div id="global-overlay" class="global-overlay">
      <div class="global-overlay-loader">
      </div>
  </div>
  <header class="navbar-light header-sticky">
      <!-- Nav START -->
      <nav class="navbar navbar-expand-xl z-index-9 navbar-divider">
          <div class="container">
              <!-- Logo START -->
              <a class="navbar-brand" href="/MAR/home/index">
                  <img class="light-mode-item navbar-brand-item" src="/assets/images/logo.png" alt="BLS Logo" title="BLS Logo">
                  <img class="dark-mode-item navbar-brand-item" src="/assets/images/logo.png" alt="logo">
              </a>
              <!-- Logo END -->
              <!-- Responsive navbar toggler -->
              <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                  <i class="bi bi-search fs-4"> </i>
              </button>

              <!-- Responsive navbar toggler -->
              <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse2" aria-controls="navbarCollapse2" aria-expanded="false" aria-label="Toggle navigation">
                  <span class="navbar-toggler-animation">
                      <span></span>
                      <span></span>
                      <span></span>
                  </span>
              </button>

              <!-- Main navbar START -->
              <div class="navbar-collapse collapse" id="navbarCollapse">
                  <div class="col-md-9">
                      <div class="nav my-3 my-xl-0 px-4 flex-nowrap align-items-center">
                          <div class="nav-item w-100">
                              <div class="align-items-center position-relative">
                                  <div class="align-items-center text-primary" style="font-size:30px;font-weight:700;">Apply for VISA to Spain In Morocco</div>
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="col-md-3">
                      <div class="align-items-center position-relative">
                          <small class="text-secondary mb-1">Follow us on</small>
                          <ul class="list-inline mb-3 mt-0">
                              <li class="list-inline-item"> <a class="btn btn-sm px-2 bg-facebook mb-0" href="https://www.facebook.com/blsinternationalservices/" target="_blank"><i class="fab fa-fw fa-facebook-f"></i></a> </li>
                              <li class="list-inline-item"> <a class="btn btn-sm shadow px-2 bg-instagram mb-0" href="https://www.instagram.com/blsinternationalservicesltd/" target="_blank"><i class="fab fa-fw fa-instagram"></i></a> </li>
                              <li class="list-inline-item"> <a class="btn btn-sm shadow px-2 bg-twitter mb-0" href="https://twitter.com/blsintlservices" target="_blank"><i class="fab fa-fw fa-twitter"></i></a> </li>
                              <li class="list-inline-item"> <a class="btn btn-sm shadow px-2 bg-linkedin mb-0" href="https://www.linkedin.com/company/bls-international-services-ltd/?originalSubdomain=in" target="_blank"><i class="fab fa-fw fa-linkedin-in"></i></a> </li>
                          </ul>
                      </div>
                  </div>
              </div>

              <!-- Main navbar END -->
              <!-- Profile and notification START -->
              <ul class="nav flex-row align-items-center list-unstyled ms-xl-auto">
                  <li class="dropdown nav-item">
                      <a class="nav-link small pb-2" href="#" role="button" id="languageDropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                          <img class="w-30px me-2" src="/assets/images/flags/en-US.svg" alt=""><small>English</small>
                      </a>
                      <ul class="dropdown-menu dropdown-animation dropdown-menu-end min-w-auto" aria-labelledby="languageDropdown">
                          <li> <a class="dropdown-item me-4" href="javascript:OnLanguageChange('en-US');"><img class="fa-fw me-2" src="/assets/images/flags/en-US.svg" alt="">English</a> </li>
                          <li> <a class="dropdown-item me-4" href="javascript:OnLanguageChange('es-ES');"><img class="fa-fw me-2" src="/assets/images/flags/es-ES.svg" alt="">Español</a> </li>
                          <li> <a class="dropdown-item me-4" href="javascript:OnLanguageChange('fr-FR');"><img class="fa-fw me-2" src="/assets/images/flags/fr-FR.svg" alt="">Français</a> </li>
                      </ul>
                  </li>
                      <li class="nav-item ms-3 dropdown">
                          <!-- Avatar -->
                          <a class="avatar avatar-sm p-0 mt-0" href="#" id="profileDropdown" role="button" data-bs-auto-close="outside" data-bs-display="static" data-bs-toggle="dropdown" aria-expanded="false">
                                  <img onerror="OnPhotoError(this);" class="avatar-img rounded-2" src="/assets/images/avatar/01.jpg" alt="Profile">
                          </a>

                          <!-- Profile dropdown START -->
                          <ul class="dropdown-menu dropdown-animation dropdown-menu-end shadow pt-3" aria-labelledby="profileDropdown">
                              <!-- Profile info -->
                              <li class="px-3 mb-3">
                                  <div class="d-flex align-items-center">
                                      <!-- Avatar -->
                                      <div class="avatar me-3">
                                              <img onerror="OnPhotoError(this);" class="avatar-img rounded-circle shadow" src="/assets/images/avatar/01.jpg" alt="Profile">

                                      </div>
                                      <div>
                                          <a class="h6 mt-2 mt-sm-0" href="#">AIT EL ABED SADIA</a>
                                          <p class="small m-0">ABEDSAADIYA4@GMAIL.COM</p>
                                      </div>
                                  </div>
                              </li>

                              <!-- Links -->
                              <li> <hr class="dropdown-divider"></li>
                              <li></li>
                              <li><a class="dropdown-item" href="/MAR/account/DeleteUser"><i class="fa fa-trash fa-fw me-2"></i>Delete Account</a></li>
                              <li><a class="dropdown-item" href="/MAR/account/ChangePassword?userId=0925dc09-6838-48a4-8fa3-029eccd24552"><i class="fa fa-key fa-fw me-2"></i>Change Password</a></li>
                              <li><a class="dropdown-item bg-danger-soft-hover" href="javascript:OnLogout();"><i class="fa fa-power-off me-2"></i>Logout</a></li>
                              <li> <hr class="dropdown-divider"></li>

                              <!-- Dark mode options START -->
                              <!-- Dark mode options END-->
                          </ul>
                          <!-- Profile dropdown END -->
                      </li>
                  <!-- Profile dropdown START -->
                  <!-- Profile dropdown END -->
              </ul>
              <!-- Profile and notification END -->
          </div>
      </nav>
      <!-- Nav END -->
      <!--Main menu link START -->
      <nav class="navbar navbar-expand-xl navbar-divider">
          <div class="container px-0">
              <!-- Main navbar START -->
              <div class="navbar-collapse w-100 collapse" id="navbarCollapse2">
                  <ul class="navbar-nav nav-active-line navbar-nav-scroll mx-auto">
                      <li class="nav-item"> <a class="nav-link home-active" href="/MAR/home/index"><i class="fa fa-home"></i></a>	</li>
                      <li class="nav-item dropdown">
                          <a class="nav-link dropdown-toggle visa-active" href="#" id="pageMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Visa Type</a>
                          <ul class="dropdown-menu" aria-labelledby="pageMenu">
                              <li>
                                  <a class="dropdown-item" href="/MAR/bls/schengenvisa">
                                      <i class="text-warning fa fa-globe me-2"></i>Schengen Visa
                                  </a>
                              </li>
                              <li>
                                  <a class="dropdown-item" href="https://www.exteriores.gob.es/es/ServiciosAlCiudadano/Paginas/Servicios-consulares.aspx" target="_blank">
                                      <i class="text-info fa fa-globe me-2"></i>National Visa
                                  </a>
                              </li>
                          </ul>
                      </li>

                      <!-- Nav item -->
                      <li class="nav-item"> <a class="nav-link new-app-active" href="/MAR/bls/vtv">Book New Appointment</a>	</li>

                      <!-- Nav item -->

                      <li class="nav-item dropdown">
                          <a class="nav-link dropdown-toggle my-app-active" href="#" id="pageMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Manage Appointments</a>
                          <ul class="dropdown-menu" aria-labelledby="pageMenu">

                              <li>
                                  <a class="dropdown-item" href="/MAR/blsappointment/BLSCancelAppointment">
                                      <i class="text-danger fa-regular fa-calendar-xmark me-2"></i>Cancel Appointment
                                  </a>
                              </li>

                              <li>
                                  <a class="dropdown-item" href="/MAR/blsappointment/BLSReprintAppointmentLetter">
                                      <i class="text-info fa-solid fa-print me-2"></i>Re-Print Appointment Letter
                                  </a>
                              </li>
                              <li>
                                  <a class="dropdown-item" href="/MAR/blsappointment/ManageApplicant">
                                      <i class="text-info fa-solid fa-users me-2"></i>Manage Applicants
                                  </a>
                              </li>
                          </ul>
                      </li>
                      <li class="nav-item"> <a class="nav-link contact-active" href="/MAR/bls/VisaApplicationStatus">Application Status</a>	</li>

                      <li class="nav-item dropdown">
                          <a class="nav-link dropdown-toggle gen-info-active" href="#" id="pageMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">General Info</a>
                          <ul class="dropdown-menu" aria-labelledby="pageMenu">
                              <li>
                                  <a class="dropdown-item" href="/MAR/bls/customerexperience">
                                      <i class="text-warning fa fa-face-smile me-2"></i>Customer Experience
                                  </a>
                              </li>
                              <li>
                                  <a class="dropdown-item" href="/MAR/bls/additionalservices">
                                      <i class="text-danger fa fa-user-plus me-2"></i>Additional Services
                                  </a>
                              </li>

                              <li>
                                  <a class="dropdown-item" href="/MAR/bls/publicholidaysclosures">
                                      <i class="text-info fa fa-umbrella-beach me-2"></i>Public Holidays
                                  </a>
                              </li>
                              <li> <hr class="dropdown-divider"></li>
                              <li>
                                  <a class="dropdown-item" href="/MAR/bls/usefullinks">
                                      <i class="text-success fa fa-link me-2"></i>Useful Links
                                  </a>
                              </li>
                              <li>
                                  <a class="dropdown-item" href="/MAR/bls/securityrules">
                                      <i class="text-orange fa fa-lock me-2"></i>Security Rules
                                  </a>
                              </li>
                              <li>
                                  <a class="dropdown-item" href="/MAR/bls/faq">
                                      <i class="text-orange fa fa-lock me-2"></i>FAQs
                                  </a>
                              </li>
                              <li>
                                  <a class="dropdown-item" href="/MAR/bls/contactus">
                                      <i class="text-orange fa fa-contact-card me-2"></i>Contact Us
                                  </a>
                              </li>
                          </ul>
                      </li>

                      <li class="nav-item"> <a class="nav-link doorstep-active" href="/MAR/bls/doorstepservice">Doorstep Service</a>	</li>

                  </ul>

              </div>
              <!-- Main navbar END -->
          </div>
      </nav>
      <!--Main menu link END -->
  </header>
  <!-- **************** MAIN CONTENT START **************** -->
  <main>
      

<style>

  .form-check-input {
      margin-top: 0.2em !important;
      margin-left: 0px !important;
      margin-right: 5px !important;
  }

</style>

<main id="div-main">

  <div class="container h-100 p-md-3 p-sm-2">
      <div class="row">
          <div class="col-md-5">
          </div>
          <div class="bg-mode shadow rounded-3 overflow-hidden p-3 col-md-3">
              <div class="text-center col-12">
                  <a href="index.html">
                      <img class="h-50px mb-2" src="/assets/images/logo.png" alt="logo">
                  </a>
              </div>
              <h5 class="pt-3 text-center" style="width:100%;">Book New Appointment</h5>
              <form class="mt-4 text-start" method="post" data-ajax-begin="onAjaxBegin" data-ajax-success="onAjaxSuccess" data-ajax="true" data-ajax-method="POST" action="/MAR/bls/vtv">
                  <div class="validation-summary text-danger mb-3 validation-summary-valid" data-valmsg-summary="true"><ul><li style="display:none"></li>

</ul></div>

                  <input id="CaptchaData" name="CaptchaData" type="hidden" value="" />
                  <!-- Button -->
                  <div class="pt-5 pb-3 text-center">
                      <button class="btn btn-primary-soft" id="btnVerify" type="button" onclick="VerifyCaptcha();">Verify Selection</button>
                      <button type="button" id="btnVerified" formnovalidate="formnovalidate" style="display:none;" class="btn btn-success text-center" disabled><i class="fa fa-badge-check pr-2"></i>Verified</button>
                      <button class="btn btn-primary" style="display:none;" id="btnSubmit" type="submit">Submit</button>
                  </div>
              <input name="__RequestVerificationToken" type="hidden" value="CfDJ8Ca35kE8XjpDjtrp1eZXg8RzzJIMlJbMzgi5D_ZdoOzOrlHiGDh8euc5Dr2lZGtoMlLj26q3v4diUUDht-gpajaA0cd9AkADjdx4shuy7FqmJkBj2fHgZQQv4UsCRM1Ww_kTnAErRVEOhHkfKpKtUAbk4Kj6UHUcjnbDrgXZa4Z5llsc-WhE8tuGCFb6Gqrz2A" /></form>
          </div>
          <div class="col-md-4">
          </div>
      </div>
  </div>

</main>

<div class="modal fade" style="z-index:99999;" data-bs-backdrop="static" data-bs-keyboard="false" id="alertModal" tabindex="-1" role="dialog" aria-labelledby="alertModalLabel"

   aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content">
          <div class="modal-header">
              <h6 class="modal-title">Disclaimer<span style="font-weight:600;color:black"></span></h6>

          </div>
          <div class="modal-body scam-body" style="font-weight:500">
              I grant permission and give my consent to BLS International for capturing of electronic images for Liveness detection purpose. This is a requirement in order to complete online appointment request.
          </div>
          <div class="modal-footer text-center">
              <button class="btn btn-success btn-block" type="button" data-bs-dismiss="modal" onclick="onBioDisclaimerAccept();">I agree to provide my consent</button>
              <button class="btn btn-danger btn-block" type="button" onclick="onReject();">I disagree and don&#x27;t give my consent</button>
          </div>

      </div>
  </div>

</div> <div class="modal fade" style="z-index:99999;" data-bs-backdrop="static" data-bs-keyboard="false" id="dpModal" tabindex="-1" role="dialog" aria-labelledby="dpModalLabel"

   aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-centered" role="document">
      <div class="modal-content">
          <div class="modal-header">
              <h6 class="modal-title">Data Protection Information<span style="font-weight:600;color:black"></span></h6>

          </div>
          <div class="modal-body scam-body" style="font-weight:400">
              <p align="center" style="text-align:center;"><strong><span>Data protection information</span></strong></p>

<p><strong><span>&nbsp;</span></strong></p> <p><strong><span>Responsible for&nbsp;data processing</span></strong></p> <p><span>Ministry of Foreign Affairs, European Union and Cooperation</span></p> <p><span lang="EN-GB">Postal address: </span><span>Data Protection Section</span><span lang="EN-GB">, Plaza de la Provincia, 1, 28012 Madrid, Spain.</span></p> <p><span>Email: </span><span lang="ES"><a href="mailto:dpd@maec.es"><span lang="EN-US">dpd@maec.es</span></a></span></p> <p><span>&nbsp;</span></p> <p><strong><span>Purpose</span></strong></p> <p><span>Management of the appointment for the delivery of documentation related to the start of visa application procedures.</span></p> <p><span>&nbsp;</span></p> <p><strong><span>Legal basis for processing</span></strong></p> <p><span>The data subject gave his or her explicit consent to the processing of such personal data for one or more of the specified purposes, except where Union or Member State law provides that the prohibition referred to in paragraph 1 cannot be lifted by the data subject.</span></p> <p><span>&nbsp;</span></p> <p><strong><span>Transfers and/or international transfers of data</span></strong></p> <p><span>No transfers to third parties will be made unless required by court order. </span></p> <p><span>No international transfers to third parties will be made.</span></p> <p><strong><span>Exercise of rights</span></strong></p> <p><span>You can exercise your rights of access, rectification, deletion and portability of data, as well as the mandatory rights of limitation or opposition to their processing, by sending an email to </span><span lang="ES"><a href="mailto:dpd@maec.es"><span lang="EN-US">dpd@maec.es</span></a></span><span>, in which case we will respond within one month.</span></p> <p><span>&nbsp;</span></p> <p><strong><span>Right to complain</span></strong></p> <p><span>You have the right to file a complaint with the Spanish Data Protection Agency in the event that you consider that the exercise of your rights has not been properly addressed.</span></p> <p><span style="color:red;">&nbsp;</span></p> <p><span>For more information on the processing of your data,<a href="/mar/bls/privacypolicy" target="_blank">Click here</a></span></p> <p><span>&nbsp;</span></p>

          </div>
          <div class="modal-footer text-center">
              <button class="btn btn-success btn-block" type="button" data-bs-dismiss="modal" onclick="onDpAccept();">I have read and understood the information on data protection and I explicitly consent to the data treatment</button>
              <button class="btn btn-danger btn-block" type="button" onclick="onDpReject();">I disagree and don&#x27;t give my consent</button>
          </div>

      </div>
  </div>

</div>

<script>

  $(document).ready(function () {

  });

    function onAjaxSuccess(res) {
      if (res.success) {
          window.location.href = res.returnUrl;
      }
      else {
          HideLoader();
          ShowError(res.error);
      }
  }

  function onReject() {
      window.location.href = "/MAR/BlsAppointment/LivenessRejection";
  }
  function onBioDisclaimerAccept() {
  }
  function biometricAccepted() {
      ShowLoader();
       $.ajax({
           url: "/MAR/BlsAppointment/biometricaccepted",
              success: function(result) {
                  HideLoader();
                  $("#dpModal").modal('show');
           },
           error: function (err) {
               HideLoader();
           }
          });

  }
  function onDpAccept() {
      ShowLoader();
      window.location.href = "/MAR/BlsAppointment/DataProtectionEmailSent";
  }
  function onDpReject() {
      window.location.href = "/MAR/BlsAppointment/DataProtectionRejection";
  }

  function VerifyCaptcha(e, obj) {
      var win = GetMainWindow();
      var title = 'Verify Selection';
      win.iframeOpenUrl = '/MAR/NewCaptcha/GenerateCaptcha';
      win.OpenWindow({ Title:title, Width: 400, Height: 600 });
      return false;
  }
  function OnVerifyCaptcha(res) {
      if (res.exceeded) {
          window.location.href = window.location.href.split("?")[0];
          return false;
      }
      else if (res.success) {
          $("#btnVerify").hide();
          $("#btnVerified").show();
          $("#btnSubmit").show();
          $("#CaptchaData").val(res.cd);

      }
  }

</script>

  </main>
  <!-- **************** MAIN CONTENT END **************** -->
  <!-- =======================
  Footer START -->
  <footer class="bg-dark pt-5">
      <div class="container">
          <!-- Row START -->
          <div class="row g-4">

              <!-- Widget 1 START -->
              <div class="col-lg-3">
                  <!-- logo -->
                  <a href="index.html">
                      <img class="h-40px" src="/assets/images/logo.png" alt="logo">
                  </a>
                  <h4 class="my-3 text-primary">BLS International</h4>
              </div>
              <!-- Widget 1 END -->
              <!-- Widget 2 START -->
              <div class="col-lg-8 ms-auto">
                  <div class="row g-4">
                      <!-- Link block -->
                      <div class="col-6 col-md-4">
                          <h5 class="text-white mb-2 mb-md-4">Page</h5>
                          <ul class="nav flex-column text-primary-hover">
                              <li class="nav-item"><a class="nav-link text-muted" href="/MAR/bls/aboutus">About us</a></li>
                              <li class="nav-item"><a class="nav-link text-muted" href="/MAR/bls/contactus">Contact Us</a></li>
                              <li class="nav-item"><a class="nav-link text-muted" href="/MAR/bls/customerexperience">Customer Experience</a></li>
                              <li class="nav-item"><a class="nav-link text-muted" href="/MAR/bls/additionalservices">Additional Services</a></li>
                              <li class="nav-item"><a class="nav-link text-muted" href="/MAR/bls/PublicHolidaysClosures">Public Holidays</a></li>
                          </ul>
                      </div>

                      <!-- Link block -->
                      <div class="col-6 col-md-4">
                          <h5 class="text-white mb-2 mb-md-4">Link</h5>
                          <ul class="nav flex-column text-primary-hover">
                              <li class="nav-item"><a class="nav-link text-muted" href="/MAR/account/registeruser"></a></li>
                              <li class="nav-item"><a class="nav-link text-muted" href="/MAR/account/login">Sign up</a></li>
                              <li class="nav-item"><a class="nav-link text-muted" href="/MAR/bls/faq">FAQs</a></li>
                              <li class="nav-item"><a class="nav-link text-muted" href="/MAR/bls/usefullinks">Useful Links</a></li>
                              <li class="nav-item"><a class="nav-link text-muted" href="/MAR/bls/securityrules">Security Rules</a></li>
                          </ul>
                      </div>

                      <!-- Link block -->

                      <!-- Link block -->
                      <div class="col-6 col-md-4">
                          <h5 class="text-white mb-2 mb-md-4">Booking</h5>
                          <ul class="nav flex-column text-primary-hover">
                              <li class="nav-item"><a class="nav-link text-muted" href="/MAR/blsappointment/manageappointment">Book Appointment</a></li>
                              <li class="nav-item"><a class="nav-link text-muted" href="/MAR/blsappointment/myappointments">My Appointment</a></li>
                              <li class="nav-item"><a class="nav-link text-muted" href="/MAR/bls/visatype">Visa Type</a></li>
                              <li class="nav-item"><a class="nav-link text-muted" href="/MAR/bls/doorstepservice">Doorstep Service</a></li>
                          </ul>
                      </div>
                  </div>
              </div>
              <!-- Widget 2 END -->

          </div><!-- Row END -->

          <div class="row g-4 justify-content-between mt-0 mt-md-2">

              <!-- Payment card -->
              <div class="col-sm-7 col-md-6 col-lg-4">
                  <small style="position:relative;top:60px;">V&nbsp;4.4</small>
              </div>

              <!-- Social media icon -->
              <div class="col-sm-5 col-md-6 col-lg-3 text-sm-end">
                  <h5 class="text-white mb-2">Follow us on</h5>
                  <ul class="list-inline mb-0 mt-3">
                      <li class="list-inline-item"> <a class="btn btn-sm px-2 bg-facebook mb-0" href="https://www.facebook.com/blsinternationalservices/" target="_blank"><i class="fab fa-fw fa-facebook-f"></i></a> </li>
                      <li class="list-inline-item"> <a class="btn btn-sm shadow px-2 bg-instagram mb-0" href="https://www.instagram.com/blsinternationalservicesltd/" target="_blank"><i class="fab fa-fw fa-instagram"></i></a> </li>
                      <li class="list-inline-item"> <a class="btn btn-sm shadow px-2 bg-twitter mb-0" href="https://twitter.com/blsintlservices" target="_blank"><i class="fab fa-fw fa-twitter"></i></a> </li>
                      <li class="list-inline-item"> <a class="btn btn-sm shadow px-2 bg-linkedin mb-0" href="https://www.linkedin.com/company/bls-international-services-ltd/?originalSubdomain=in" target="_blank"><i class="fab fa-fw fa-linkedin-in"></i></a> </li>
                  </ul>
              </div>
          </div>
          <!-- Divider -->
          <hr class="mt-4 mb-0">

          <!-- Bottom footer -->
          <div class="row">
              <div class="container">
                  <div class="d-lg-flex justify-content-between align-items-center py-3 text-center text-lg-start">
                      <!-- copyright text -->
                      <div class="text-muted text-primary-hover">©BLS International 2024.</div>
                      <!-- copyright links-->
                      <div class="nav mt-2 mt-lg-0">
                          <ul class="list-inline text-primary-hover mx-auto mb-0">
                              <li class="list-inline-item me-0"><a class="nav-link py-1 text-muted" href="/MAR/bls/privacypolicy">Privacy policy</a></li>
                              <li class="list-inline-item me-0"><a class="nav-link py-1 text-muted" href="/MAR/bls/cookiespolicy">Cookies Policy</a></li>
                              <li class="list-inline-item me-0"><a class="nav-link py-1 text-muted pe-0" href="/MAR/bls/disclaimer">Disclaimer</a></li>

                          </ul>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </footer>
  <!-- =======================
  Footer END -->
  <!-- Back to top -->
  <div class="back-top"></div>
  <!-- Bootstrap JS -->

  <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="scamModalLabel"
       aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered" role="document">
          <div class="modal-content">
              <div class="modal-header">
                  <h6 class="modal-title" id="scamModalLabel">  <span style="font-weight:600;color:black">Ready to Leave?</span></h6>
                  <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close">
                  </button>

              </div>
              <div class="modal-body scam-body" style="color:black;font-size:medium">
                  <span>
                      Select &quot;Logout&quot; below if you are ready to end your current session.
                  </span>
              </div>
              <div class="modal-footer">
                  <button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Cancel</button>
                  <button class="btn btn-danger" type="button" onclick="OnLogoutSubmit();">Logout</button>
              </div>

          </div>
      </div>
  </div>
  <script src="/assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js?v=Bh8LHqeebiyiT0YD5V0-kJ90cboLJ5zbbepAVUEGxqI"></script>

  <!-- Vendors -->
  <script src="/assets/vendor/tiny-slider/tiny-slider.js?v=TUoRPxlDCbgCqz7qhneDUfttB5a74WlyYrm3FOjFZnU"></script>
  <script src="/assets/vendor/purecounterjs/dist/purecounter_vanilla.js?v=faMnyiv1xv8mqVhNEZAf8nONW6FTf7T0o40mEeleNsQ"></script>
  <script src="/assets/vendor/glightbox/js/glightbox.js?v=r0f52UVK7WXq6iGxjyhjV-Y2WjDtpwawIrQaoBtwqE4"></script>
  <script src="/assets/vendor/flatpickr/js/flatpickr.min.js?v=AkQap91tDcS4YyQaZY2VV34UhSCxu2bDEIgXXXuf5Hg"></script>
  <script src="/assets/vendor/choices/js/choices.min.js?v=GGLVnYaVIFDbccxWOhWJiXbdGgmWv7nDSer8VyCQSBk"></script>
  <script src="/assets/vendor/jarallax/jarallax.min.js?v=051mEhTXV1pINFHbbB6peqpAeo2lEkRMtXVe59eo8Xo"></script>
  <script src="/assets/vendor/jarallax/jarallax-video.min.js?v=hfysllUmwJ3on3niY5cibYd5iwOz1MZ-A5aKYxeD0fw"></script>

  <!-- ThemeFunctions -->
  <script src="/assets/js/functions.js?v=TbMKeJx-U07R1sXdRBqHpmGBu1Oh1AfWjFjDMY8fuOA"></script>
  <script src="/js/site.js?v=KZhE6R9IutBwAcH2dhNWj-BkFRm9WXFHt-59TQi7rAo"></script>

  <script>
      var iframeOpenUrl = "";
      var globalPopups = GetStack();
      var globalCallBack = null;
      var globalWindowSender = null;
      function OnLanguageChange(lng) {

          if (lng === 'en-US') {
              return false;
          }
          ShowLoader();
          $.ajax({
              type: "POST",
              url: "/MAR/account/ChangeLanguage?hdnLang=" +lng,
              success: function (response) {
                  HideLoader();
                  if (response != "" && response != null && response.success === true) {
                      window.location.href = window.location.href;
                  }
              },
              error: function (response) {
                  HideLoader();
                  alert("error");
              },
          });
            return false;
      }
      function OnLogout() {
          $('#logoutModal').modal('show');
      }
      function OnLogoutSubmit() {
          ShowLoader();
          $.ajax({
              type: "POST",
              url: "/MAR/account/logout",
              success: function (response) {
                  HideLoader();
                  if (response != "" && response != null && response.success === true) {
                      window.location.href = response.ru;
                  }
              },
              error: function (response) {
                  HideLoader();
                  alert(response.error);
              },
          });
          return false;
      }
  </script>
  
  <script src="/assets/vendor/kendo/js/kendo.all.min.js?v=PO_iEpMMumS6ezVxpHt1IpXsBBwz5RAz-jXCrshdYLM"></script>

</body> </html>