/* * These styles apply ONLY to the header and footer assets. */ .xf-footer-general__logo { padding-left: .4rem; padding-right: .4rem } @media(min-width:769px)and (max-width:1200px) { .xf-footer-general__logo { padding-left: .8rem; padding-right: .8rem } } @media(min-width:1201px) { .xf-footer-general__logo { padding-left: 1.2rem; padding-right: 1.2rem } } .cmp-container--in-grid { padding-left: 1.2rem; padding-right: 1.2rem } @media(min-width:769px)and (max-width:1200px) { .cmp-container--in-grid { padding-left: 2.2rem; padding-right: 2.2rem } } @media(min-width:1201px) { .cmp-container--in-grid { padding-left: 4.8rem; padding-right: 4.8rem } } @media(min-width:1440px) { .cmp-container--in-grid { clear: both!important; float: none!important; margin-left: auto!important; margin-right: auto!important; max-width: 134.4rem } } .cmp-container--fullwidth { margin-left: 0!important; margin-right: 0!important; padding-left: 0; padding-right: 0 } .cmp-container--spacing-bottom { margin-bottom: 8rem } @media(min-width:769px) { .cmp-container--spacing-bottom { margin-bottom: 12rem } } @media(min-width:1201px) { .cmp-container--spacing-bottom { margin-bottom: 16rem } } .cmp-container--half-spacing-bottom { margin-bottom: 2.4rem } @media(min-width:1201px) { .cmp-container--half-spacing-bottom { margin-bottom: 3.2rem } } .cmp-container--background-light>.cmp-container { background-color: #f7f7f7 } .cmp-container--background-dark>.cmp-container { background-color: #050a52; color: #fff } .cmp-container--background-dark>.cmp-container a, .cmp-container--background-dark>.cmp-container h1, .cmp-container--background-dark>.cmp-container h2, .cmp-container--background-dark>.cmp-container h3, .cmp-container--background-dark>.cmp-container h4, .cmp-container--background-dark>.cmp-container h5 { color: inherit } .cmp-container--border>.cmp-container { border-radius: .8rem } .cmp-container--in-grid .cmp-container--background>.cmp-container { margin-left: .4rem; margin-right: .4rem; padding: 1.2rem .8rem } @media(min-width:769px)and (max-width:1200px) { .cmp-container--in-grid .cmp-container--background>.cmp-container { margin-left: .8rem; margin-right: .8rem } } @media(min-width:1201px) { .cmp-container--in-grid .cmp-container--background>.cmp-container { margin-left: 1.2rem; margin-right: 1.2rem } } @media(min-width:769px)and (max-width:1200px) { .cmp-container--in-grid .cmp-container--background>.cmp-container { padding: 2.2rem 1.4rem } } @media(min-width:1201px) { .cmp-container--in-grid .cmp-container--background>.cmp-container { padding: 4.8rem 3.6rem } } @media(min-width:1440px) { .cmp-container--in-grid .cmp-container--background>.cmp-container { margin-left: 1.2rem!important; margin-right: 1.2rem!important } } .cmp-container--background>.cmp-container--fullwidth { padding-bottom: 1.2rem; padding-top: 1.2rem } @media(min-width:769px)and (max-width:1200px) { .cmp-container--background>.cmp-container--fullwidth { padding-bottom: 2.2rem; padding-top: 2.2rem } } @media(min-width:1201px) { .cmp-container--background>.cmp-container--fullwidth { padding-bottom: 4.8rem; padding-top: 4.8rem } } .xf-footer-general__content { background-color: #050a52; padding-bottom: 2rem; padding-top: 4.8rem } .xf-footer-general__content>.cmp-container { position: relative } .xf-footer-general__primary-content { padding-left: .4rem; padding-right: .4rem } @media(min-width:769px)and (max-width:1200px) { .xf-footer-general__primary-content { padding-left: .8rem; padding-right: .8rem } } @media(min-width:1201px) { .xf-footer-general__primary-content { padding-left: 1.2rem; padding-right: 1.2rem } } @media(min-width:1400px) { .xf-footer-general__primary-content>.cmp-container { display: grid; grid-template: 5.7rem auto/1fr 2fr; grid-template-areas: "logo sitemap" "regionselector sitemap" } .xf-footer-general__primary-content { padding-top: 1.6rem } } .xf-footer-general__logo { margin-bottom: 3.2rem; padding: 0 } .xf-footer-general__logo .cmp-image__image { border-radius: unset; height: 1.5rem; width: auto } .xf-footer-general__logo .cmp-image__link { display: block } @media(min-width:1400px) { .xf-footer-general__logo { grid-area: logo } } .xf-footer-general__regionselector .cmp-regionselector-trigger { align-items: center; background: unset; border: unset; color: #fff; cursor: pointer; display: flex; font-size: 14px; font-weight: 700; padding: 0 } .xf-footer-general__regionselector .cmp-regionselector-trigger__icon { stroke: currentColor; height: 2.4rem; margin-right: .8rem; width: 2.4rem } .xf-footer-general__regionselector .cmp-regionselector-trigger__icon path { stroke-width: 5 } .xf-footer-general__regionselector .cmp-regionselector-trigger__label { align-items: center; display: flex } .xf-footer-general__regionselector .cmp-regionselector-trigger__label:after { border-bottom: .2rem solid #fff; border-right: .2rem solid #fff; content: ""; display: inline-block; height: .8rem; margin-left: .8rem; transform: rotate(45deg) translateY(-.4rem); width: .8rem } @media(min-width:1400px) { .xf-footer-general__regionselector { grid-area: regionselector } } .xf-footer-general__sitemap { padding-top: 1.2rem } .xf-footer-general__sitemap .cmp-sitemap { font-size: 14px } .xf-footer-general__sitemap .cmp-sitemap__group { grid-column-gap: .5rem; display: grid; grid-template-columns: 1fr 1fr } @media(min-width:769px) { .xf-footer-general__sitemap .cmp-sitemap__group { grid-gap: 4rem 1.6rem; grid-template-columns: repeat(4, 1fr) } } .xf-footer-general__sitemap .cmp-sitemap__item-label { color: #fff; display: block; font-weight: 700; margin-top: 4rem; text-decoration: none } @media(min-width:1400px) { .xf-footer-general__sitemap .cmp-sitemap__item-label { margin-top: 0 } } .xf-footer-general__sitemap .cmp-sitemap__linkicon { fill: currentColor; flex-shrink: 0; height: 1.2em; margin-top: .2em; opacity: 0 } @media(max-width:768px) { .xf-footer-general__sitemap .cmp-sitemap__linkicon { display: none } } .xf-footer-general__sitemap .cmp-sitemap__listitem-link { grid-gap: .8rem; color: #c4c4c4; display: flex; padding-bottom: .6rem; padding-top: .6rem; text-decoration: none } .xf-footer-general__sitemap .cmp-sitemap__listitem-link:hover { color: #fff } .xf-footer-general__sitemap .cmp-sitemap__listitem-link:hover .cmp-sitemap__linkicon { opacity: 1 } @media(min-width:1400px) { .xf-footer-general__sitemap { grid-area: sitemap; padding-top: 0 } } .xf-footer-general__social-content { margin-top: 4.8rem; padding-left: .4rem; padding-right: .4rem } @media(min-width:769px)and (max-width:1200px) { .xf-footer-general__social-content { padding-left: .8rem; padding-right: .8rem } } @media(min-width:1201px) { .xf-footer-general__social-content { padding-left: 1.2rem; padding-right: 1.2rem } } .xf-footer-general__social-content>.cmp-container { grid-gap: .8rem; display: flex } .xf-footer-general__social-icon { padding: 0 } .xf-footer-general__social-icon .cmp-image__link { align-items: center; background-color: hsla(0, 0%, 100%, .1); border-radius: .8rem; box-sizing: border-box; display: flex; height: 2.5rem; justify-content: center; padding: .6rem; width: 2.5rem } .xf-footer-general__social-icon .cmp-image__link:hover { background-color: hsla(0, 0%, 100%, .2) } .xf-footer-general__social-icon .cmp-image__image { border-radius: unset; height: auto; max-height: 100%; max-width: 100%; width: auto } .xf-footer-general__legal-content { border-top: .1rem solid #1f38b0; box-sizing: border-box; font-size: 14px; margin-left: .4rem; margin-right: .4rem; margin-top: 4.8rem; padding-top: 2rem } @media(min-width:769px)and (max-width:1200px) { .xf-footer-general__legal-content { margin-left: .8rem; margin-right: .8rem } } @media(min-width:1201px) { .xf-footer-general__legal-content { margin-left: 1.2rem; margin-right: 1.2rem } } @media(min-width:1400px) { .xf-footer-general__legal-content { margin-top: 0rem } } .xf-footer-general__legal-navigation { color: #c4c4c4 } @media(min-width:769px) { .xf-footer-general__legal-navigation, .xf-footer-general__legal-navigation .cmp-navigation__group { grid-gap: 1.8rem; display: flex } } .xf-footer-general__legal-navigation .cmp-navigation__cookiesetting, .xf-footer-general__legal-navigation .cmp-navigation__item-link { color: inherit; display: block; padding-bottom: .6rem; padding-top: .6rem; text-decoration: none } .xf-footer-general__legal-navigation .cmp-navigation__cookiesetting:hover, .xf-footer-general__legal-navigation .cmp-navigation__item-link:hover { color: #fff } .xf-footer-general__legal-text { color: #c4c4c4; font-size: 14px; padding: 2rem 0 .8rem } .xf-footer-general__legal-text a { color: inherit } .xf-footer-general { bottom: 0; position: absolute; top: 100%; width: 100% } .xf-footer-general__primary-content--campaign { padding-top: unset } @media(min-width:769px) { .xf-footer-general__social-content--campaign { margin-top: 0; padding: 0; position: absolute; right: 3rem; top: 0 } } @media(min-width:1201px) { .xf-footer-general__social-content--campaign { right: 6rem } } .xf-footer-general__primary-content--campaign-minified { margin-top: -1.6rem; padding-top: unset } @media(min-width:769px) { .xf-footer-general__legal-content--campaign-minified { margin-top: 3rem; padding-top: 1.4rem } .xf-footer-general__social-content--campaign-minified { margin-top: 0; padding: 0; position: absolute; right: 3rem; top: -.8rem } } @media(min-width:1201px) { .xf-footer-general__social-content--campaign-minified { right: 6rem } } @media(min-width:1400px) { .xf-footer-general__legal-content--campaign-minified, .xf-footer-general__primary-content--campaign-minified { float: left } .xf-footer-general__primary-content--campaign-minified>.cmp-container { display: block } .xf-footer-general__legal-content--campaign-minified { border-top: unset; margin-bottom: .4rem; margin-left: 5.6rem; margin-top: -2.1rem; padding-top: unset } .xf-footer-general__social-content--campaign-minified { top: -2.4rem } } .xf-footer-general--campaign { bottom: 0; position: absolute; top: 100%; width: 100% } .xf-footer-general__content { box-sizing: border-box; font-family: inherit; min-height: 8.8rem } .xf-footer-general__content ul { list-style: none; margin: 0; padding: 0 } @media(min-width:769px) { .xf-footer-general__primary-content--campaign-minified { min-height: 2.4rem } } .xf-footer-general__regionselector .cmp-regionselector, .xf-footer-general__regionselector .cmp-regionselector-trigger { display: none }

TeamViewer (Classic)

JIRA - Guide d'installation

Notez que les intégrations ne sont pas incluses dans les packages de licence de base. Ils doivent être achetés séparément en tant qu'AddOns. Pour plus d'informations, veuillez visiter notre site Web : http://www.teamviewer.com/integrations

Cet article traite de l'intégration à JIRA Software, JIRA Core et JIRA Service Desk

Serveur JIRA

Il existe deux versions en direct du plugin TeamViewer (Classic) pour Atlassian JIRA Server :

version 1.24 :

Cette version est compatible avec les versions 7.0.0 - 7.1.10 de la plate-forme JIRA Server
Vous pouvez le trouver ici : https://marketplace.atlassian.com/apps/1212766/teamviewer-plugin-for-jira/version-history

version 1.29 :

Cette version est compatible avec la plate-forme JIRA Server version 7.1.10 - 8.5.2
Vous pouvez le trouver ici : https://marketplace.atlassian.com/apps/1212766/teamviewer-plugin-for-jira

JIRA Cloud et JSD

Il existe un client d'intégration commun pour les plates-formes JIRA Cloud et JSD, que l'on peut trouver à l'adresse https://marketplace.atlassian.com

Installation du plugin TeamViewer (Classic)

Serveur JIRA

Installez le plug-in TeamViewer (Classic) en procédant comme suit :

Connectez-vous à votre session Jira en tant qu'administrateur.
Cliquez sur le manu admin et choisissez Add-ons.
Cliquez sur Rechercher nouvelles applications ou sur Rechercher de nouveaux add-on sur votre gauche.
Trouvez le plugin TeamViewer (Classic) pour Jira via la recherche. (Les résultats incluent les versions compatibles avec votre Jira.)
Cliquez sur Installer pour télécharger et installer votre application.
Vous y êtes ! Cliquez sur Fermer.

JIRA Cloud et JSD

Installez le plugin TeamViewer (Classic) en suivant les étapes ci-dessous :

Connectez-vous à votre session Jira Cloud ou JSD en tant qu'administrateur.
Cliquez sur le menu Paramètres, puis sélectionnez Apps.
Cliquez sur Trouver de nouvelles applications sur le côté gauche de la page.
Localisez le plugin TeamViewer (Classic) pour Jira en cherchant "TeamViewer (Classic) pour Jira Cloud".
Cliquez sur Installer pour télécharger et installer l'application TeamViewer (Classic).

Configuration du plugin TeamViewer (Classic)

Tout d'abord, vous devrez configurer le texte du client qui sera ajouté au ticket lors de la création d'une session. Pour ce faire, suivez les étapes ci-dessous :

1) Connectez-vous à votre session Jira en tant qu'administrateur.

