nextcloud/passman
1
1
Fork 0
mirror of https://github.com/nextcloud/passman.git synced 2026-01-06 23:57:12 +08:00
Code Issues Projects Releases Packages Wiki Activity

Breakdown of password

Browse source
This commit is contained in:
Sander 2016-09-12 14:15:44 +02:00
parent 43f40d04a1
commit bb9e3aebe5
3 changed files with 34 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
css/vendor/ng-password-meter/ng-password-meter.css vendored
View file

@ -70,4 +70,20 @@
.detail_box .row .col{
float: left;
width: 49%;
}
.match-sequence {
position: absolute;
background: #c9c9c9;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
max-width: 40%;
padding: 10px;
overflow-x: scroll;
}
.match-sequence .sequence{
float: left;
width: 180px;
}

2
js/templates.js
View file

@ -3,7 +3,7 @@ angular.module('templates-main', ['views/partials/password-meter.html', 'views/s
angular.module('views/partials/password-meter.html', []).run(['$templateCache', function($templateCache) {
'use strict';
$templateCache.put('views/partials/password-meter.html',
'<div class="pass-meter {{masterClass}}"><div class="{{colClass}} pass-meter-col {{first}}"><div class="indicator"></div></div><div class="{{colClass}} pass-meter-col {{second}}"><div class="indicator"></div></div><div class="{{colClass}} pass-meter-col {{third}}"><div class="indicator"></div></div><div class="{{colClass}} pass-meter-col {{fourth}}"><div class="indicator"></div></div><div class="details" ng-click="toggleScore()"><span ng-show="!scoreShown">Details</span> <span ng-show="scoreShown">Hide details</span></div><div class="pass-meter-message">{{message}}</div><div class="detail_box" ng-show="scoreShown"><div class="row"><div class="col">Score:</div><div class="col">{{score.score}}</div></div><div class="row"><div class="col">100 / hour<br><small>Throttled online attack</small></div><div class="col">{{score.crack_times_display.online_throttling_100_per_hour}}</div></div><div class="row"><div class="col">10 / second<br><small>Unthrottled online attack</small></div><div class="col">{{score.crack_times_display.online_no_throttling_10_per_second}}</div></div><div class="row"><div class="col">10k / second<br><small>Offline attack, slow hash, many cores</small></div><div class="col">{{score.crack_times_display.offline_slow_hashing_1e4_per_second}}</div></div><div class="row"><div class="col">10B / second<br><small>offline attack, fast hash, many cores</small></div><div class="col">{{score.crack_times_display.offline_fast_hashing_1e10_per_second}}</div></div><div class="row"><div class="col">Match sequence:</div><div class="col"><div class="sequence" ng-repeat="sequence in score.sequence"><div>Pattern: {{sequence.pattern}}</div><div>Matched word: {{sequence.matched_word}}</div><div>Dictionary name: {{sequence.dictionary_name}}</div><div>Guesses: {{sequence.guesses}}</div></div></div></div></div></div>');
'<div class="pass-meter {{masterClass}}"><div class="{{colClass}} pass-meter-col {{first}}"><div class="indicator"></div></div><div class="{{colClass}} pass-meter-col {{second}}"><div class="indicator"></div></div><div class="{{colClass}} pass-meter-col {{third}}"><div class="indicator"></div></div><div class="{{colClass}} pass-meter-col {{fourth}}"><div class="indicator"></div></div><div class="details" ng-click="toggleScore()"><span ng-show="!scoreShown">Details</span> <span ng-show="scoreShown">Hide details</span></div><div class="pass-meter-message">{{message}}</div><div class="detail_box" ng-show="scoreShown"><div class="row"><div class="col">Score:</div><div class="col">{{score.score}}</div></div><div class="row"><div class="col">100 / hour<br><small>Throttled online attack</small></div><div class="col">{{score.crack_times_display.online_throttling_100_per_hour}}</div></div><div class="row"><div class="col">10 / second<br><small>Unthrottled online attack</small></div><div class="col">{{score.crack_times_display.online_no_throttling_10_per_second}}</div></div><div class="row"><div class="col">10k / second<br><small>Offline attack, slow hash, many cores</small></div><div class="col">{{score.crack_times_display.offline_slow_hashing_1e4_per_second}}</div></div><div class="row"><div class="col">10B / second<br><small>offline attack, fast hash, many cores</small></div><div class="col">{{score.crack_times_display.offline_fast_hashing_1e10_per_second}}</div></div><div class="row"><div class="col">Match sequence:</div><div class="col">See match sequence</div></div></div></div><div class="match-sequence"><div class="container" ng-style="{\'width\': score.sequence.length * 180 }"><div class="sequence" ng-repeat="sequence in score.sequence"><div>Pattern: {{sequence.pattern}}</div><div>Matched word: {{sequence.matched_word}}</div><div>Dictionary name: {{sequence.dictionary_name}}</div><div>Rank: {{sequence.rank}}</div><div>Reversed: {{sequence.reversed}}</div><div>Guesses: {{sequence.guesses}}</div><div>Base guesses: {{sequence.base_guesses}}</div><div>Uppercase variations: {{sequence.l33t_variations}}</div><div>l33t-variations: {{sequence.l33t_variations}}</div></div></div></div>');
}]);
angular.module('views/show_vault.html', []).run(['$templateCache', function($templateCache) {

24
templates/views/partials/password-meter.html
View file

@ -66,14 +66,24 @@
Match sequence:
</div>
<div class="col">
<!-- {{score.sequence}} -->
<div class="sequence" ng-repeat="sequence in score.sequence">
<div>Pattern: {{sequence.pattern}}</div>
<div>Matched word: {{sequence.matched_word}}</div>
<div>Dictionary name: {{sequence.dictionary_name}}</div>
<div>Guesses: {{sequence.guesses}}</div>
</div>
See match sequence
</div>
</div>
</div>
</div>
<div class="match-sequence">
<div class="container" ng-style="{'width': score.sequence.length * 180 }">
<div class="sequence" ng-repeat="sequence in score.sequence">
<div>Pattern: {{sequence.pattern}}</div>
<div>Matched word: {{sequence.matched_word}}</div>
<div>Dictionary name: {{sequence.dictionary_name}}</div>
<div>Rank: {{sequence.rank}}</div>
<div>Reversed: {{sequence.reversed}}</div>
<div>Guesses: {{sequence.guesses}}</div>
<div>Base guesses: {{sequence.base_guesses}}</div>
<div>Uppercase variations: {{sequence.l33t_variations}}</div>
<div>l33t-variations: {{sequence.l33t_variations}}</div>
</div>
</div>
</div>