| ... | ... |
@@ -27,6 +27,21 @@ |
| 27 | 27 |
%> |
| 28 | 28 |
|
| 29 | 29 |
% layout 'common', title => 'Your Profile'; |
| 30 |
+ |
|
| 31 |
+ %= javascript begin |
|
| 32 |
+ $(document).ready(function () {
|
|
| 33 |
+ $('#show-add-key-form').on('click', function () {
|
|
| 34 |
+ var display = $('#add-key-form').css('display');
|
|
| 35 |
+ |
|
| 36 |
+ if (display === 'block') {
|
|
| 37 |
+ $('#add-key-form').css('display', 'none');
|
|
| 38 |
+ } |
|
| 39 |
+ else {
|
|
| 40 |
+ $('#add-key-form').css('display', 'block');
|
|
| 41 |
+ } |
|
| 42 |
+ }); |
|
| 43 |
+ }); |
|
| 44 |
+ % end |
|
| 30 | 45 |
|
| 31 | 46 |
%= include '/include/header'; |
| 32 | 47 |
|
| ... | ... |
@@ -58,44 +73,71 @@ |
| 58 | 73 |
</div> |
| 59 | 74 |
<div class="span2"> |
| 60 | 75 |
<div style="text-align:right"> |
| 61 |
- <a class="btn" href="">Add SSH Key</a> |
|
| 76 |
+ <a id="show-add-key-form" class="btn" href="javascript:void(0)">Add SSH Key</a> |
|
| 62 | 77 |
</div> |
| 63 | 78 |
</div> |
| 64 | 79 |
</div> |
| 65 | 80 |
</div> |
| 66 |
- % if (@$keys > 0) {
|
|
| 67 |
- <div class="border-gray" style="border-top:none;padding:10px"> |
|
| 68 |
- This is a list of SSH keys associated with your account. Remove any keys that you do not recognize. |
|
| 69 |
- </div> |
|
| 70 |
- % for my $key (@$keys) {
|
|
| 71 |
- <div class="border-gray" style="border-top:none;"> |
|
| 72 |
- <div class="row"> |
|
| 73 |
- <div class="span7" style="width:600px"> |
|
| 74 |
- <div style="font-size:15px;padding:10px"> |
|
| 75 |
- <div> |
|
| 76 |
- <b><%= $key->{key} %></b>
|
|
| 77 |
- </div> |
|
| 78 |
- <div class="muted"> |
|
| 79 |
- <%= $key->{hash} %>
|
|
| 80 |
- </div> |
|
| 81 |
- <div> |
|
| 82 |
- <%= $key->{mtime} %>
|
|
| 81 |
+ <div style="margin-bottom:30px"> |
|
| 82 |
+ % if (@$keys > 0) {
|
|
| 83 |
+ <div class="border-gray" style="border-top:none;padding:10px"> |
|
| 84 |
+ This is a list of SSH keys associated with your account. Remove any keys that you do not recognize. |
|
| 85 |
+ </div> |
|
| 86 |
+ % for my $key (@$keys) {
|
|
| 87 |
+ <div class="border-gray" style="border-top:none;"> |
|
| 88 |
+ <div class="row"> |
|
| 89 |
+ <div class="span7" style="width:600px"> |
|
| 90 |
+ <div style="font-size:15px;padding:10px"> |
|
| 91 |
+ <div> |
|
| 92 |
+ <b><%= $key->{key} %></b>
|
|
| 93 |
+ </div> |
|
| 94 |
+ <div class="muted"> |
|
| 95 |
+ <%= $key->{hash} %>
|
|
| 96 |
+ </div> |
|
| 97 |
+ <div> |
|
| 98 |
+ <%= $key->{mtime} %>
|
|
| 99 |
+ </div> |
|
| 83 | 100 |
</div> |
| 84 | 101 |
</div> |
| 85 |
- </div> |
|
| 86 |
- <div class="span2"> |
|
| 87 |
- <div style="padding-top:20px;text-align:right"> |
|
| 88 |
- <a class="btn btn-danger" href="<%= url_for("/reset-password")->query(user => $user) %>">Delete</a>
|
|
| 102 |
+ <div class="span2"> |
|
| 103 |
+ <div style="padding-top:20px;text-align:right"> |
|
| 104 |
+ <a class="btn btn-danger" href="<%= url_for("/reset-password")->query(user => $user) %>">Delete</a>
|
|
| 105 |
+ </div> |
|
| 89 | 106 |
</div> |
| 90 | 107 |
</div> |
| 91 | 108 |
</div> |
| 109 |
+ % } |
|
| 110 |
+ % } else {
|
|
| 111 |
+ <div class="border-gray" style="margin-bottom:30px;border-top:none;padding:10px"> |
|
| 112 |
+ SSH key don't exists. |
|
| 92 | 113 |
</div> |
| 93 | 114 |
% } |
| 94 |
- % } else {
|
|
| 115 |
+ </div> |
|
| 116 |
+ |
|
| 117 |
+ <div id="add-key-form" style="display:none"> |
|
| 118 |
+ <div class="border-gray bk-gray-light radius-top" style="padding:5px;font-weight:bold;font-size:17px"> |
|
| 119 |
+ <div style="font-size:15px;padding:5px"> |
|
| 120 |
+ Add an SSH Key |
|
| 121 |
+ </div> |
|
| 122 |
+ </div> |
|
| 95 | 123 |
<div class="border-gray" style="margin-bottom:30px;border-top:none;padding:10px"> |
| 96 |
- SSH key don't exists. |
|
| 124 |
+ <form> |
|
| 125 |
+ <div style="margin-bottom:5px"> |
|
| 126 |
+ Title |
|
| 127 |
+ </div> |
|
| 128 |
+ <div> |
|
| 129 |
+ <%= text_field 'title', style => "width:400px" %> |
|
| 130 |
+ </div> |
|
| 131 |
+ <div style="margin-bottom:5px"> |
|
| 132 |
+ Key |
|
| 133 |
+ </div> |
|
| 134 |
+ <div> |
|
| 135 |
+ <%= text_area 'key', style => "width:730px;height:200px" %> |
|
| 136 |
+ </div> |
|
| 137 |
+ <input type="submit" class="btn btn-success" value="Add key"> |
|
| 138 |
+ </form> |
|
| 97 | 139 |
</div> |
| 98 |
- % } |
|
| 140 |
+ </div> |
|
| 99 | 141 |
</div> |
| 100 | 142 |
</div> |
| 101 | 143 |
</div> |