2) Cliquez sur le menu admin et choisissez Add-ons.

3) Sélectionnez sur Gérer l'addon, puis sélectionnez le plugin TeamViewer (Classic) pour Jira dans la liste.

4) Là vous pouvez éditer le texte en utilisant 4 variables disponibles comme montré dans la capture d'écran ci-dessous. Une fois terminé, cliquez sur Enregistrer.

Vous devrez ensuite configurer un champ personnalisé dans les paramètres de l'Atlantide. Veuillez suivre les étapes ci-dessous :

1) Connectez-vous à votre session Jira en tant qu'administrateur.

2) Cliquez sur le menu déroulant de l'administrateur, puis sur Issues

3) Ensuite, sélectionnez le champ Custom field comme indiqué dans la capture d'écran ci-dessous

4) Sélectionnez Add Custom field dans le coin supérieur droit

5) Dans la fenêtre qui s'ouvre, sélectionnez Avancé, puis TeamViewer (Classic) Issue Session Custom Field Plugin.

6) Cliquez sur Suivant, puis donnez un nom au champ personnalisé, par exemple "Session TeamViewer (Classic)", comme indiqué dans l'image ci-dessous.

Jira Cloud et JSD

Pour configurer le plugin TeamViewer (Classic), vous devez d'abord configurer le texte du client qui sera ajouté au ticket lors de la création d'une session. Pour ce faire, suivez les étapes ci-dessous (similaires à celles du serveur JIRA) :

