2 lines
6.4 KiB
JavaScript
2 lines
6.4 KiB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[8],{qTMV:function(e,t,n){"use strict";n.r(t),n.d(t,"_frontmatter",(function(){return s})),n.d(t,"default",(function(){return u}));n("5hJT"),n("W1QL"),n("K/PF"),n("t91x"),n("75LO"),n("PJhk"),n("mXGw");var i=n("/FXl"),r=n("TjRS");n("aD51");function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}var s={};void 0!==s&&s&&s===Object(s)&&Object.isExtensible(s)&&!s.hasOwnProperty("__filemeta")&&Object.defineProperty(s,"__filemeta",{configurable:!0,value:{name:"_frontmatter",filename:"screen/history/historyScreen.mdx"}});var c={_frontmatter:s},l=r.a;function u(e){var t=e.components,n=function(e,t){if(null==e)return{};var n,i,r={},a=Object.keys(e);for(i=0;i<a.length;i++)n=a[i],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,["components"]);return Object(i.b)(l,a({},c,n,{components:t,mdxType:"MDXLayout"}),Object(i.b)("h1",{id:"historyscreen"},"HistoryScreen"),Object(i.b)("p",null,"La vue HistoryScreen est celle qui liste les demandes de crédit qui ont été effectuer. Le rendu de cette interface varie selon que si l'on est connecté en tant qu'Agent, Superviseur ou Hyperviseur.\nUn agent Géolocalisé pourra notamment visualiser l'ensemble des demandes de crédit qu'il a effectué tandis qu'un Hyperviseur pourra visualiser l'ensemble des demandes de crédit qu'il a reçu."),Object(i.b)("br",null),Object(i.b)("p",null,"Elle permet aussi de faire une demande de crédit et de filtrer les demandes de crédit effectués selon la date et la section."),Object(i.b)("br",null),Object(i.b)("p",null,"⚠️ Quelques bugs ont été observés sur cette interface et elle devront être corrigés dans la prochaine version."),Object(i.b)("h2",{id:"interface-agent-géolocalisé"},"Interface Agent Géolocalisé"),Object(i.b)("hr",null),Object(i.b)("p",null,"Comme énoncé plus haut, un agent géolocalisé aura accès à l'ensemble des demandes de crédit qu'il a envoyés à l'endroit de son superviseur. Celà se matérialise par la fonction suivante:"),Object(i.b)("pre",null,Object(i.b)("code",a({parentName:"pre"},{className:"language-javascript"})," _renderTabGeolocated() {\n let tabs = [{\n text: I18n.t('DEMANDE_SEND'),\n }]\n return <PagerTabIndicator\n style={{\n height: responsiveHeight(8)\n }}\n tabs={tabs} />;\n }\n")),Object(i.b)("h2",{id:"interface-hyperviseur"},"Interface Hyperviseur"),Object(i.b)("hr",null),Object(i.b)("p",null,"Comme énoncé plus haut, un agent Hyperviseur aura accès à l'ensemble des demandes de crédit qu'il a reçu et pourra procéder au traitement de ceux-ci. Celà se matérialise par la fonction suivante:"),Object(i.b)("pre",null,Object(i.b)("code",a({parentName:"pre"},{className:"language-javascript"})," _renderTabHyper() {\n let tabs = [{\n text: I18n.t('DEMANDE_RECEIVE'),\n }]\n return <PagerTabIndicator\n style={{\n height: responsiveHeight(8)\n }}\n tabs={tabs} />;\n }\n")),Object(i.b)("p",null,"qui renvoie les quatres principaux menus dédiés à un utilisateur. Les clés 'icon' et 'active' permettent respectivement d'afficher l'icône associé au menu et de le rendre actif si l'on est bien positionné sur lui."),Object(i.b)("p",null,"⚠️ NB: la fonction I18n permet d'effectuer la traduction du texte en se basant sur une clé auquel correspond un texte. Celà est abordé plus en détail dans la vue ",Object(i.b)("a",a({parentName:"p"},{href:"/screen/configuration-screen#la-biblioth%C3%A8que-react-native-i18n"}),"ConfigurationScreen"),"."),Object(i.b)("h2",{id:"menu-utilisateur-géolocalisé-superviseur-et-hyperviseur"},"Menu Utilisateur Géolocalisé, Superviseur et Hyperviseur"),Object(i.b)("hr",null),Object(i.b)("p",null,"Dans le cas d'un compte de type 'Utilisateur Géolocalisé', 'Superviseur' et 'Hyperviseur', des options supplémentaires sont affichés ainsi qu'il suit:"),Object(i.b)("pre",null,Object(i.b)("code",a({parentName:"pre"},{className:"language-javascript"})," getGeolocatedUserMenu() {\n return [\n { title: I18n.t('MAP'), id: 0, key: 0, icon: 'md-map', active: true }\n , { title: I18n.t('MY_ACCOUNT'), id: 1, key: 1, icon: 'md-person', active: false }\n , { title: I18n.t('CREDIT_MANAGE'), id: 2, key: 2, icon: 'md-card', active: false }\n , { title: I18n.t('ADD_NETWORK'), id: 11, key: 11, icon: 'md-people', active: false }\n , { title: I18n.t('CHANGE_INFORMATION'), id: 13, key: 13, icon: 'md-person', active: false }\n , { title: I18n.t('NOTIFICATIONS'), id: 3, key: 3, icon: 'md-notifications', active: false }\n , { title: I18n.t('CONFIGURATIONS'), id: 4, icon: 'md-settings', active: false }]\n }\n")),Object(i.b)("hr",null),Object(i.b)("h2",{id:"déconnexion-de-lutilisateur"},"Déconnexion de l'utilisateur"),Object(i.b)("p",null,"Le menu Déconnexion permet à un utilisateur connecté de déconnecter son compte et par la même occasion d'être redigiré vers l'interface de connexion de l'application.\nCeci se fait premièrement par l'affichage d'une boîte de dialogue demandant à l'utilisateur de confirmer sa déconnexion, une fois que celà est fait un évenement est dispatché au sein de l'application ce qui permet au fonction qui écoute cette évenement de se déclencher."),Object(i.b)("pre",null,Object(i.b)("code",a({parentName:"pre"},{className:"language-javascript"}),' disconnect() {\n IlinkEmitter.emit("userdisconnect");\n Navigation.setStackRoot(route.stackRoot, {\n component: {\n name: route.login,\n animated: true\n }\n })\n })\n')),Object(i.b)("p",null,"⚠️ Cette manière de procéder est obsolète"),Object(i.b)("p",null,Object(i.b)("em",{parentName:"p"},"Aujourd'hui la bibliothèque ",Object(i.b)("a",a({parentName:"em"},{href:"https://redux.js.org/"}),"redux")," permet une meilleur gestion du state global de l'application.")))}u&&u===Object(u)&&Object.isExtensible(u)&&!u.hasOwnProperty("__filemeta")&&Object.defineProperty(u,"__filemeta",{configurable:!0,value:{name:"MDXContent",filename:"screen/history/historyScreen.mdx"}}),u.isMDXComponent=!0}}]);
|
|
//# sourceMappingURL=component---screen-history-history-screen-mdx-c36251c16b4383fcdfff.js.map
|