--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/design/_data/members.json Mon Jul 17 16:37:09 2017 +0200
@@ -0,0 +1,38 @@
+[
+ {
+ "shared_sessions": 23,
+ "last_seen": "Thu Sep 20 1990 11:25:08 GMT+0000 (UTC)",
+ "name": "Valentine Shannon",
+ "_id": "595e548aa877e8e92b5880f1"
+ },
+ {
+ "shared_sessions": 39,
+ "last_seen": "Mon Sep 02 2002 14:33:45 GMT+0000 (UTC)",
+ "name": "Laurie Garcia",
+ "_id": "595e548a8cc0ef3cec03bef4"
+ },
+ {
+ "shared_sessions": 21,
+ "last_seen": "Thu Sep 12 2002 16:02:44 GMT+0000 (UTC)",
+ "name": "Alyson Franklin",
+ "_id": "595e548a53dd6a5d6c94a23e"
+ },
+ {
+ "shared_sessions": 22,
+ "last_seen": "Fri Jan 05 1996 03:45:17 GMT+0000 (UTC)",
+ "name": "Tracey Robinson",
+ "_id": "595e548a8bda07ef152497fd"
+ },
+ {
+ "shared_sessions": 40,
+ "last_seen": "Sat Mar 29 1980 13:09:47 GMT+0000 (UTC)",
+ "name": "Paula Harris",
+ "_id": "595e548afbda66e4a11cd078"
+ },
+ {
+ "shared_sessions": 36,
+ "last_seen": "Wed Nov 03 1971 05:38:45 GMT+0000 (UTC)",
+ "name": "Conley Davidson",
+ "_id": "595e548ad8ad8a882b4f6a5d"
+ }
+]
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/design/_data/metacategories-extra.json Mon Jul 17 16:37:09 2017 +0200
@@ -0,0 +1,20 @@
+[
+ {
+ "_id": "595e48cd8f18f8746b2809fc",
+ "label": "magna in",
+ "color": "(31, 108, 47)",
+ "description": "Dolor est elit voluptate voluptate velit cillum laborum eiusmod nisi."
+ },
+ {
+ "_id": "595e48cd29bda1c999b31230",
+ "label": "incididunt duis",
+ "color": "(131, 198, 76)",
+ "description": "In irure do excepteur anim nulla minim deserunt aute eiusmod."
+ },
+ {
+ "_id": "595e48cd4bb9bb5e1158cf47",
+ "label": "cillum laborum",
+ "color": "(119, 69, 77)",
+ "description": "Nostrud esse amet deserunt exercitation proident in cupidatat ipsum reprehenderit adipisicing do ipsum aute."
+ }
+]
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/design/_data/metacategories.json Mon Jul 17 16:37:09 2017 +0200
@@ -0,0 +1,20 @@
+[
+ {
+ "_id": "595e48cd8f18f8746b2809fc",
+ "label": "mot-clé",
+ "color": "(255,170,213)",
+ "description": "Les mots surlignés avec cette méta-catégorie seront considérés comme des mots-clés et seront ainsi regroupés comme tel dans une exploitation ultérieur."
+ },
+ {
+ "_id": "595e48cd29bda1c999b31230",
+ "label": "important",
+ "color": "(255,255,102)",
+ "description": "Question. In irure do excepteur anim nulla minim deserunt aute eiusmod."
+ },
+ {
+ "_id": "595e48cd4bb9bb5e1158cf47",
+ "label": "commentaire",
+ "color": "(51,153,255)",
+ "description": "Contexte. Nostrud esse amet deserunt exercitation proident in cupidatat ipsum reprehenderit adipisicing do ipsum aute."
+ }
+]
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/design/_includes/annotation-commentaire.html Mon Jul 17 16:37:09 2017 +0200
@@ -0,0 +1,17 @@
+<div class="card-group">
+ <div class="card">
+ <div class="card-block">
+ <p class="card-text">This is a wider <mark>card with supporting text</mark> below as a natural lead-in to additional content. This content is a little bit longer.</p>
+ </div>
+ </div>
+ <div class="card card-inverse card-primary">
+ <div class="card-block">
+
+ <blockquote class="card-blockquote">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat.</p>
+ </blockquote>
+
+ </div>
+ </div>
+</div>
+
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/design/_includes/filter.html Mon Jul 17 16:37:09 2017 +0200
@@ -0,0 +1,11 @@
+<div class="filter mb-3">
+ <form class="form-inline">
+
+ <div class="form-group" style="flex-grow: 1;">
+ <input type="text" class="form-control w-100" id="inputPassword2" placeholder="ex : tag:capacitation">
+ </div>
+
+ <button type="submit" class="btn btn-primary ml-2">filtrer</button>
+
+ </form>
+</div>
--- a/design/_includes/nav.html Mon Jul 10 16:22:59 2017 +0200
+++ b/design/_includes/nav.html Mon Jul 17 16:37:09 2017 +0200
@@ -15,7 +15,7 @@
</form>
{% endif %}
<li class="nav-item"><a class="nav-link">Paul-Émile</a></li>
- <li class="nav-item"><a class="nav-link">CRC</a></li>
+ <li class="nav-item"><a class="nav-link" href="group.html">CRC</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-bars" aria-hidden="true"></i>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/design/_includes/notes.compare.html Mon Jul 17 16:37:09 2017 +0200
@@ -0,0 +1,38 @@
+<div class="row">
+ <div class="col offset-md-2 col-10"><h3>Lorem Ipsum Dolor</h3></div>
+</div>
+
+<div class="row">
+ <div class="col offset-md-2 col-10">
+ <p class="lead">{{ site.data.bacon[0] | markdownify }}</p>
+ <hr>
+ </div>
+</div>
+
+<div class="row mb-2">
+ <div class="col offset-md-2 col-10"><small class="text-muted"><strong>23 juin 2017</strong></small></div>
+</div>
+
+{% for note in site.data.bacon %}
+<div class="row note mb-2">
+ <div class="col col-2 d-flex flex-column justify-content-between small text-muted text-right metadata">
+ <div>10:20</div>
+ <div class="filler"></div>
+ <div>10:30</div>
+ </div>
+
+ <div class="col col-10 content">
+ {{ note | markdownify }}
+
+ </div>
+</div>
+
+
+{% if include.margins=="bottom" %}
+<div class="row">
+ <div class="col col-10 offset-md-2 small text-muted">
+ {{ note | truncate: "200" | markdownify }}
+ </div>
+{% endif %}
+</div>
+{% endfor %}
--- a/design/_includes/notes.html Mon Jul 10 16:22:59 2017 +0200
+++ b/design/_includes/notes.html Mon Jul 17 16:37:09 2017 +0200
@@ -26,10 +26,22 @@
<div class="col col-6 content">
{{ note | markdownify }}
+
</div>
+ {% if include.margins=="side" %}
<div class="margin col col-3 small text-muted">
{{ note | truncate: "100" | markdownify }}
</div>
+ {% endif %}
+</div>
+
+
+{% if include.margins=="bottom" %}
+<div class="row">
+ <div class="col col-6 offset-md-3 small text-muted">
+ {{ note | truncate: "200" | markdownify }}
+ </div>
+{% endif %}
</div>
{% endfor %}
--- a/design/_includes/sessions.list.html Mon Jul 10 16:22:59 2017 +0200
+++ b/design/_includes/sessions.list.html Mon Jul 17 16:37:09 2017 +0200
@@ -1,14 +1,31 @@
{% for session in site.data.sessions %}
<div class="mb-3">
- <h5 class="mb-0"><a href="/">{{ session.title }}</a></h5>
- <small class="text-muted">{{ session.first | date: "%d/%m/%Y %H:%M" }} → {{ session.last | date: "%d/%m/%Y %H:%M" }}</small>
+ <h5 class="mb-0">
+ <a href="/">{{ session.title }}</a>
+
+ <span class="ml-1 fa-stack text-muted" style="font-size:0.5em;">
+ <i class="fa fa-cloud fa-stack-2x" aria-hidden="true"></i>
+ <i class="fa fa-check fa-stack-1x fa-inverse" aria-hidden="true"></i>
+ </span>
+
+ </h5>
- <div>{{ session.annotations }} notes</div>
+ <small class="text-muted">
+ {% if include.show_author %}
+ {{ site.data.members | map: 'name' | sample }} •
+ {% endif %}
+
+ {{ session.first | date: "%d/%m/%Y %H:%M" }} → {{ session.last | date: "%d/%m/%Y %H:%M" }}
+ </small>
+
+ <div>
+ {{ session.annotations }} notes / <span><small class="text-muted"><a href="compare-1.html">comparer avec une autre session</a></small></span>
+ </div>
<div>{{ session.description }}</div>
<div class="keywords">
- <i class="fa fa-book" aria-hidden="true"></i>
+ <i class="fa fa-book" aria-hidden="true"></i> mots-clés :
{% for keyword in session.keywords %}
<span class="badge badge-default">{{ keyword }}</span>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/design/_layouts/default.html Mon Jul 17 16:37:09 2017 +0200
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <!-- Required meta tags -->
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
+
+ <script src="https://use.fontawesome.com/fb0eb75d4e.js"></script>
+
+
+ <link rel="stylesheet" href="/css/main.css" />
+
+ </head>
+ <body>
+
+ {{ content }}
+
+ <!-- jQuery first, then Tether, then Bootstrap JS. -->
+ <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
+ </body>
+</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/design/annotations-sample.html Mon Jul 17 16:37:09 2017 +0200
@@ -0,0 +1,13 @@
+---
+layout: default
+---
+
+<div class="container">
+ <div class="row">
+ <div class="col col-8 py-3">
+
+ {% include annotation-commentaire.html %}
+
+ </div>
+ </div>
+</div>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/design/compare-1.html Mon Jul 17 16:37:09 2017 +0200
@@ -0,0 +1,83 @@
+---
+layout: default
+---
+
+{% include nav.html search=true %}
+
+{% assign session1 = site.data.sessions | sample %}
+
+<div class="container sticky-top mb-3">
+ <div class="row">
+ <div class="col col-8">
+
+ <div class="card">
+ <h3 class="card-header">comparaison de sessions</h3>
+
+ <div class="card-block">
+ <div>{{ session1.title }}</div>
+
+ <div>
+ <small class="text-muted">{{ session1.first | date: "%d/%m/%Y %H:%M" }} → {{ session1.last | date: "%d/%m/%Y %H:%M" }}</small>
+ </div>
+ </div>
+
+ <ul class="list-group list-group-flush">
+ {% assign sessions_random = site.data.sessions | sample: 3 %}
+ {% for session in sessions_random %}
+ <li class="list-group-item" >
+ <div class="form-check mr-3">
+ <label class="form-check-label">
+ <input class="form-check-input ml-1" type="radio" name="blankRadio" id="blankRadio1" value="option1" aria-label="...">
+ </label>
+ </div>
+ <div class="d-flex flex-column align-items-start">
+ <div>
+ {{ session.title }}
+ </div>
+
+ <div>
+ <small class="text-muted">{{ session.first | date: "%d/%m/%Y %H:%M" }} → {{ session.last | date: "%d/%m/%Y %H:%M" }}</small>
+ </div>
+ </div>
+ </li>
+ {% endfor %}
+ </ul>
+
+ <div class="card-block text-right">
+ <a class="btn btn-primary" href="compare.html">comparer</a>
+ </div>
+
+ </div>
+ </div>
+ </div>
+</div>
+
+<div class="container">
+ <div class="row">
+
+ <div class="col col-8">
+ {% include sessions.list.html show_author=true compare=true %}
+ </div>
+ <div class="col col-4">
+
+ <h3>Lorem ipsum</h3>
+
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nisi tortor, viverra id porta id, porttitor at justo. Curabitur pharetra, sapien sit amet ornare finibus, diam tortor varius sapien, non laoreet tellus ante a justo. Donec id lacus sit amet metus gravida tempus vel vitae justo.</p>
+
+ <h3>Protocole d'annotations</h3>
+
+ <h3>Membres</h3>
+
+ <div>
+ {% for member in site.data.members %}
+ <div class="mb-2">
+ <div>{{ member.name }} <span class="text-muted">{{ member.shared_sessions }}</span></div>
+ <div><span class="text-muted small">{{ member.last_seen }}</span></div>
+ </div>
+ {% endfor %}
+ </div>
+
+ </div>
+ </div>
+</div>
+
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/design/compare.html Mon Jul 17 16:37:09 2017 +0200
@@ -0,0 +1,38 @@
+---
+---
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <!-- Required meta tags -->
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
+
+ <script src="https://use.fontawesome.com/fb0eb75d4e.js"></script>
+
+
+ <link rel="stylesheet" href="/css/main.css" />
+
+ </head>
+ <body>
+
+ {% include nav.html %}
+
+ <div class="container d-flex">
+ <div id="notes_1">
+ {% include notes.compare.html margins="bottom" %}
+ </div>
+
+ <div id="notes_2">
+ {% include notes.compare.html margins="bottom" %}
+ </div>
+ </div>
+
+ <!-- jQuery first, then Tether, then Bootstrap JS. -->
+ <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
+ </body>
+</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/design/group-info.html Mon Jul 17 16:37:09 2017 +0200
@@ -0,0 +1,35 @@
+---
+layout: default
+---
+
+{% include nav.html search=true %}
+
+<div class="container">
+ <div class="row justify-content-center">
+ <div class="col col-6">
+
+ <h2>Lorem ipsum</h2>
+
+ <p class="lead">Nostrud esse amet deserunt exercitation proident in cupidatat ipsum reprehenderit adipisicing do ipsum aute. Dolor est elit voluptate voluptate velit cillum laborum eiusmod nisi.</p>
+
+ <h3 class="mt-5">
+ Protocole d'annotations
+ </h3>
+
+ <p class="text-muted small">Le procole d'annotation est ensemble de méta-catégories définies par le groupe afin d'avoir un langage commun d'intentions.</p>
+
+ {% for metacategory in site.data.metacategories %}
+ <h4><span style="border-bottom: 3px solid rgb{{ metacategory.color }};">{{ metacategory.label }}</span></h4>
+
+ <p>{{ metacategory.description }}</p>
+ {% endfor %}
+
+ {% for metacategory in site.data.metacategories-extra %}
+ <h4><span style="border-bottom: 3px solid rgb{{ metacategory.color }};">{{ metacategory.label }}</span></h4>
+
+ <p>{{ metacategory.description }}</p>
+ {% endfor %}
+
+ </div>
+ </div>
+</div>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/design/group-protocol-edit.html Mon Jul 17 16:37:09 2017 +0200
@@ -0,0 +1,50 @@
+---
+layout: default
+---
+
+{% include nav.html search=true %}
+
+<div class="container">
+ <div class="row justify-content-center">
+ <div class="col col-6">
+
+ <h2>Lorem ipsum</h2>
+
+ <p class="lead">Nostrud esse amet deserunt exercitation proident in cupidatat ipsum reprehenderit adipisicing do ipsum aute. Dolor est elit voluptate voluptate velit cillum laborum eiusmod nisi.</p>
+
+ <form>
+ <div class="form-group">
+ <label for="formGroupExampleInput">Nom du groupe</label>
+ <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input">
+ </div>
+ <div class="form-group">
+ <label for="formGroupExampleInput2">Description</label>
+ <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input">
+ </div>
+
+ <button type="submit" class="btn btn-primary">Enregistrer</button>
+ </form>
+
+ <h3 class="mt-5">
+ Protocole d'annotations
+ </h3>
+
+ <p class="text-muted small">Le procole d'annotation est ensemble de méta-catégories définies par le groupe afin d'avoir un langage commun d'intentions.</p>
+
+ {% for metacategory in site.data.metacategories %}
+ <h4><span style="border-bottom: 3px solid rgb{{ metacategory.color }};">{{ metacategory.label }}</span></h4>
+
+ <p>{{ metacategory.description }}</p>
+ {% endfor %}
+
+ {% for metacategory in site.data.metacategories-extra %}
+ <h4><span style="border-bottom: 3px solid rgb{{ metacategory.color }};">{{ metacategory.label }}</span></h4>
+
+ <p>{{ metacategory.description }}</p>
+ {% endfor %}
+
+ <button type="submit" class="btn btn-primary">Enregistrer</button> <span class="small ml-2"><a href="#">voir l'historique</a></span>
+
+ </div>
+ </div>
+</div>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/design/group.html Mon Jul 17 16:37:09 2017 +0200
@@ -0,0 +1,33 @@
+---
+layout: default
+---
+
+{% include nav.html search=true %}
+<div class="container">
+ <div class="row">
+ <div class="col col-8">
+ {% include sessions.list.html show_author=true %}
+ </div>
+ <div class="col col-4">
+
+ <h3>Lorem ipsum</h3>
+
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nisi tortor, viverra id porta id, porttitor at justo. Curabitur pharetra, sapien sit amet ornare finibus, diam tortor varius sapien, non laoreet tellus ante a justo. Donec id lacus sit amet metus gravida tempus vel vitae justo.</p>
+
+ <h3>Protocole d'annotations</h3>
+
+ <h3>Membres</h3>
+
+ <div>
+ {% for member in site.data.members %}
+ <div class="mb-2">
+ <div>{{ member.name }} <span class="text-muted">{{ member.shared_sessions }}</span></div>
+ <div><span class="text-muted small">{{ member.last_seen }}</span></div>
+ </div>
+ {% endfor %}
+ </div>
+
+ </div>
+ </div>
+</div>
+
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/design/groups.html Mon Jul 17 16:37:09 2017 +0200
@@ -0,0 +1,5 @@
+---
+layout: default
+---
+
+{% include nav.html search=true %}
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/design/login.html Mon Jul 17 16:37:09 2017 +0200
@@ -0,0 +1,26 @@
+---
+layout: default
+---
+
+<div class="row justify-content-center" style="height: 100vh;">
+<div class="col col-4 align-self-center">
+
+<h2 class="mb-3">Bienvenue sur la prise de note IRI</h2>
+
+<form>
+
+ <div class="form-group">
+ <label for="formGroupExampleInput">votre adresse e-mail</label>
+ <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input">
+ </div>
+
+ <div class="form-group">
+ <label for="formGroupExampleInput2">votre mot de passe</label>
+ <input type="password" class="form-control" id="formGroupExampleInput2" placeholder="Another input">
+ </div>
+
+ <a href="sessions.html" class="btn btn-primary">Se connecter</a> <a href="signup.html" class="ml-2">créer un compte</a>
+</form>
+
+</div>
+</div>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/design/metacategory-extract-samples.html Mon Jul 17 16:37:09 2017 +0200
@@ -0,0 +1,11 @@
+---
+---
+
+<div class="row">
+ <div class="col col-8">
+
+ {% include annotation-commentaire.html %}
+
+
+ </div>
+</div>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/design/sequences/protocole.edit.diag Mon Jul 17 16:37:09 2017 +0200
@@ -0,0 +1,33 @@
+seqdiag {
+
+ === show ===
+
+ browser -> client [label="open group info"]
+ client -> server [label="get last protocol for that group"]
+ server -> server [label="collect ids + info of metacategories in current protocol"]
+ client <- server [label="list of indexed metacategories"]
+ browser <- client [label="render list of metacategories in current protocol"]
+
+ === edit ===
+
+ browser -> client [label="edit existing metacategory"]
+ client -> client [label="stack changes"]
+ browser <- client [label="activate submit button"]
+
+ browser -> client [label="add new metacategory"]
+ client -> client [label="add new line to list of metacategories"]
+ browser <- client [label="(if not) activate submit button"]
+
+ === submit ===
+
+ browser -> client [label="submit new list of metacategories"];
+ client --> browser [label="set form as not editable and notify loading"];
+
+ client -> server [label="write new protocol"]
+ server -> server [label="generate new protocol id"]
+ server --> server [label="create new metacategories"]
+ server -> server [label="create new version of updated metacategories"]
+ client <- server [label="return new protocol id and list of indexed metacategories"]
+ browser <-- client [label="set form as editable but not submitable (no change)"]
+
+}
Binary file design/sequences/protocole.edit.png has changed
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/design/sessions.html Mon Jul 17 16:37:09 2017 +0200
@@ -0,0 +1,29 @@
+---
+layout: default
+---
+
+{% include nav.html %}
+
+<div class="session container">
+
+<div class="row">
+<div class="col col-9">
+
+{% include filter.html %}
+
+{% include sessions.list.html %}
+
+</div>
+<div class="control col col-3">
+ <button class="btn btn-primary w-100">Nouvelle session</button>
+
+ <div class="sync-status text-center">
+ <small class="text-muted">dernière synchro : 01/01/2018</small>
+ </div>
+
+ <h3 class="mt-3">Mes mots-clés</h3>
+
+</div>
+
+</div>
+</div>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/design/signup.html Mon Jul 17 16:37:09 2017 +0200
@@ -0,0 +1,31 @@
+---
+layout: default
+---
+
+<div class="row justify-content-center" style="height: 100vh;">
+<div class="col col-4 align-self-center">
+
+<h2 class="mb-3">Bienvenue sur la prise de note IRI</h2>
+
+<form>
+
+ <div class="form-group">
+ <label for="formGroupExampleInput">votre adresse e-mail</label>
+ <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input">
+ </div>
+
+ <div class="form-group">
+ <label for="formGroupExampleInput2">votre mot de passe</label>
+ <input type="password" class="form-control" id="formGroupExampleInput2" placeholder="Another input">
+ </div>
+
+ <div class="form-group">
+ <label for="formGroupExampleInput2">Confirmation de votre mot de passe</label>
+ <input type="password" class="form-control" id="formGroupExampleInput2" placeholder="Another input">
+ </div>
+
+ <a href="sessions.html" class="btn btn-primary">Créer un compte</a>
+</form>
+
+</div>
+</div>
