Zionetrix::Git
Repositories
Help
Report an Issue
MyCo
Code
Commits
Branches
Tags
Search
Tree:
e4110a4
Branches
Tags
master
MyCo
index.html
Fix add group modal display event handle
Benjamin Renard
commited
e4110a4
at 2016-09-12 21:19:57
index.html
Blame
History
Raw
<!DOCTYPE html> <html manifest="cache.manifest"> <head> <title>MyCo</title> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> <meta name="mobile-web-app-capable" content="yes"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0"> <link rel="shortcut icon" href="favicon.png"> <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"> <!-- Bootstrap --> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="inc/lib/bootstrap/css/bootstrap.min.css"> <!-- Optional theme --> <link rel="stylesheet" href="inc/lib/bootstrap/css/bootstrap-theme.min.css"> <!-- 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]> <script src="inc/lib/html5shiv.js"></script> <script src="inc/lib/respond.min.js"></script> <![endif]--> <link rel="stylesheet" href="inc/lib/pickadate/themes/default.css"> <link rel="stylesheet" href="inc/lib/pickadate/themes/default.date.css"> </head> <style> body{ margin-top: 4em; margin-bottom: 4em; } #total-label { text-align: right; } #total-label, #total-value { font-weight: bold; } .positive { color: green; } .negative { color: red; } .part { display: none; } #view-group h1 { text-transform: capitalize; } #view-group span.date, #view-group span.category { color: #999; font-size: 0.8em; font-style: italic; } span.cat-color { width: 0.8em; height: 0.8em; display: inline-block; } #view-group-categories ul { list-style-type: none; padding: 0; } /* * 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%; } .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; } .nav a, #mybalances a, #add_category span { cursor: pointer; } #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; font-size: 0.8em; } .cats-chart-label span { font-size: 0.7em; } </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> <a class="navbar-brand" id='app-name'>MyCo</a> </div> <div class="collapse navbar-collapse" id="navbar-groupe-collapse"> <ul class="nav navbar-nav"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class='glyphicon glyphicon-th-list'></span> Groupe <b class="caret"></b></a> <ul id="group-choice" class="dropdown-menu"> <li class="divider"></li> <li><a id='add_group_btn'><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> </ul> </li> </ul> <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> <li><a id='update_app'><span class='glyphicon glyphicon-refresh'></span> Mise à jour de l'application</a></li> </ul> </div><!--/.nav-collapse --> </div> </div> <div class="container"> <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'> <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> </div> </div> </nav> <table id='contributions' class="table"> <thead> <tr> <th class='col-xs-5'>Dépence</th> <th class='col-xs-3'>Coût</th> <th class='col-xs-4'>Actions</th> </tr> </thead> <tbody> <tr> <td>Label</td> <td>XXX,XX€</td> <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> </table> <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"> <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> <ul class="nav navbar-nav navbar-right"> <li><a id='categories_group_btn'><span class='glyphicon glyphicon-th-list'></span> Catégories</span></a></li> <li><a id='export_group_btn'><span class='glyphicon glyphicon-download'></span> Export CSV</span></a></li> <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> </div> <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> <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> <div id='view-group-categories' class='part'> <h1>Catégories <button type="button" class="btn btn-default go-back-group"><span class="glyphicon glyphicon-arrow-left"> Retour</span></button></h1> <div class='row'> <div class='col-xs-6'> <ul> </ul> <form class="form-horizontal" role="form"> <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> </form> </div> </div> <div id='cats-chart'></div> </div> <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"> <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> </div> <div class="form-group"> <label for='add_contributor_email' class="col-sm-2 control-label">Email *</label> <div class="col-sm-10"> <input type='email' id='add_contributor_email' class="form-control" placeholder='Email'/> </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_contributor_submit'>Ajouter</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div> <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> <input type='email' id='login_email' class="form-control" placeholder='Email'/> </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> <input type='text' id='login_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='login_submit'>Connexion</button> <button type="button" class="btn btn-primary" id='go_to_subscribe_btn'>Inscription</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div> <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> <input type='email' id='subscribe_email' class="form-control" placeholder='Email'/> </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> <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"> <input type='hidden' id='edit_uuid' value='-1' /> <div class="form-group"> <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> </div> <div class="form-group"> <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> </div> <div class="form-group"> <label for='add_contribution_cost' class="col-xs-3 control-label">Coût</label> <div class='col-xs-9'> <div class="input-group"> <input type='number' id='add_contribution_cost' step='0.05' class="form-control" placeholder='0.00'/> <span class="input-group-addon">€</span> </div> </div> </div> <div class="form-group"> <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> </div> <div class="form-group"> <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> </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> <tr> <th>Participant</th> <th>Participation</th> <th> </th> </tr> </thead> <tbody></tbody> <tfoot> <tr> <td id='total-label'>Total :</td> <td colspan='2' id='total-value'></td> </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> <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> <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> <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"> <label class="col-sm-3 control-label">Email</label> <div class="col-sm-9"> <p class="form-control-static" id='myaccount_email'></p> </div> </div> <div class="form-group"> <label "inputName" class="col-sm-3 control-label">Nom</label> <div class="col-sm-9"> <input type="text" class="form-control" id="myaccount_name" placeholder="Nom" disabled> </div> </div> <div class="form-group"> <label for="inputPassword" class="col-sm-3 control-label">Mot de passe</label> <div class="col-sm-9"> <input type="password" class="form-control" id="myaccount_password" placeholder="Mot de passe" disabled> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">Serveur</label> <div class="col-sm-9"> <p class="form-control-static" id='myaccount_server'></p> </div> </div> <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> </form> </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> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="inc/lib/jquery-1.10.2.min.js"></script> <!-- Latest compiled and minified JavaScript --> <script src="inc/lib/bootstrap/js/bootstrap.min.js"></script> <script src="inc/lib/moment.min.js"></script> <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> <script src="inc/lib/typeahead.bundle.js"></script> <!-- 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> <script src="inc/lib/uuid.js"></script> <script src="inc/myco_objects.js"></script> <script src="inc/myco_confirm.js"></script> <script src="inc/myco.js"></script> </body> </html>