[UPD] locked

src/index.css

@@ -12,6 +12,29 @@ body[data-connected] .disconnected {
   margin: auto;
 }
 
+[data-role="content"] .teamLocked {
+  display: none;
+  background-image: repeating-linear-gradient(45deg, #f4564833, #f4564833 10px, #eee 10px 20px);
+  border: 2px solid #f45648;
+  padding: 1em;
+  margin-bottom: 1em;
+}
+[data-role="content"] .teamLocked:before {
+  content: "\f071";
+  font-family: FontAwesome;
+  color: #f45648;
+  font-size: 3em;
+  float: left;
+  line-height: 1em;
+  margin-right: .25em;
+  position: relative;
+  top: -.25em
+}
+
+[data-role="content"] [data-locked] .teamLocked {
+  display: block;
+}
+
 .connected .loading {
   position: relative;
   pointer-events: none;

src/pages/home/home.css

@@ -111,6 +111,28 @@
 .mc-list li.selected {
   background-color: #e1eefd!important;
 }
+.mc-list li.locked {
+  background-image: repeating-linear-gradient(
+    45deg,rgba(244, 86, 72, .5),rgba(244, 86, 72, .5) 10px, transparent 10px,transparent 20px
+  );
+  box-shadow: inset 0 0 0 .25em #f45648 ;
+}
+.mc-list li.locked:before {
+  content: "\f023";
+  font-family: fontawesome;
+  font-size: 2em;
+  margin-right: .5em;
+}
+.mc-list li.locked:after {
+  content: "bloquée";
+  background-color: #f45648;
+  color: #fff;
+  position: absolute;
+  top: 0;
+  right: 0;
+  font-size: .85em;
+  padding: 0 .5em;
+}
 
 .ol-ext-dialog.create-team form {
   width: 30em;

src/pages/home/home.js

@@ -100,6 +100,7 @@ function showList() {
         },
         parent: (o.active === false) ? joinList : teamList
       })
+      if (o.locked) li.classList.add('locked');
       element.create('IMG', {
         src: o.profile_picture || '',
         parent: li

src/pages/profil/profil-page.html

@@ -6,6 +6,9 @@ <h1 class="team"><i>Equipe</i></h1>
   <li class="current-team"><a href="#equipe"></a></li> 
   <li>Profil</li> 
 </ul>
+<div class="teamLocked">
+  Cette équipe est bloquée par un administrateur.
+</div>
 <div data-role="teaser-1">
   <article>
     <h2>Profil de l'équipe</h2>
@@ -76,7 +79,7 @@ <h2>Membres</h2>
     <div class="left-block">
     </div><div class="buttons">
       <button class="button button-accent delete">
-        Supprimer
+        Supprimer l'équipe
       </button>
     </div>
   </article>

src/pages/profil/profil.js

@@ -27,6 +27,8 @@ function showTeam() {
   content.querySelectorAll('#equipe span').forEach(sp => {
     sp.innerText= '';
   })
+  if (team.isLocked()) content.dataset.locked = '';
+  else delete content.dataset.locked;
   // Get members
   list.clear()
   list.element.dataset.waiting = '';

src/pages/team/teams-page.html

@@ -5,6 +5,9 @@ <h1 class="team"><i>Equipe</i></h1>
   <li><a class="link-home" href="#">Mes équipe</a></li>
   <li class="current-team"><a></a></li> 
 </ul>
+<div class="teamLocked">
+  Cette équipe est bloquée par un administrateur.
+</div>
 <div class="info">
   <div>
     <article>