Connectez-vous à votre session Jira en tant qu'administrateur.

Cliquez sur le menu Paramètres, puis sélectionnez Apps.
Sélectionnez Gérer les applications, puis sélectionnez TeamViewer (Classic) pour JIRA Cloud dans la liste
Vous pouvez y éditer le texte souhaité en utilisant les 4 variables disponibles comme le montre l'image ci-dessous. Une fois terminé, cliquez sur Save Settings.

Connecter le plugin à votre compte TeamViewer (Classic)

Serveur JIRA

Une fois que le plugin TeamViewer (Classic) a été installé, l'utilisateur verra d'abord l'écran ci-dessous :

Utilisation du plug-in TeamViewer (Classic)

Connecter le plug-in

Une fois le plugin TeamViewer (Classic) installé, vous verrez l’écran ci-dessous :

L'utilisateur devra cliquer sur Connecter et se connecter avec ses identifiants pour que son compte TeamViewer (Classic) soit connecté au compte Jira. Vous ne devez effectuer cette opération qu'une seule fois, car votre jeton sera stocké de manière sécurisée sur la session JIRA.

Pour supprimer l'association entre un compte TeamViewer (Classic) et le plug-in TeamViewer (Classic), suivez les étapes ci-dessous:

1) Connectez-vous à JIRA Server avec le compte que vous souhaitez dissocier.

