Skip to content
Snippets Groups Projects
Commit c9d1004a authored by Virgile Gerecke's avatar Virgile Gerecke :metal:
Browse files

:alembic:️ Add example of guided assistance

parent bbb92013
1 merge request!45⚗️ Add example of guided assistance
Pipeline #58830 passed with stage
in 16 seconds
Hide whitespace changes
Inline Side-by-side
.gitignore 0 → 100644
+ 1
− 0
View file @ c9d1004a
.idea
.gitlab-ci.yml
+ 1
− 0
View file @ c9d1004a
...@@ -22,6 +22,7 @@ pages: ...@@ -22,6 +22,7 @@ pages:
- cp weather.json target - cp weather.json target
- mv rss.xml target - mv rss.xml target
- mv atom.xml target - mv atom.xml target
- cp -r example target
- mv target public - mv target public
artifacts: artifacts:
paths: paths:
......
example/assistance.html 0 → 100644
+ 255
− 0
View file @ c9d1004a
<!doctype html>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="apple-mobile-web-app-title" content="Support">
<title></title>
<script src="https://support.unistra.fr/assets/vendor/js/jquery-3.1.1.min.js"></script>
<link rel="shortcut icon" href="https://typodun2016.unistra.fr/fileadmin/templates/common/web-elements/favicon/favicon-unistra-32px.png" type="image/png">
<link rel="stylesheet" type="text/css" href="https://s3.unistra.fr/master/common/assets/fonts/unistra-font/1.0.0/css/unistra-font.css?AWSAccessKeyId=M2M78RKXPAP75Y692QZX&Signature=Ros22u4Tp0Dy106qr0rRkGBPoJM%3D&Expires=1870971370" media="all">
<link rel="stylesheet" type="text/css" href="https://s3.unistra.fr/master/common/assets/fonts/unistra-symbol/1.0.2/css/unistra-symbol.css?AWSAccessKeyId=M2M78RKXPAP75Y692QZX&Signature=ZIlM6g%2Fd8FWOp0IpI1nXccP9x2g%3D&Expires=1870971370" media="all">
<link rel="stylesheet" type="text/css" href="https://s3.unistra.fr/master/common/assets/fonts/nova-icons/1.0.1/css/nova-icons.css?AWSAccessKeyId=M2M78RKXPAP75Y692QZX&Signature=GiTaEy%2B5EOD7Gy%2FXzs2g0Mfc4tg%3D&Expires=1870971370" media="all">
<link rel="stylesheet" type="text/css" href="assets/web/cdn/fontawesome-x-height/4.7.0/css/font-awesome.css" media="all">
<link href="https://support.unistra.fr/assets/web/css/styles.css" type="text/css" rel="stylesheet">
<script>var portal = {"title":"Bienvenue sur l'assistance en ligne de la <abbr title=\"Direction du num\u00e9rique\">DNum<\/abbr>.","description":"Vous y trouverez une <a href=\"#go-help\"><strong>assistance guid\u00e9e<\/strong><\/a> qui r\u00e9pondra aux questions les plus fr\u00e9quemment pos\u00e9es au support informatique, <a href=\"#go-weather\"><strong>les \u00e9v\u00e9nements<\/strong><\/a> (incidents, maintenances, alertes) en cours ou pass\u00e9es, <a href=\"#go-forum\"><strong>un forum d'entraide<\/strong><\/a> pour \u00e9changer sur les outils que vous utilisez, et le <a href=\"#go-contact\"><strong>contact du support informatique<\/strong><\/a>.","footer":"<strong>Support de la Direction du num\u00e9rique<\/strong> - 2019-2021 - Universit\u00e9 de Strasbourg - Tous droits r\u00e9serv\u00e9s<br>Powered by Alexandre, Bruno, Eric, Marc, Marina, St\u00e9phane, Simon, Thomas et Virgile","help":{"title":"Assistance guid\u00e9e","icon":"us us-lightbulb-o"},"weather":{"title":"Alertes maintenance","icon":"us us-volume"},"forum":{"title":"Forum","icon":"us us-comments-o"},"contact":{"title":"Contact","icon":"us us-envelope-o","content":"<h3 class=\"text-center no-bold\">Si vous ne trouvez pas la r\u00e9ponse \u00e0 votre probl\u00e8me, <strong>contactez le support<\/strong> :<\/h3><div class=\"row\"><div class=\"col-xs-12 col-md-4 text-center\"><i class=\"us us-edit us-4x text-primary\"><\/i><h4>Via le formulaire de demande de service<\/h4><p><a href=\"https:\/\/sos.unistra.fr\" title=\"Formulaire de demande de service\">https:\/\/sos.unistra.fr<\/a><\/p><\/div><div class=\"col-xs-12 col-md-4 text-center\"><i class=\"us us-envelope-open us-4x text-primary\"><\/i><h4>Par courriel<\/h4><p><a href=\"mailto:support@unistra.fr\" title=\"Contacter le support informatique\">support@unistra.fr<\/a><\/p><\/div><div class=\"col-xs-12 col-md-4 text-center\"><i class=\"us us-phone us-4x text-primary\"><\/i><h4>Par t\u00e9l\u00e9phone<\/h4><p>du lundi au vendredi<br>de 7h45 \u00e0 18h00<br>ou de 9h00 \u00e0 17h00 du 19 juillet au 20 ao\u00fbt<br>au <a href=\"tel:+33368854321\">+33 (0) 3 68 85 43 21<\/a><br>(<strong>54321<\/strong> en interne)<\/p><\/div><\/div>"}}</script>
<script>var portal_conf = {};
// The magic is here, you can define your own tree
// You can use python scripts to verify and display tree
portal_conf["help"] = "help.json";
</script>
<!--[if lt IE 9]><script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]-->
<!--[if lt IE 9]><script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js" type="text/javascript"></script><![endif]-->
<link rel='manifest' href='https://support.unistra.fr/manifest.webmanifest'>
<meta name="theme-color" content="#E28451"/>
</head>
<body id="top" data-spy="scroll" data-target="#navbar">
<div id="nav-mobile" class="nav-mobile collapsed"></div>
<div id="body-container">
<header id="page-header" class="header-mh-xs">
<nav class="navbar navbar-default navbar-fixed-top" id="navbar">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-target="#nav-mobile" aria-expanded="false">
<span class="sr-only">Afficher / Masquer le menu</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<ul id="nav-main" class="nav-main nav navbar-nav">
<li><a href="#top" title="Accueil"><i class="nv nv-home hidden-sm hidden-xs"></i> <span class="sr-only hidden-sm hidden-xs">Accueil</span><span class="hidden-md hidden-lg">Accueil</span></a></li>
<li><a href="#go-help">Loading</a></li>
<li><a href="#go-weather">Loading</a></li>
<li><a href="#go-forum">Loading</a></li>
<li><a href="#go-contact">Loading</a></li>
</ul>
<ul id="nav-second" class="nav-second nav navbar-nav navbar-right hidden">
<li><a href="#" data-target="#about" data-toggle="modal">À propos</a></li>
</ul>
<!-- Modal -->
<div class="modal fade" id="about" tabindex="-1" role="dialog" aria-labelledby="a-propos">
<div class="flex-container">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="us us-times"></i></button>
<h2 id="a-propos">À propos</h2>
</div>
<div class="modal-body">
<h3>Crédits</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed efficitur felis, id ultricies mi. Curabitur placerat, urna a pellentesque suscipit, nibh augue vehicula mauris, a gravida ante nunc vitae turpis. Morbi turpis libero, imperdiet vel molestie at, faucibus in nibh. Phasellus interdum, magna et imperdiet consectetur, urna enim porttitor sapien, eu aliquet magna elit id sem. Praesent sed ante efficitur elit semper pellentesque quis quis purus. Quisque urna risus, pretium sed urna quis, venenatis luctus nunc. Maecenas in lacinia ex. Mauris semper sapien vel elit vehicula, non varius tortor fringilla. Mauris quis quam eu felis accumsan egestas ac vitae ligula. Quisque varius purus vitae molestie facilisis. Nulla a finibus urna, vel maximus massa. Donec fringilla non est id euismod. Praesent pharetra neque erat, a pretium arcu blandit a. Morbi interdum, neque ac congue sagittis, elit arcu maximus dui, ut condimentum elit justo et tortor.</p>
<h3>Mentions légales</h3>
<p>Sed eu tortor et justo efficitur aliquam nec non nunc. Nunc consequat porta odio, vitae volutpat dui posuere et. Proin lobortis facilisis molestie. Donec sit amet lacus euismod, iaculis magna sed, facilisis neque. Praesent nec ornare ex, eget finibus sem. Proin aliquam interdum est, fringilla venenatis velit ultrices in. Curabitur dictum vel orci quis volutpat. Morbi vel dolor sit amet risus varius faucibus. In purus urna, vestibulum at ipsum non, rhoncus malesuada metus. Sed ac massa non urna semper posuere et ut enim. Nunc euismod, sapien eget maximus sagittis, tortor odio mattis nisi, ut cursus magna tellus in velit. Curabitur at risus a erat malesuada aliquet vel vel mauris. Cras ut arcu nulla.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
<div id="fixed-header" class="fixed-header hidden-xs hidden-sm" aria-hidden="true">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-11 col-md-offset-1">
<div class="sun sun-gray">
<span class="sun-row sun-offset-3">
<span class="sun-cell sun-text-primary">
<span class="sun-inner-cell"><i class="us us-wifi"></i> <i class="us us-meeting"></i> <i class="us us-windows"></i></span>
</span>
<a href="https://support.unistra.fr" class="sun-cell sun-primary" data-sun-link="structure" title="Support numérique">
<span class="sun-inner-cell">
<strong>Support numérique</strong><span class="sr-only"> de la Direction du numérique</span>
</span>
</a>
<span class="sun-cell sun-empty-9"></span>
<span class="sun-cell sun-empty-1"></span>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-11 col-md-offset-1">
<div id="signature-unistra">
<div class="sun sun-gray">
<span class="sun-row sun-offset-3">
<span class="sun-cell sun-text-primary">
<span class="sun-inner-cell"><i class="us us-wifi"></i> <i class="us us-meeting"></i> <i class="us us-windows"></i></span>
</span>
<a href="https://support.unistra.fr" class="sun-cell sun-primary" data-sun-link="structure" title="Support numérique">
<h1 class="sun-inner-cell">
<strong>Support numérique</strong><span class="sr-only"> de la Direction du numérique</span>
</h1>
</a>
<span class="sun-cell sun-empty-9"></span>
<span class="sun-cell sun-empty-1"></span>
</span>
<span class="sun-row">
<a href="https://support.unistra.fr" class="sun-cell sun-primary" data-sun-link="structure" title="Support numérique" aria-hidden="true">
<span class="sun-inner-cell">
Direction
</span>
</a>
<a href="https://support.unistra.fr" class="sun-cell sun-primary" data-sun-link="structure" title="Support numérique" aria-hidden="true">
<span class="sun-inner-cell">
du numérique
</span>
</a>
<span class="sun-cell sun-empty-20"></span>
</span>
<span class="sun-row sun-offset-5">
<span class="sun-cell sun-empty-12"></span>
<span class="sun-cell sun-empty-1"></span>
<span class="sun-cell sun-empty-1"></span>
<a href="http://www.unistra.fr" class="sun-cell sun-gray" data-sun-link="unistra" title="Université de Strasbourg">
<span class="sun-inner-cell">Université de Strasbourg</span>
</a>
<span class="sun-cell sun-empty-5"></span>
</span>
</div>
</div>
</div>
</div>
</div>
</header>
<main id="main-container">
<section class="hidden">
<div class="bg-gray-light">
<div class="container">
<div class="panel panel-transparent">
<div class="panel-heading">
<h2><i class="us us-arrow-right"></i> <span id="portal_title">Loading</span></h2>
</div>
<div class="panel-body lead">
<p id="portal_description">Loading</p>
</div>
</div>
</div>
</div>
</section>
<section id="go-help" class="anchor-offset">
<div class="bg-">
<div class="container">
<div class="panel panel-transparent">
<div class="panel-heading">
<h2>
Loading
</h2>
<a href="#" role="button" title="Basculer en plein écran / Revenir" class="expand hidden-xs">
<i class="nv nv-expand"></i>
<i class="nv nv-shrink"></i>
</a>
</div>
<div class="panel-body" id="help">
</div>
</div>
</div>
</div>
</section>
</main>
<footer id="page-footer">
<div class="container text-center">
<p id="page-footer-content">Loading</p>
</div>
</footer>
</div>
<div id="to-top" class="sun sun-gray hidden-xs">
<span class="sun-row sun-2x">
<a href="#top" title="Retour en haut de page" class="sun-cell sun-primary">
<span class="sun-inner-cell"><i class="us us-arrow-top"></i></span>
</a>
</span>
</div>
<script src="https://support.unistra.fr/assets/web/js/fallback.js"></script>
<script type="text/javascript" src="https://support.unistra.fr/assets/web/js/manifest.2ae2e69a05c33dfc65f8.js"></script>
<script type="text/javascript" src="https://support.unistra.fr/assets/web/js/vendor.b3d543e781e73a714976.js"></script>
<script type="text/javascript" src="https://support.unistra.fr/assets/web/js/app.db69c8be09c5c6d510e8.js"></script>
<script src="https://support.unistra.fr/assets/vendor/js/bootstrap.min.js"></script>
<script src="https://typodun2016.unistra.fr/fileadmin/templates/common/plugins/imagesLoaded/4.1.1/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<script src="https://support.unistra.fr/assets/web/cdn/unistra-signature/2.0.0/js/unistra-signature.js" type="text/javascript"></script>
<script src="https://support.unistra.fr/assets/web/js/scripts.js" type="text/javascript" defer></script>
<script type="text/javascript">
// This is the "Offline page" service worker
// Add this below content to your HTML page, or add the js file to your page at the very top to register service worker
// Check compatibility for the browser we're running this in
if ("serviceWorker" in navigator) {
if (navigator.serviceWorker.controller) {
console.log("[PWA Builder] active service worker found, no need to register");
} else {
// Register the service worker
navigator.serviceWorker
.register("pwabuilder-sw.js", {
scope: "./"
})
.then(function (reg) {
console.log("[PWA Builder] Service worker has been registered for scope: " + reg.scope);
});
}
}
</script>
</body>
</html>
example/help.json 0 → 100755
+ 62
− 0
View file @ c9d1004a
{
"root": {
"title": "Assistance guidée",
"description": "En quelques étapes, nous vous orienterons vers une solution à votre question",
"options": [
"assistance",
"support"
]
},
"support": {
"icon": "us-edit",
"title": "Je suis dirigé vers un formulaire",
"description": "Support Informatique",
"action": "https://sos.unistra.fr/"
},
"assistance": {
"icon": "us-duo",
"title": "Je passe par l'assistance guidée",
"description": "Bienvenu-e, voici quelques éléments intéressants pour vous.",
"options": [
"student",
"employee"
]
},
"student": {
"title": "J'ai un problème d'inscription",
"description": "Dynamic forms rulez",
"options": [
"studentFirstConnection",
"registration",
"other"
]
},
"studentFirstConnection": {
"title": "Je veux activer mon compte",
"description": "Pandore",
"action": "https://pandore.unistra.fr/activation/student/"
},
"registration": {
"title": "J'ai un problème pour m'inscrire",
"description": "Dynamic Forms",
"action": "https://assistance-inscription.unistra.fr/"
},
"other": {
"title": "J'ai un problème avec mon dossier étudiant",
"description": "Dynamic Forms",
"action": "https://assistance-etudiant.unistra.fr/"
},
"employee": {
"title": "Je passe par l'assistance guidée",
"description": "Bienvenu-e, voici quelques éléments intéressants pour vous.",
"options": [
"employeeFirstConnection",
"support"
]
},
"employeeFirstConnection": {
"title": "Je veux activer mon compte",
"description": "Pandore",
"action": "https://pandore.unistra.fr/activation/student/"
}
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment