2014-01-06 01:46:22 +01:00
|
|
|
<!DOCTYPE html>
|
2014-01-12 02:47:26 +01:00
|
|
|
<!--<html manifest="cache.manifest">-->
|
|
|
|
|
<html>
|
2014-01-06 01:46:22 +01:00
|
|
|
<head>
|
|
|
|
|
<title>MyCo</title>
|
|
|
|
|
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
|
2014-01-12 02:47:26 +01:00
|
|
|
<meta name="mobile-web-app-capable" content="yes">
|
2014-01-06 01:46:22 +01:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<link rel="shortcut icon" href="favicon.png">
|
2014-01-12 02:47:26 +01:00
|
|
|
<link rel="shortcut icon" sizes="196x196" href="icon-196x196.png">
|
|
|
|
|
<link rel="shortcut icon" sizes="128x128" href="icon-128x128.png">
|
|
|
|
|
<link rel="apple-touch-icon" sizes="128x128" href="icon-128x128.png">
|
|
|
|
|
<link rel="apple-touch-icon-precomposed" sizes="128x128" href="icon-128x128.png">
|
2014-01-06 01:46:22 +01:00
|
|
|
<!-- Bootstrap -->
|
|
|
|
|
<!-- Latest compiled and minified CSS -->
|
2014-01-07 15:23:12 +01:00
|
|
|
<link rel="stylesheet" href="inc/lib/bootstrap/css/bootstrap.min.css">
|
2014-01-06 01:46:22 +01:00
|
|
|
|
|
|
|
|
<!-- Optional theme -->
|
2014-01-07 15:23:12 +01:00
|
|
|
<link rel="stylesheet" href="inc/lib/bootstrap/css/bootstrap-theme.min.css">
|
2014-01-06 01:46:22 +01:00
|
|
|
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
|
|
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
|
|
|
<!--[if lt IE 9]>
|
2014-01-07 15:23:12 +01:00
|
|
|
<script src="inc/lib/html5shiv.js"></script>
|
|
|
|
|
<script src="inc/lib/respond.min.js"></script>
|
2014-01-06 01:46:22 +01:00
|
|
|
<![endif]-->
|
2014-02-24 00:31:53 +01:00
|
|
|
<link rel="stylesheet" href="inc/lib/pickadate/themes/default.css">
|
|
|
|
|
<link rel="stylesheet" href="inc/lib/pickadate/themes/default.date.css">
|
2014-01-06 01:46:22 +01:00
|
|
|
</head>
|
|
|
|
|
<style>
|
|
|
|
|
body{
|
|
|
|
|
margin-top: 4em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#total-label {
|
|
|
|
|
text-align: right;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#total-label, #total-value {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
|
2014-01-12 20:11:40 +01:00
|
|
|
.positive {
|
|
|
|
|
color: green;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.negative {
|
2014-01-06 01:46:22 +01:00
|
|
|
color: red;
|
|
|
|
|
}
|
|
|
|
|
|
2014-01-12 20:11:40 +01:00
|
|
|
.part {
|
2014-01-06 01:46:22 +01:00
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#view-group h1 {
|
|
|
|
|
text-transform: capitalize;
|
|
|
|
|
}
|
2014-01-25 23:31:04 +01:00
|
|
|
|
2014-07-19 23:58:59 +02:00
|
|
|
#view-group span.date, #view-group span.category {
|
2014-01-25 23:31:04 +01:00
|
|
|
color: #999;
|
|
|
|
|
font-size: 0.8em;
|
|
|
|
|
font-style: italic;
|
|
|
|
|
}
|
2014-07-19 20:06:57 +02:00
|
|
|
|
|
|
|
|
span.cat-color {
|
|
|
|
|
width: 0.8em;
|
|
|
|
|
height: 0.8em;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
|
2014-07-23 00:16:12 +02:00
|
|
|
#view-group-categories ul {
|
2014-07-19 20:06:57 +02:00
|
|
|
list-style-type: none;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
2014-07-20 17:04:14 +02:00
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
* Typehead
|
|
|
|
|
*/
|
|
|
|
|
.tt-dropdown-menu {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 100%;
|
|
|
|
|
left: 0;
|
|
|
|
|
z-index: 1000;
|
|
|
|
|
display: none;
|
|
|
|
|
float: left;
|
|
|
|
|
min-width: 160px;
|
|
|
|
|
padding: 5px 0;
|
|
|
|
|
margin: 2px 0 0;
|
|
|
|
|
list-style: none;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
background-color: #ffffff;
|
|
|
|
|
border: 1px solid #cccccc;
|
|
|
|
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
|
|
|
|
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
|
|
|
|
background-clip: padding-box;
|
|
|
|
|
}
|
|
|
|
|
.tt-suggestion > p {
|
|
|
|
|
display: block;
|
|
|
|
|
padding: 3px 20px;
|
|
|
|
|
clear: both;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
line-height: 1.428571429;
|
|
|
|
|
color: #333333;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
|
|
|
|
.tt-suggestion > p:hover,
|
|
|
|
|
.tt-suggestion > p:focus,
|
|
|
|
|
.tt-suggestion.tt-cursor p {
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
outline: 0;
|
|
|
|
|
background-color: #428bca;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.twitter-typeahead, .tt-hint {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
2014-07-20 19:50:06 +02:00
|
|
|
|
|
|
|
|
.navbar-myform {
|
|
|
|
|
padding-left: 10px;
|
|
|
|
|
margin-top: 8px;
|
|
|
|
|
margin-right: -15px;
|
|
|
|
|
margin-bottom: 8px;
|
|
|
|
|
margin-left: -15px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.navbar-myform .navbar-toggle {
|
|
|
|
|
margin-top: 0px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.group-title {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
2014-07-23 00:16:12 +02:00
|
|
|
|
|
|
|
|
.nav a, #mybalances a, #add_category span {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
2014-07-23 01:59:56 +02:00
|
|
|
|
|
|
|
|
#cats-chart {
|
|
|
|
|
width: 350px;
|
|
|
|
|
height: 350px;
|
|
|
|
|
margin-top: 1em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.cats-chart-label {
|
|
|
|
|
color: #fff;
|
|
|
|
|
background-color: #000;
|
|
|
|
|
padding: 2px;
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
opacity: 0.6;
|
|
|
|
|
text-align: center;
|
2014-07-23 02:38:17 +02:00
|
|
|
font-size: 0.8em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.cats-chart-label span {
|
|
|
|
|
font-size: 0.7em;
|
2014-07-23 01:59:56 +02:00
|
|
|
}
|
2014-01-06 01:46:22 +01:00
|
|
|
</style>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="navbar-header">
|
|
|
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-groupe-collapse">
|
|
|
|
|
<span class="sr-only">Toggle navigation</span>
|
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
|
</button>
|
2014-01-12 23:22:37 +01:00
|
|
|
<a class="navbar-brand" id='app-name'>MyCo</a>
|
2014-01-06 01:46:22 +01:00
|
|
|
</div>
|
|
|
|
|
<div class="collapse navbar-collapse" id="navbar-groupe-collapse">
|
|
|
|
|
<ul class="nav navbar-nav">
|
|
|
|
|
<li class="dropdown">
|
2014-01-12 01:24:16 +01:00
|
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class='glyphicon glyphicon-th-list'></span> Groupe <b class="caret"></b></a>
|
2014-01-06 01:46:22 +01:00
|
|
|
<ul id="group-choice" class="dropdown-menu">
|
|
|
|
|
<li class="divider"></li>
|
2014-01-12 01:24:16 +01:00
|
|
|
<li><a href="#" id='add_group_btn' data-toggle="modal" data-target="#add_group_modal"><span class='glyphicon glyphicon-plus'><span> Nouveau</a></li>
|
|
|
|
|
<li><a id='clear_local_data'><span class='glyphicon glyphicon-trash'></span> Purger les données locales</a></li>
|
2014-01-06 01:46:22 +01:00
|
|
|
</ul>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
2014-01-12 01:24:16 +01:00
|
|
|
<ul class="nav navbar-nav navbar-right">
|
|
|
|
|
<li class="dropdown">
|
|
|
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class='glyphicon glyphicon-user'></span> <span id='user-name'>Connexion</span> <b class="caret"></b></a>
|
|
|
|
|
<ul id="user-menu" class="dropdown-menu"></ul>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
|
2014-01-06 01:46:22 +01:00
|
|
|
</div><!--/.nav-collapse -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
2014-01-12 20:11:40 +01:00
|
|
|
<div id='view-home' class='part'>
|
|
|
|
|
<h1 id='title'></h1>
|
|
|
|
|
<table class="table table-striped" id='mybalances'>
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>Groupe</th>
|
|
|
|
|
<th>Balance</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody></tbody>
|
|
|
|
|
<tfoot>
|
|
|
|
|
<tr>
|
|
|
|
|
<td id='total-label'>Total :</td>
|
|
|
|
|
<td id='total-value'></td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tfoot>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id='view-group' class='part'>
|
2014-07-20 19:50:06 +02:00
|
|
|
<nav class="navbar navbar-default" role="navigation">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="navbar-header">
|
|
|
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#group-navbar-collapse-1">
|
|
|
|
|
<span class="sr-only">Toggle navigation</span>
|
|
|
|
|
<span id='group-username'>Benjamin</span>
|
|
|
|
|
<span class="caret"></span>
|
|
|
|
|
</button>
|
|
|
|
|
<span class="navbar-brand group-title">Noël</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="collapse navbar-collapse" id="group-navbar-collapse-1">
|
|
|
|
|
<div class="navbar-form navbar-right">
|
|
|
|
|
<select id='contributor' class="form-control"></select>
|
|
|
|
|
</div>
|
|
|
|
|
<ul class="nav navbar-nav navbar-right">
|
|
|
|
|
<li><a id='add_contributor_btn'><span class='glyphicon glyphicon-plus'></span> Ajouter</span></a></li>
|
|
|
|
|
<li><a id='edit_contributor_btn'><span class='glyphicon glyphicon-edit'></span> Modifier</span></a></li>
|
|
|
|
|
<li><a id='trash_contributor_btn'><span class='glyphicon glyphicon-trash'></span> Corbeille</span></a></li>
|
|
|
|
|
<li><a id='del_contributor_btn'><span class='glyphicon glyphicon-floppy-remove'></span> Supprimer le participant</span></a></li>
|
|
|
|
|
</ul>
|
2014-01-06 01:46:22 +01:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2014-07-20 19:50:06 +02:00
|
|
|
</nav>
|
|
|
|
|
|
2014-01-06 01:46:22 +01:00
|
|
|
<table id='contributions' class="table">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
2014-07-20 19:50:06 +02:00
|
|
|
<th class='col-xs-5'>Dépence</th>
|
|
|
|
|
<th class='col-xs-3'>Coût</th>
|
|
|
|
|
<th class='col-xs-4'>Actions</th>
|
2014-01-06 01:46:22 +01:00
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr>
|
2014-01-12 01:17:57 +01:00
|
|
|
<td>Label</td>
|
|
|
|
|
<td>XXX,XX€</td>
|
2014-01-06 01:46:22 +01:00
|
|
|
<td>
|
|
|
|
|
<div class="btn-group" data-id='0'>
|
|
|
|
|
<button type="button" class="btn btn-default contribution_edit_btn"><span class='glyphicon glyphicon-edit'></span></button>
|
|
|
|
|
<button type="button" class="btn btn-default contribution_delete_btn"><span class='glyphicon glyphicon-trash'></span></button>
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
<tfoot>
|
|
|
|
|
<tr>
|
|
|
|
|
<td id='total-label'>Total :</td>
|
|
|
|
|
<td id='total-value' colspan='2'>126,56€</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tfoot>
|
|
|
|
|
</table>
|
2014-07-20 19:50:06 +02:00
|
|
|
|
|
|
|
|
<nav class="navbar navbar-inverse navbar-fixed-bottom" role="navigation">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="navbar-myform navbar-left">
|
|
|
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bottom-navbar-collapse-1">
|
|
|
|
|
<span class="sr-only">Toggle navigation</span>
|
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
|
<span class="icon-bar"></span>
|
|
|
|
|
</button>
|
|
|
|
|
<button class="btn btn-default" id='add_contribution_btn'><span class='glyphicon glyphicon-plus'></span> Ajouter une dépence</span></button>
|
|
|
|
|
<button class="btn btn-default" id='display_balance_btn'><span class='glyphicon glyphicon-euro'></span> Balance</span></button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="collapse navbar-collapse" id="bottom-navbar-collapse-1">
|
2014-10-13 00:20:28 +02:00
|
|
|
<form class="navbar-form navbar-right" role="search" id='nav-search-form'>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<input type="text" class="form-control" placeholder="Rechercher">
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
2014-07-20 19:50:06 +02:00
|
|
|
<ul class="nav navbar-nav navbar-right">
|
2014-07-23 00:16:12 +02:00
|
|
|
<li><a id='categories_group_btn'><span class='glyphicon glyphicon-th-list'></span> Catégories</span></a></li>
|
2014-07-20 19:50:06 +02:00
|
|
|
<li><a id='trash_group_btn'><span class='glyphicon glyphicon-trash'></span> Corbeille</span></a></li>
|
|
|
|
|
<li><a id='remove_group_btn'><span class='glyphicon glyphicon-floppy-remove'></span> Supprimer le groupe</span></a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</nav>
|
2014-01-06 01:46:22 +01:00
|
|
|
</div>
|
|
|
|
|
|
2014-01-30 00:30:05 +01:00
|
|
|
<div id='view-group-trash' class='part'>
|
|
|
|
|
<h1>Corbeille</h1>
|
|
|
|
|
<button type="button" class="btn btn-default" id="go-back-group"><span class="glyphicon glyphicon-arrow-left"> Retour</span></button>
|
|
|
|
|
<table id='trash' class="table">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>Dépence</th>
|
|
|
|
|
<th>Coût</th>
|
|
|
|
|
<th>Actions</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>Label</td>
|
|
|
|
|
<td>XXX,XX€</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="btn btn-default contribution_restore_btn"><span class='glyphicon glyphicon-share'></span></button>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
2014-01-31 00:41:22 +01:00
|
|
|
<div id='view-group-trash-contributors' class='part'>
|
|
|
|
|
<h1>Corbeille</h1>
|
|
|
|
|
<button type="button" class="btn btn-default" id="go-back-group"><span class="glyphicon glyphicon-arrow-left"> Retour</span></button>
|
|
|
|
|
<table id='trash' class="table">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>Participant</th>
|
|
|
|
|
<th>Actions</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>Nom</td>
|
|
|
|
|
<td>
|
|
|
|
|
<button type="button" class="btn btn-default contribution_restore_btn"><span class='glyphicon glyphicon-share'></span></button>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
|
2014-07-23 01:59:56 +02:00
|
|
|
<div id='view-group-categories' class='part'>
|
2014-07-23 00:16:12 +02:00
|
|
|
<h1>Catégories <button type="button" class="btn btn-default go-back-group"><span class="glyphicon glyphicon-arrow-left"> Retour</span></button></h1>
|
2014-07-23 01:59:56 +02:00
|
|
|
<div class='row'>
|
|
|
|
|
<div class='col-xs-6'>
|
|
|
|
|
<ul>
|
|
|
|
|
</ul>
|
|
|
|
|
<div id="add_category" class='input-group'>
|
|
|
|
|
<input type='text' class="form-control" placeholder='nom'/>
|
|
|
|
|
<span class="input-group-addon"><span class="glyphicon glyphicon-plus"></span></span>
|
|
|
|
|
</div>
|
2014-07-23 00:16:12 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2014-07-23 01:59:56 +02:00
|
|
|
<div id='cats-chart'></div>
|
2014-07-23 00:16:12 +02:00
|
|
|
</div>
|
|
|
|
|
|
2014-01-06 01:46:22 +01:00
|
|
|
<div class="modal fade" id="add_group_modal" tabindex="-1" role="dialog" aria-labelledby="addGroupModal" aria-hidden="true">
|
|
|
|
|
<div class="modal-dialog">
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
|
|
|
<h4 class="modal-title">Ajouter un groupe</h4>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
|
|
|
|
<form class="form-horizontal" role="form">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<div class="input-group">
|
|
|
|
|
<span class="input-group-addon">Nom *</span>
|
|
|
|
|
<input type='text' id='add_group_name' class="form-control" placeholder='Nom'/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-footer">
|
|
|
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
|
|
|
|
|
<button type="button" class="btn btn-primary" id='add_group_submit'>Ajouter</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div><!-- /.modal-content -->
|
|
|
|
|
</div><!-- /.modal-dialog -->
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="modal fade" id="add_contributor_modal" tabindex="-1" role="dialog" aria-labelledby="addContributorModal" aria-hidden="true">
|
|
|
|
|
<div class="modal-dialog">
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
|
|
|
<h4 class="modal-title">Ajouter un participant</h4>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
|
|
|
|
<form class="form-horizontal" role="form">
|
|
|
|
|
<div class="form-group">
|
2014-07-20 19:50:06 +02:00
|
|
|
<label for='add_contributor_name' class="col-sm-2 control-label">Nom *</label>
|
|
|
|
|
<div class="col-sm-10">
|
|
|
|
|
<input type='text' id='add_contributor_name' class="form-control" placeholder='Nom'/>
|
|
|
|
|
</div>
|
2014-01-06 01:46:22 +01:00
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
2014-07-20 19:50:06 +02:00
|
|
|
<label for='add_contributor_email' class="col-sm-2 control-label">Email *</label>
|
|
|
|
|
<div class="col-sm-10">
|
2014-07-20 22:18:17 +02:00
|
|
|
<input type='email' id='add_contributor_email' class="form-control" placeholder='Email'/>
|
2014-07-20 19:50:06 +02:00
|
|
|
</div>
|
2014-01-06 01:46:22 +01:00
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-footer">
|
|
|
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
|
|
|
|
|
<button type="button" class="btn btn-primary" id='add_contributor_submit'>Ajouter</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div><!-- /.modal-content -->
|
|
|
|
|
</div><!-- /.modal-dialog -->
|
|
|
|
|
</div>
|
|
|
|
|
|
2014-01-12 01:24:16 +01:00
|
|
|
<div class="modal fade" id="login_modal" tabindex="-1" role="dialog" aria-labelledby="loginModal" aria-hidden="true">
|
|
|
|
|
<div class="modal-dialog">
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
|
|
|
<h4 class="modal-title">Connexion</h4>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
|
|
|
|
<form class="form-horizontal" role="form">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<div class="input-group">
|
|
|
|
|
<span class="input-group-addon">Email *</span>
|
2014-07-20 22:18:17 +02:00
|
|
|
<input type='email' id='login_email' class="form-control" placeholder='Email'/>
|
2014-01-12 01:24:16 +01:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<div class="input-group">
|
|
|
|
|
<span class="input-group-addon">Mot de passe *</span>
|
|
|
|
|
<input type='password' id='login_pass' class="form-control" placeholder='Mot de passe'/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<div class="input-group">
|
|
|
|
|
<span class="input-group-addon">Serveur *</span>
|
2014-01-12 20:17:41 +01:00
|
|
|
<input type='text' id='login_server' class="form-control" value='http://mycoserver.zionetrix.net'/>
|
2014-01-12 01:24:16 +01:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-footer">
|
|
|
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
|
|
|
|
|
<button type="button" class="btn btn-primary" id='login_submit'>Connexion</button>
|
2014-01-18 22:41:59 +01:00
|
|
|
<button type="button" class="btn btn-primary" id='go_to_subscribe_btn'>Inscription</button>
|
2014-01-12 01:24:16 +01:00
|
|
|
</div>
|
|
|
|
|
</div><!-- /.modal-content -->
|
|
|
|
|
</div><!-- /.modal-dialog -->
|
|
|
|
|
</div>
|
2014-01-06 01:46:22 +01:00
|
|
|
|
2014-01-18 22:41:59 +01:00
|
|
|
<div class="modal fade" id="subscribe_modal" tabindex="-1" role="dialog" aria-labelledby="subscribeModal" aria-hidden="true">
|
|
|
|
|
<div class="modal-dialog">
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
|
|
|
<h4 class="modal-title">Inscription</h4>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
|
|
|
|
<form class="form-horizontal" role="form">
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<div class="input-group">
|
|
|
|
|
<span class="input-group-addon">Email *</span>
|
2014-07-20 22:18:17 +02:00
|
|
|
<input type='email' id='subscribe_email' class="form-control" placeholder='Email'/>
|
2014-01-18 22:41:59 +01:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<div class="input-group">
|
|
|
|
|
<span class="input-group-addon">Nom *</span>
|
|
|
|
|
<input type='text' id='subscribe_name' class="form-control" placeholder='Nom'/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<div class="input-group">
|
|
|
|
|
<span class="input-group-addon">Mot de passe *</span>
|
|
|
|
|
<input type='password' id='subscribe_pass' class="form-control" placeholder='Mot de passe'/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
|
|
|
|
<div class="input-group">
|
|
|
|
|
<span class="input-group-addon">Serveur *</span>
|
|
|
|
|
<input type='text' id='subscribe_server' class="form-control" value='http://mycoserver.zionetrix.net'/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-footer">
|
|
|
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
|
|
|
|
|
<button type="button" class="btn btn-primary" id='subscribe_submit'>Valider</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div><!-- /.modal-content -->
|
|
|
|
|
</div><!-- /.modal-dialog -->
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
2014-01-06 01:46:22 +01:00
|
|
|
<div class="modal fade" id="add_contribution_modal" tabindex="-1" role="dialog" aria-labelledby="addContributorModal" aria-hidden="true">
|
|
|
|
|
<div class="modal-dialog">
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
|
|
|
<h4 class="modal-title">Ajouter une contribution</h4>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
|
|
|
|
<form class="form-horizontal" role="form">
|
2014-01-14 00:29:49 +01:00
|
|
|
<input type='hidden' id='edit_uuid' value='-1' />
|
2014-01-06 01:46:22 +01:00
|
|
|
<div class="form-group">
|
2014-07-20 19:50:06 +02:00
|
|
|
<label for='add_contribution_contributor_email' class="col-xs-3 control-label"><span class="glyphicon glyphicon-user"></span></label>
|
|
|
|
|
<div class='col-xs-9'>
|
|
|
|
|
<select id='add_contribution_contributor_email' class="form-control"></select>
|
|
|
|
|
</div>
|
2014-01-06 01:46:22 +01:00
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
2014-07-20 19:50:06 +02:00
|
|
|
<label for='add_contribution_title' class="col-xs-3 control-label">Titre</label>
|
|
|
|
|
<div class='col-xs-9'>
|
|
|
|
|
<input type='text' id='add_contribution_title' class="form-control" placeholder='Titre'/>
|
|
|
|
|
</div>
|
2014-01-06 01:46:22 +01:00
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
2014-07-20 19:50:06 +02:00
|
|
|
<label for='add_contribution_cost' class="col-xs-3 control-label">Coût</label>
|
|
|
|
|
<div class='col-xs-9'>
|
|
|
|
|
<div class="input-group">
|
2014-07-27 18:54:32 +02:00
|
|
|
<input type='number' id='add_contribution_cost' step='0.05' class="form-control" placeholder='0.00'/>
|
2014-07-20 19:50:06 +02:00
|
|
|
<span class="input-group-addon">€</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2014-01-06 01:46:22 +01:00
|
|
|
</div>
|
2014-07-19 20:06:57 +02:00
|
|
|
<div class="form-group">
|
2014-07-20 19:50:06 +02:00
|
|
|
<label for='add_contribution_category' class="col-xs-3 control-label">Catégorie</label>
|
|
|
|
|
<div class='col-xs-9'>
|
|
|
|
|
<select id='add_contribution_category' class="form-control"></select>
|
|
|
|
|
</div>
|
2014-07-19 20:06:57 +02:00
|
|
|
</div>
|
2014-01-06 01:46:22 +01:00
|
|
|
<div class="form-group">
|
2014-07-20 19:50:06 +02:00
|
|
|
<label for='add_contribution_date' class="col-xs-3 control-label">Date</label>
|
|
|
|
|
<div class='col-xs-9'>
|
|
|
|
|
<input type='text' id='add_contribution_date' class="form-control" placeholder='JJ/MM/AAAA'/>
|
|
|
|
|
</div>
|
2014-01-06 01:46:22 +01:00
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-footer">
|
|
|
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
|
|
|
|
|
<button type="button" class="btn btn-primary" id='add_contribution_submit'>Ajouter</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div><!-- /.modal-content -->
|
|
|
|
|
</div><!-- /.modal-dialog -->
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="modal fade" id="display_balance_modal" tabindex="-1" role="dialog" aria-labelledby="displayBalanceModal" aria-hidden="true">
|
|
|
|
|
<div class="modal-dialog">
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
|
|
|
<h4 class="modal-title">Balance</h4>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
|
|
|
|
<table class="table table-striped">
|
|
|
|
|
<thead>
|
2014-01-12 20:07:01 +01:00
|
|
|
<tr>
|
|
|
|
|
<th>Participant</th>
|
|
|
|
|
<th>Participation</th>
|
|
|
|
|
<th> </th>
|
|
|
|
|
</tr>
|
2014-01-06 01:46:22 +01:00
|
|
|
</thead>
|
|
|
|
|
<tbody></tbody>
|
|
|
|
|
<tfoot>
|
|
|
|
|
<tr>
|
|
|
|
|
<td id='total-label'>Total :</td>
|
2014-01-12 20:07:01 +01:00
|
|
|
<td colspan='2' id='total-value'></td>
|
2014-01-06 01:46:22 +01:00
|
|
|
</tr>
|
|
|
|
|
</tfoot>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-footer">
|
|
|
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Ok</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div><!-- /.modal-content -->
|
|
|
|
|
</div><!-- /.modal-dialog -->
|
|
|
|
|
</div>
|
|
|
|
|
|
2014-01-12 21:09:32 +01:00
|
|
|
<div class="modal fade" id="please_wait_modal" tabindex="-1" role="dialog" aria-labelledby="pleaseWaitModal" aria-hidden="true" data-keyboard='false' data-backdrop='static'>
|
|
|
|
|
<div class="modal-dialog">
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<h2 class="modal-title">Chargement...</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
|
|
|
|
<div class="progress progress-striped active">
|
|
|
|
|
<div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
|
|
|
|
|
<span class="sr-only">Chargement...</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div><!-- /.modal-content -->
|
|
|
|
|
</div><!-- /.modal-dialog -->
|
|
|
|
|
</div>
|
2014-01-06 01:46:22 +01:00
|
|
|
|
|
|
|
|
<div class="modal fade" id="confirm_modal" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
|
|
|
|
|
<div class="modal-dialog">
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<button type="button" class="close cancel" aria-hidden="true">×</button>
|
|
|
|
|
<h4 class="modal-title">Confirmation</h4>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
|
|
|
|
<p id='question'></p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-footer">
|
|
|
|
|
<button type="button" class="btn btn-default cancel">Annuler</button>
|
|
|
|
|
<button type="button" class="btn btn-primary" id='confirm_modal_submit'>Valider</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div><!-- /.modal-content -->
|
|
|
|
|
</div><!-- /.modal-dialog -->
|
|
|
|
|
</div>
|
|
|
|
|
|
2014-01-12 01:24:16 +01:00
|
|
|
<div class="modal fade" id="myaccount_modal" tabindex="-1" role="dialog" aria-labelledby="myaccountModal" aria-hidden="true">
|
|
|
|
|
<div class="modal-dialog">
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
|
|
|
<h4 class="modal-title">Mon compte</h4>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
|
|
|
|
<form class="form-horizontal" role="form">
|
|
|
|
|
<div class="form-group">
|
2014-02-23 23:51:50 +01:00
|
|
|
<label class="col-sm-3 control-label">Email</label>
|
|
|
|
|
<div class="col-sm-9">
|
2014-01-12 01:24:16 +01:00
|
|
|
<p class="form-control-static" id='myaccount_email'></p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
2014-02-23 23:51:50 +01:00
|
|
|
<label "inputName" class="col-sm-3 control-label">Nom</label>
|
|
|
|
|
<div class="col-sm-9">
|
2014-01-12 01:24:16 +01:00
|
|
|
<input type="text" class="form-control" id="myaccount_name" placeholder="Nom" disabled>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="form-group">
|
2014-02-23 23:51:50 +01:00
|
|
|
<label for="inputPassword" class="col-sm-3 control-label">Mot de passe</label>
|
|
|
|
|
<div class="col-sm-9">
|
2014-01-12 01:24:16 +01:00
|
|
|
<input type="password" class="form-control" id="myaccount_password" placeholder="Mot de passe" disabled>
|
2014-01-12 21:09:32 +01:00
|
|
|
</div>
|
2014-01-12 01:24:16 +01:00
|
|
|
</div>
|
2014-01-12 20:05:08 +01:00
|
|
|
<div class="form-group">
|
2014-02-23 23:51:50 +01:00
|
|
|
<label class="col-sm-3 control-label">Serveur</label>
|
|
|
|
|
<div class="col-sm-9">
|
2014-01-12 20:05:08 +01:00
|
|
|
<p class="form-control-static" id='myaccount_server'></p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2014-02-23 23:51:50 +01:00
|
|
|
<div class="form-group">
|
|
|
|
|
<label class="col-sm-5 control-label">Dernière synchronisation</label>
|
|
|
|
|
<div class="col-sm-5">
|
|
|
|
|
<p class="form-control-static" id='myaccount_lastsync'></p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2014-01-12 01:24:16 +01:00
|
|
|
</form>
|
2014-07-19 20:06:57 +02:00
|
|
|
</div>
|
|
|
|
|
<div class="modal-footer">
|
|
|
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Ok</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div><!-- /.modal-content -->
|
|
|
|
|
</div><!-- /.modal-dialog -->
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
2014-01-06 01:46:22 +01:00
|
|
|
</div>
|
|
|
|
|
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
2014-01-07 15:23:12 +01:00
|
|
|
<script src="inc/lib/jquery-1.10.2.min.js"></script>
|
2014-01-06 01:46:22 +01:00
|
|
|
<!-- Latest compiled and minified JavaScript -->
|
2014-01-07 15:23:12 +01:00
|
|
|
<script src="inc/lib/bootstrap/js/bootstrap.min.js"></script>
|
2014-01-06 01:46:22 +01:00
|
|
|
<script src="inc/lib/moment.min.js"></script>
|
2014-02-24 00:31:53 +01:00
|
|
|
<script src="inc/lib/pickadate/picker.js"></script>
|
|
|
|
|
<script src="inc/lib/pickadate/picker.date.js"></script>
|
|
|
|
|
<script src="inc/lib/pickadate/legacy.js"></script>
|
2014-07-20 17:04:14 +02:00
|
|
|
<script src="inc/lib/typeahead.bundle.js"></script>
|
2014-07-23 01:59:56 +02:00
|
|
|
<!-- Flot -->
|
|
|
|
|
<script src="inc/lib/flot-0.8.3/jquery.flot.js"></script>
|
|
|
|
|
<script src="inc/lib/flot-0.8.3/jquery.flot.pie.js"></script>
|
|
|
|
|
|
2014-01-14 00:29:49 +01:00
|
|
|
<script src="inc/lib/uuid.js"></script>
|
2014-01-06 01:46:22 +01:00
|
|
|
<script src="inc/myco_objects.js"></script>
|
|
|
|
|
<script src="inc/myco_confirm.js"></script>
|
|
|
|
|
<script src="inc/myco.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