2) Accédez à la page de profil (via l'avatar situé en haut à droite). Sur le côté gauche, vous devriez pouvoir voir une section TeamViewer (Classic) avec la possibilité de vous déconnecter, comme indiqué dans l'image ci-dessous.

3) Sélectionnez Déconnecter puis confirmez votre sélection.

JIRA Cloud et JSD

Une fois que vous avez installé et configuré avec succès le plugin TeamViewer (Classic) pour JIRA Cloud, vous devrez le lier avec un compte TeamViewer (Classic) avant de pouvoir utiliser la fonctionnalité.

Vous pouvez facilement le faire, en suivant les étapes ci-dessous :

1) Cliquez sur votre avatar dans le coin inférieur gauche

2) Sélectionnez les paramètres de TeamViewer (Classic) comme indiqué dans l'image ci-dessous

3) Dans la fenêtre suivante, cliquez sur le bouton Connecter comme indiqué ci-dessous et connectez-vous avec votre compte TeamViewer (Classic). Vous n'aurez à effectuer cette tâche qu'une seule fois, car le hachage du compte sera stocké dans la session JIRA.

Pour déconnecter/délier un compte TeamViewer (Classic) d'un compte JIRA, allez aux paramètres TeamViewer (Classic) et sélectionnez Déconnecter comme indiqué dans l'image ci-dessous.

