https://packaging.python.org/guides/installing-using-pip-and-virtual-environments/#creating-a-virtual-environment

https://docs.python.org/fr/3/library/venv.html

https://code.visualstudio.com/docs/python/environments

• Installation Django :

https://code.visualstudio.com/docs/python/tutorial-django

https://www.creative-tim.com/product/material-dashboard-angular2 Version V10

• a°)Réalisation d'un tableau (const) ; 
• b°) Méthode de clique bouton (click) ; 
• c°) *ngFor pour afficher la liste : 
• Ex : *ngFor="let 'x' of parcour", "parcour" étant le tableau réalisé via const et "hero" un element objet  ; 
• d°) Application d'un CSS avec une condition Angular

• a°)Créer un composant :

• b°)Importation et séparation des différents codes dans plusieurs composants classe fille pour alléger le code.
• c°) Révision des notions "d'Input", "Output" et de classe ( mère / fille )
• d°) Utilisation du "selector" pour importer l'HTML d'une classe fille dans la classe mère, HTML d'origine.
• e°)Notion de "binding" : pour lier une propriété.

• A savoir :

• Grosse erreur corrigé :

• -Facilité les tests unitaire
• Maigrir le contenu de l'application de base
• -Concentré sur le support de vue de la classe mère
• -Les composants ne doivent pas enregistrer et récupérer des données directement et montrer de fausse données
• -Ils doivent présenter les données.
• a°) Créer le service "hero service": -ng generate servicehero
• b°) Notion @Injectable : Participe au système d'injection de dépendance
• c°)Importation des components heros : import { Hero } from './hero';
  import { HEROES } from './mock-heroes';
• d°) Modification du fichier mère : parcourheros: Hero[]; et Ajoute d'un paramètre privé de type HeroService au constructeur.
• e°)Création méthode getleHero();
• ngOnInit(): garder le constructeur pour initialisation, ngoninit prendra en charge l'appel des méthodes
• Librairie RxJs : Observable
• Affichage du message, ng generate component message
• ng generate service message

• Ajoutez une vue de tableau de bord .
• Ajoutez la possibilité de naviguer entre les vues Heroes et Dashboard .
• Lorsque les utilisateurs cliquent sur un nom de héros dans l'une ou l'autre vue, accédez à une vue détaillée du héros sélectionné.
• Lorsque les utilisateurs cliquent sur un lien profond dans un e-mail, ouvrez la vue détaillée d'un héros particulier.

• "ng generate module app-routing --flat --module=app"

• Code :

• Explication code :

• Explication systèmes des routes :

• Par la suite on import :

• Ensuite :

• Explication

• Explication

• Code : 

• Ajout NAV route :

• Route par défaut :

• Ajout du clique Dashboard :

• Ajout Routes :

• Dashboard lien Héro code :

• HeroesComponent liens héros :

• Explication :

• Imports et injections :

• Extrait l'id du parametre d'itinéraire :

• Explication

• Ajouter prendreleHero():

prendreleHero(id: number): Observable<Hero> {
  // TODO: send the message _after_ fetching the hero
  this.messageService.add(`HeroService: fetched hero id=${id}`);
  return of(tableauHeroes.find(hero => hero.id === id));
}

• Trouvez le chemin du retour :

• Ajout de la méthode goBack():

• Ajout de données
• HTTPClient
• Ajout, modif, supp d'un héros via HTTP
• Rechercher héros par nom

• Lien :

• Lien Dashboard Template :

• Installation environnement Python et des modules:

• Exemple installation django 

• Installation des modules Angular :

• Logiciels :

• Correction d'un bug sur Angular apparu dans les imports d'un module buggé "angular-in-memory-webapi" :

• Correction problème HTTP et erreur "Createdb" : Après être mis en commentaire, le site refonctionne.

• On se met sur l'environnement Python créer la première semaine.

• Dans le terminal pour se connecter on écrit :

• Instructions :

• Importer tous les composants
• Importer tous les modules et les installer
• Effectuer les modifications pour faire fonctionner les modules, installation, chemin
• Lien Dashboard Template :

• Donc dans le composant "sidebar", pouvoir naviguer sur les composants de Gipsy.

• Fait aujourd'hui :

•  Important erreur qui a pris beaucoup de temps !

• Codage de la navigation, routes

• Imports "Angular materials" corrigé, voir fichier "Angumath" joint contenant avant / après
• Installation des modules :

• Petite Erreur sur le ngbModule

• Concernant les déclarations :

• Concernant NgModules :

• Modification du footer/navbar/sidebar :

• Correction de quelques soucis :
• "Balise <a>" buggé ajout d'un cursor pointeur.
• Compréhension de l'erreur css dans les navigables. Quand l'utilisateur n'est pas connecté, la css n'est pas appliqué, il faut corriger.
• Suppression de "getTitle" car non fonctionnel et doublon. Cette méthode servait à afficher le titre de l'élément sélectionner.
• Réglage de quelque bugs d'imports.

