Thinktecture page de connexion Identity Server de personnalisation avec chargeur

Question

J'ai remplacé la vue par défaut pour la connexion comme je l'ai ajouté mon propre fichier ici:

Ce que je fais il y a juste pour obtenir le fichier de base de la Repo actifs et tweak un peu afin de regarder plus approprié à mon projet. J'ai changé certaines couleurs, enlevé quelques trucs et ajouté du javascript. Ce que je veux faire maintenant est d'ajouter un chargeur (spinner) qui apparaît lorsque je clique sur le bouton "Connexion" et disparaît si finalement, je reçois une sorte d'erreur (fausses informations d'identification ou quelque chose). Ce qui est évident, il est qu'il utilise angulaire et se fixe un modèle:

<div class="row" ng-show="model.errorMessage"> 
    <div class="col-md-12 col-sm-12"> 
     <div class="alert alert-danger"> 
      <strong>Error:</strong> 
      {{model.errorMessage}} 
     </div> 
    </div> 
</div> 

<div class="row"> 
    <div class="col-md-12 col-sm-12" ng-show="model.loginUrl"> 
     <div class="panel panel-default"> 
      <div class="panel-body"> 
       <form name="form" method="post" action="{{model.loginUrl}}"> 
... 

Depuis que je ne suis pas très expérimenté avec elle, j'ai décidé de vous demander un conseil.

Tout d'abord, est-il possible d'écraser le modèle lui-même pour que je puisse avoir un contrôle total sur celui-ci? Similaire à _login.html

Je me demandais si c'est une bonne idée d'avoir mon chargeur (spinner) dans un div qui a ng-show dépendant model.errorMessage donc chaque fois qu'il ya une erreur nous cachons le chargeur ou quelque chose comme ça. Je pourrais également utiliser directement errorMessage propriété je crois. Je veux juste avoir votre opinion, car toutes les solutions qui me viennent à l'esprit ne semblent pas très élégantes.

Answer 1

Si vous implémentez IViewService, vous pourrez accéder au modèle lui-même dans IViewService.Login et afficher ce que vous voulez dans la page de connexion.

Documentation est ici: https://identityserver.github.io/Documentation/docsv2/advanced/customViewService.html