display help in bootstrap help block

9 years ago · 7004c860f1
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
 [![Build Status](https://travis-ci.org/guillaumevincent/lesspass.svg?branch=master)](https://travis-ci.org/guillaumevincent/lesspass)
 [![Build Status](https://travis-ci.org/oslab-fr/lesspass.svg?branch=master)](https://travis-ci.org/oslab-fr/lesspass)

 # lesspass
 lesspass is like keepass without the need to persist passwords
--- a/app/app.js
+++ b/app/app.js
@@ -32,10 +32,11 @@ class lesspassController {

        var clipboard = new Clipboard('#copy-btn');
        clipboard.on('success', function (e) {
            var copyBtn = document.getElementById("copy-btn");
            var t = $(copyBtn).tooltip({title: 'Copié'});
            t.tooltip('show');
            e.clearSelection();
            if (vm.password && vm.site.site_name) {
                var t = $('#copy-btn').tooltip({title: 'Copié'});
                t.tooltip('show');
                e.clearSelection();
            }
        });

        clipboard.on('error', function (e) {
@@ -43,6 +44,8 @@ class lesspassController {
            var t = $(passwordGenerated).tooltip({title: 'Cmd + C pour copier le mot de passe'});
            t.tooltip('show');
        });

        this.displayHelp = false;
    }

    updatePasswordTypes(type) {
@@ -61,16 +64,6 @@ class lesspassController {
            this.generatedPassword = lesspass.create_password(this.password, this.site);
        }
    }

    displayHelp() {
        if (this.helpDisplayed) {
            $('body').chardinJs('stop');
            this.helpDisplayed = false;
        } else {
            $('body').chardinJs('start');
            this.helpDisplayed = true;
        }
    }
 }


--- a/static/index.html
+++ b/static/index.html
@@ -5,7 +5,6 @@
    <title>lesspass</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/chardinjs.css">
    <link rel="icon" type="image/png" href="https://lesspass.com/images/favicon.png">
    <style>
        body {
@@ -32,8 +31,6 @@
            padding-bottom: 50px;
        }
    </style>
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/chardinjs.min.js"></script>
 </head>
 <body>
 <div id="header">
@@ -79,22 +76,22 @@
 <div class="container" ng-controller="lesspassController as lesspass">
    <form>
        <div class="row">
            <div class="col-md-4">
            <div class="col-md-3">
                <div class="form-group">
                    <label for="password">Mot de passe</label>
                    <input ng-model="lesspass.password" type="password" class="form-control" id="password"
                           placeholder="ex: mot de passe fort"
                           data-intro="1/ Entrez votre mot de passe"
                           data-position="top">
                           placeholder="ex: mot de passe fort">
                    <p ng-show="lesspass.displayHelp" class="help-block">Entrez votre mot de passe</p>
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <label for="site">Site</label>
                    <input ng-model="lesspass.site.site_name" type="text" class="form-control" id="site"
                           placeholder="ex: facebook"
                           data-intro="2/ Entrez le site sur lequel vous souhaitez vous connecter"
                           data-position="top">
                           placeholder="ex: facebook">
                    <p ng-show="lesspass.displayHelp" class="help-block">
                        Entrez le site sur lequel vous souhaitez vous connecter
                    </p>
                </div>
            </div>
            <div class="col-md-1">
@@ -104,15 +101,14 @@
                           min="6" max="64">
                </div>
            </div>
            <div class="col-md-4">
            <div class="col-md-5">
                <label for="password_generated">Mot de passe unique généré</label>
                <div class="input-group"
                     data-intro="3/ Copiez le mot de passe unique généré"
                     data-position="top">
                <div class="input-group">
                    <input id="password_generated" class="form-control" type="text"
                           ng-value="lesspass.generatedPassword">
                    <div class="input-group-btn">
                        <button ng-click="lesspass.displayHelp()" type="button" class="btn btn-default hidden-xs"
                        <button ng-click="lesspass.displayHelp = !lesspass.displayHelp" type="button"
                                class="btn btn-default hidden-xs"
                                aria-label="Help">
                            <span class="glyphicon glyphicon-question-sign"></span>
                        </button>
@@ -122,6 +118,7 @@
                        </button>
                    </div>
                </div>
                <p ng-show="lesspass.displayHelp" class="help-block">Copiez le mot de passe unique généré</p>
            </div>
        </div>
        <div class="row">
@@ -161,6 +158,7 @@
        </div>
    </form>
 </div>
 <script src="js/jquery-1.9.1.min.js"></script>
 <script src="app.js"></script>
 </body>
 </html>