• Correction Hebdomadaire du Padlet en y ajoutant des captures-d'écrans etc...
• Récupération du projet sur un support externe, Cle USB
• Analyse composant "AdminLayout" responsable d'une problème des styles CSS dans la sidebar.
• Analyse CSS / BS après connexion à Gipsy car bug CSS / BS sur la sidebar.
• Correction du footer, du CSS/BS ainsi que certaines images et icones
• Correction des routes dans "Adminlayout" ainsi que des routes "privées" avec conditions.

• Améliorer l'affichage du site :
  (Sidebar, Navbar, panels et le texte en général du site )
• Fonctionnement de la méthode "getAccount()" avec le bouton pour accéder aux informations d'un profil
• Affichage de la sidebar

• Notifications fonctionnelles
• Mettre tous les icones

• Méthode GetTitle() qui ne fonctionnait pas sur le projet originel
• Nom d'utilisateur dans la sidebar

• La méthode "getAccount()" fonctionne, voir fiche note
• La sidebar est rouge quand l'utilisateur est déconnecté, et bleu quand l'utilisateur est connecté.
• La sidebar est entièrement fini et animé, j'ai dû rajouté un fond après sélection d'une section précise ( voir note ), il manquait des éléments sur la Template.
• La sidebar, footer et navbar sont fini, fonctionnelles avec un belle affichage

• Quand la condition "!authenticationService.userLoggedIn" ( soit quand l'utilisateur n'est pas connecté ) :

• Et inversement pour "quand l'utilisateur est connecté"

• Le dossier par la suite comporte toutes les solutions CSS / SCSS / Bootstrap sur la sidebar

• -Faire les notifications
• -Faire chaque partie de la navigation (Dashboard, export, composants, fournisseurs etc..) et ne plus avoir de bugs d'affichage sur leur panel
• Corrigé le bug de cliping de la barre de recherche
• Corrigé le but de l'image de la sidebar en expansion

• Onglet "Export"

• Onglet prescription

• Onglet fournisseur

• Onglet prestation et onglet consommable :

• Onglet Dashboard

• Onglet Matériels et équipements

• Faire le CSS, fonts etc de chaque onglets.
• Finir chaque onglet
• Résoudre les bugs précédemment cité concernant l'extension de l'image de la sidebar et le clping de la barre de recherche

• Concernant BS/CSS/SCSS

• Bug de cursor pointeur et couleur  :

 <mat-cell *matCellDef="let element">
                                    <a style="cursor: pointer; color:#1f81d6; font-weight:bolder;" (click)="getDetails(element.id)" [contextMenu]="basicMenu"
                                       [contextMenuSubject]="element">{{ element.adresse }}</a>
                                </mat-cell>

• Modification des titres :

•  Exemple dans fournisseur :

  <h4 class="title" style="font-weight: bold; margin-left: 15px;">Liste des fournisseurs</h4>

• CSS Terminé au niveau des titres et tableau
• Résolution Sidebar

• Panel "selection colonne":

• Dans l'onglet fournisseurs :

• Dans les onglets Prestation et Consommable :

• Dans l'onglet Equipements IEG :

• Dans l'onglet Matériel :

• Onglet matériel fait à 100%
• Onglet DashBoard fait à 100%
• Onglet Export fait à 100%
• Onglet Prescription fait à 100%
• Tout est réalisé à 100% !

• Pour les boutons valider :

• Pour les boutons Annuler / Quitter :

• Développer la barre de recherche
• Développer le bouton Input pour "sélectionner un fichier"
• Corriger quelques bugs :

• Barre de recherche

• Deux Solutions possible :

from django.contrib.postgres.operations import UnaccentExtension
class Migration(migrations.Migration):
    ...
    operations = [
        UnaccentExtension(),
        ...
    ]

CREATE EXTENSION unaccent;

Author.objects.filter(
  name__unaccent='Helene Joy'
).values_list('name', flat=True))

SELECT "blog_author"."name"
  FROM "blog_author"
 WHERE UNACCENT("blog_author"."name") = (UNACCENT('Helene Joy'))

['Hélène Joy']

>>> from django.contrib.postgres.search import SearchVector
>>> Entry.objects.annotate(
...     search=SearchVector('body_text', 'blog__tagline'),
... ).filter(search='Cheese')
[<Entry: Cheese on Toast recipes>, <Entry: Pizza Recipes>]

>>> Entry.objects.annotate(
...     search=SearchVector('body_text') + SearchVector('blog__tagline'),
... ).filter(search='Cheese')
[<Entry: Cheese on Toast recipes>, <Entry: Pizza Recipes>]

>>> from django.contrib.postgres.search import SearchQuery, SearchRank, SearchVector
>>> vector = SearchVector('body_text')
>>> query = SearchQuery('cheese')
>>> Entry.objects.annotate(rank=SearchRank(vector, query)).order_by('-rank')
[<Entry: Cheese on Toast recipes>, <Entry: Pizza recipes>]

>>> from django.db.models import Value
>>> Entry.objects.annotate(
...     rank=SearchRank(
...         vector,
...         query,
...         normalization=Value(2).bitor(Value(4)),
...     )
... )