Licences TeamViewer (Classic) éligibles

Pour savoir quelles licences TeamViewer (Classic) peuvent être utilisées avec le plugin TeamViewer (Classic) pour JIRA, veuillez consulter le site

https://www.teamviewer.com/integrations/jira/

Si la licence TeamViewer (Classic) activée sur votre compte TeamViewer (Classic) n'est pas éligible à l'utilisation de l'intégration, vous verrez le message suivant dans le plugin.

Scénarios d'utilisation de l'intégration

Une fois que votre compte TeamViewer (Classic) éligible a été connecté, vous pouvez commencer à utiliser le plugin. Il y a 2 fonctions principales.

L'interaction en temps réel : Si le demandeur ou les utilisateurs assignés ont des comptes TeamViewer (Classic) associés à leurs comptes Jira (même e-mail), vous verrez des options pour soit collaborer avec eux (contrôle à distance, présentation, chat, appel) s'ils sont en ligne, soit leur envoyer une invitation s'ils ne sont pas dans votre liste de contacts.
Interaction asynchrone : Si le présentateur ou l'utilisateur assigné n'est pas connecté à votre compte TeamViewer (Classic) ou n'est pas en ligne, vous avez alors la possibilité de créer une session et de partager une invitation à une session de contrôle à distance sur le ticket. Ils recevront une notification et pourront se connecter lorsqu'ils seront disponibles.

Interaction directe avec d'autres utilisateurs en ligne

Prérequis pour intéragir avec d'autres utilisateurs en ligne

Cette fonctionnalité n'est supportée que dans les versions JIRA Server et JIRA Cloud. Dans la version JIRA Service Desk, seul le mode d'interaction asynchrone est supporté.

En outre, pour que cette fonctionnalité soit disponible, tous les utilisateurs devront activer la visibilité publique de leur adresse électronique, car celle-ci est utilisée pour la cartographie des contacts à partir du plugin TeamViewer (Classic).

Cela peut être défini dans l'icône Avatar --> Paramètres du compte --> Profil et visibilité. Comme indiqué ci-dessous, l'email doit être rendue visible à tout le monde

Ajouter un utilisateur à vos contacts

Une fois que vous avez réussi à connecter votre compte TeamViewer (Classic), l'application d'intégration TeamViewer (Classic) tentera de faire correspondre l'email de l'expéditeur, du destinataire et de tout commentateur aux contacts de votre compte TeamViewer (Classic).

Si les autres parties n'ont pas partagé leurs emails, vous verrez l'écran ci-dessous.

S'ils ont partagé leurs e-mails, mais ne figurent pas dans la liste des contacts de l'utilisateur connecté, vous pourrez les ajouter facilement en cliquant sur le bouton Ajouter (comme ci-dessous).

Une fois que l'autre utilisateur a accepté votre invitation et est en ligne, vous disposez des modes d'interaction suivants :

Chat
Appel vidéo
Contrôle à distance
Présentation

...comme le montre la capture d'écran ci-dessous.

Interaction asynchrone avec les autres utilisateurs

Si les autres parties ne sont pas disponibles, vous avez la possibilité de créer une session TeamViewer (Classic). Il s'agit essentiellement d'une invitation à démarrer une session de contrôle à distance et elle est valable par défaut pendant 24 heures. Une fois la session créée, l'invitation sera ajoutée au ticket.

Afin de vous connecter à la session de contrôle à distance en tant que agent d'assistance, vous devrez sélectionner le bouton Connexion à la session dans le plugin TeamViewer (Classic).

Vous trouverez ci-dessous une capture d'écran d'une session créée.