Artois
/
electronotes


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
							<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <link type="text/css" rel="stylesheet" href="../../common/css/material-icons.css"/>  
        <link type="text/css" rel="stylesheet" href="../../common/css/materialize.min.css"  media="screen,projection"/>
        <link type="text/css" rel="stylesheet" href="../../common/css/style.min.css"  media="screen,projection"/>
        <link type="text/css" rel="stylesheet" href="../../common/css/google-code-prettify/desert.css"/>
        <title>Electronotes</title>
    </head>
    <body class="grey lighten-4">
        <!-- Navbar -->
        <div id="navbar" class="navbar-fixed hide">
            <nav>
                <div class="nav-wrapper">
                    <span class="brand-logo mleft-1">Note de <span data-bind="username"></span></span>
                </div>
            </nav>
        </div>

        <!-- Main content -->
        <main>
            <div class="container">
                <div class="row">
                    <div class="col s12 center-align">
                        Bonjour
                        <div class="input-field inline">
                            <input type="text" data-model="username" onblur="saveUserName(this)">
                        </div>
                    </div>
                </div>
                <div class="row" data-loop="card">
                    <div class="col s12 m6 l4">
                        <div class="card">
                            <div class="card-content zoom-in selectable" draggable="true" ondragstart="exportCard(this, event)" onclick="selectCard(this)">
                                <span class="hide" data-val="id"></span>
                                <span class="card-title" data-val="title"></span>
                            </div>
                            <div class="card-action">
                                <a href="#" target="_blank" class="card-edit">Modifier</a>
                                <a href="#" onclick="deleteCard(this, true)">Supprimer</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </main>

        <!-- Modal Structure -->
        <div class="modal">
            <div class="modal-content">
                <h4 id="modal-title"></h4>
                <div id="modal-content"></div>
            </div>
            <div class="modal-footer">
                <a id="modal-edit" href="#!" target="_blank" class="modal-close waves-effect waves-blue btn-flat">Modifier</a>
                <span id="modal-delete" class="modal-close waves-effect waves-blue btn-flat" onclick="deleteCard(this, false)">Supprimer</span>
                <span class="modal-close waves-effect waves-blue btn-flat">Fermer</span>
            </div>
        </div>

        <!-- Add button -->
        <div class="fixed-action-btn">
            <a id="float-add-btn" href="#" target="_blank" class="btn-floating btn-large waves-effect waves-light blue hide tooltipped" data-position="left" data-tooltip="Ajouter">
                <i class="large material-icons">add</i>
            </a>
        </div>

        <!-- Discovery -->
        <div class="tap-target" data-target="float-add-btn">
            <div class="tap-target-content">
                <h5>Ajouter une note</h5>
                <p>Pour ajouter une note il suffit de cliquer sur ce bouton<br>(cliquez n'importe où pour faire disparaitre)</p>
            </div>
        </div>

        <!-- Loader -->
        <div id="page-loader" class="bg-loader grey darken-4">
            <div class="loader progress">
                <div class="indeterminate"></div>
            </div>   
        </div>
                
        <!-- Load electronotes.js first to have all functions and commons imports -->
        <script type="text/javascript" src="../../common/js/electronotes.js"></script>
        <!-- Load other common files -->
        <script type="text/javascript" src="../../common/js/event.js"></script>
        <script type="text/javascript" src="../../common/js/binder.js"></script>
        <script type="text/javascript" src="../../common/js/materialize.min.js"></script>
        <script type="text/javascript" src="../../common/js/google-code-prettify/prettify.js"></script>
        <!-- Load personnal js -->
        <script type="text/javascript" src="dashboard.js"></script>
    </body>
</html>