luzifer/cloudkeys-go
1
0
Fork 0
mirror of https://github.com/Luzifer/cloudkeys-go.git synced 2024-11-08 14:10:05 +00:00
Code Issues Releases Wiki Activity

Removed old clippy flash extension and replaced it with pure JS solution

Browse source 
Squashed commit of the following:

commit 682b84ab51
Author: Martin Thielecke <github@mthie.com>
Date:   Mon Nov 30 21:13:13 2015 +0000

    fixed godeps path

commit 816132283f
Author: Martin Thielecke <github@mthie.com>
Date:   Mon Nov 30 21:12:23 2015 +0000

    removed branding

commit d7683dd6a5
Author: Martin Thielecke <github@mthie.com>
Date:   Mon Nov 30 21:08:33 2015 +0000

    reverted some individual stuff

commit 26bc1a35e1
Merge: ecd8e53 b8ad8ee
Author: Martin Thielecke <github@mthie.com>
Date:   Mon Nov 30 20:51:18 2015 +0000

    Merge branch 'master' of github.com:Luzifer/cloudkeys-go into clipboardapi

    Conflicts:
    	assets/script.js
    	bindata.go
    	coffee/script.coffee

commit ecd8e53b13
Author: Martin Thielecke <github@mthie.com>
Date:   Mon Nov 30 20:45:20 2015 +0000

    removed old clippy flash extension and replaced it with pure JS solution

commit 225e9f13c2
Author: Martin Thielecke <github@mthie.com>
Date:   Sat Aug 1 18:14:14 2015 +0000

    [main] Revert "changed variable names according to linter"

    This reverts commit 91ac55453c.

commit 91ac55453c
Author: Martin Thielecke <github@mthie.com>
Date:   Sat Aug 1 11:54:53 2015 +0000

    changed variable names according to linter

commit 7a0f9e22ba
Merge: 6c57d39 8386e47
Author: Martin Thielecke <github@mthie.com>
Date:   Sat Aug 1 11:32:28 2015 +0000

    Merge branch 'master' of github.com:Luzifer/cloudkeys-go

commit 6c57d394ae
Author: Martin Thielecke <github@mthie.com>
Date:   Fri Jul 31 19:30:47 2015 +0000

    added title

commit 17ae0383fd
Merge: d813879 553680c
Author: Martin Thielecke <github@mthie.com>
Date:   Fri Jul 31 19:21:18 2015 +0000

    Merge branch 'development' of github.com:mthie/cloudkeys-go

commit 553680c725
Merge: ec26daa 1b66ad4
Author: Martin Thielecke <github@mthie.com>
Date:   Fri Jul 31 19:19:41 2015 +0000

    Merge branch 'master' of github.com:Luzifer/cloudkeys-go into development

commit d81387910e
Author: Martin Thielecke <github@mthie.com>
Date:   Fri Jul 31 18:51:28 2015 +0000

    changed title

commit 45a64d1110
Author: Martin Thielecke <github@mthie.com>
Date:   Fri Jul 31 18:36:14 2015 +0000

    changed usernames for deployment

commit ec26daa679
Author: Martin Thielecke <github@mthie.com>
Date:   Fri Jul 31 18:34:36 2015 +0000

    fixed username
This commit is contained in:
Martin Thielecke 2015-11-30 22:27:23 +01:00 committed by Knut Ahlers
parent b8ad8eec65
commit 9812c14aa2
9 changed files with 157 additions and 162 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/clipboard.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 561 B

BIN
assets/clipboard_click.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 557 B

BIN
assets/clipboard_hover.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 561 B

BIN
assets/clippy.swf
View file

Binary file not shown.

55
assets/script.js
View file

@ -1,4 +1,4 @@
// Generated by CoffeeScript 1.9.3
// Generated by CoffeeScript 1.10.0
(function() {
var CloudKeys;
@ -119,15 +119,15 @@
};
CloudKeys.prototype.updateInformation = function(data) {
var e;
var e, error;
this.version = data.version;
if (data.data === "") {
this.entities = [];
} else {
try {
this.entities = $.parseJSON(this.decrypt(data.data));
} catch (_error) {
e = _error;
} catch (error) {
e = error;
window.location.reload();
}
}
@ -144,13 +144,24 @@
return CryptoJS.AES.decrypt(value, this.password).toString(CryptoJS.enc.Utf8);
};
CloudKeys.prototype.getClippyCode = function(value) {
var code;
code = '<span class="clippy"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="14" height="14" class="clippy">';
code += '<param name="movie" value="../../assets/clippy.swf"/><param name="allowScriptAccess" value="always" /><param name="quality" value="high" />';
code += "<param name=\"scale\" value=\"noscale\" /><param name=\"FlashVars\" value=\"text=" + (encodeURIComponent(value)) + "\"><param name=\"bgcolor\" value=\"#e5e3e9\">";
code += "<embed src=\"../../assets/clippy.swf\" width=\"14\" height=\"14\" name=\"clippy\" quality=\"high\" allowScriptAccess=\"always\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" FlashVars=\"text=" + (encodeURIComponent(value)) + "\" bgcolor=\"#e5e3e9\" /></object></span>";
return code;
CloudKeys.prototype.getClipboardCode = function(value) {
var cb;
cb = $('<div class="clipboard"></div>');
cb.click(function(e) {
var elem;
elem = $("<textarea>" + value + "</textarea>").css({
'position': 'absolute',
'left': '-9999px',
'readonly': 'readonly',
'top': (window.pageYOffset || document.documentElement.scrollTop) + 'px'
});
$("body").append(elem);
elem.focus();
elem.select();
document.execCommand('copy');
elem.remove();
});
return cb;
};
CloudKeys.prototype.limitItems = function(items) {
@ -178,7 +189,7 @@
};
CloudKeys.prototype.showItems = function(items) {
var additionalClass, c, char, counter, i, item, itemContainer, j, len, lines_match, password, ref, ul;
var additionalClass, c, char, counter, field, i, item, itemContainer, j, len, lines_match, password, ref, ul;
$('#items li').remove();
itemContainer = $('#items');
$('#resultdescription span').text(items.length);
@ -197,9 +208,15 @@
i = ref[char];
password += "*";
}
ul.append("<li><label>Username:</label><input type=\"text\" class=\"username\" value=\"" + item.username + "\">" + (this.getClippyCode(item.username)) + "<br></li>");
ul.append("<li class=\"passwordtoggle\"><label>Password:</label><input type=\"text\" class=\"password\" value=\"" + password + "\" data-toggle=\"" + (item.password.replace(/"/g, '&quot;')) + "\"><em> (toggle visibility)</em></span>" + (this.getClippyCode(item.password)) + "<br></li>");
ul.append("<li><label>URL:</label><input type=\"text\" class=\"url\" value=\"" + item.url + "\">" + (this.getClippyCode(item.url)) + "<br></li>");
field = $("<li><label>Username:</label><input type=\"text\" class=\"username\" value=\"" + item.username + "\"><br></li>");
ul.append(field);
this.getClipboardCode(item.username).insertBefore(field.find("br"));
field = $("<li class=\"passwordtoggle\"><label>Password:</label><input type=\"text\" class=\"password\" value=\"" + password + "\" data-toggle=\"" + (item.password.replace(/"/g, '&quot;')) + "\"><em> (toggle visibility)</em></span><br></li>");
ul.append(field);
this.getClipboardCode(item.password).insertBefore(field.find("br"));
field = $("<li><label>URL:</label><input type=\"text\" class=\"url\" value=\"" + item.url + "\"><br></li>");
ul.append(field);
this.getClipboardCode(item.url).insertBefore(field.find("br"));
lines_match = item.comment.match(/\n/g);
if (lines_match !== null) {
counter = lines_match.length;
@ -207,8 +224,12 @@
if (counter < 2) {
counter = 2;
}
ul.append("<li><label>Comment:</label><textarea class=\"comment\" rows=\"" + (counter + 2) + "\">" + item.comment + "</textarea>" + (this.getClippyCode(item.comment)) + "<br></li>");
ul.append("<li><label>Tags:</label><input type=\"text\" class=\"tags\" value=\"" + item.tags + "\">" + (this.getClippyCode(item.tags)) + "<br></li>");
field = $("<li><label>Comment:</label><textarea class=\"comment\" rows=\"" + (counter + 2) + "\">" + item.comment + "</textarea><br></li>");
ul.append(field);
this.getClipboardCode(item.comment).insertBefore(field.find("br"));
field = $("<li><label>Tags:</label><input type=\"text\" class=\"tags\" value=\"" + item.tags + "\"><br></li>");
ul.append(field);
this.getClipboardCode(item.tags).insertBefore(field.find("br"));
ul.append("<li class=\"last\"><button class=\"btn btn-primary\">Edit</button><br></li>");
ul.find('.btn-primary').click((function(_this) {
return function() {

2
assets/style.css
View file

@ -1 +1 @@
body{padding-top:70px}input{outline:0}.navbar a{cursor:pointer}.navbar a.active_account{font-weight:bold}#importContainer{display:none}#importContainer #importer{border:1px solid #111;border-radius:5px;background-image:linear-gradient(to bottom, #666 0, #171717 100%);margin:20px 0;padding:20px 20px}#importContainer #importer textarea{border:0;border-radius:5px;display:block;font-size:11px;height:350px;margin:0 auto;padding:0;width:100%}#loader img{display:block;margin:0 auto}#searchbox{border:1px solid #111;border-radius:5px;background-image:linear-gradient(to bottom, #666 0, #171717 100%);margin:20px 0;padding:10px}#searchbox input{border:0;border-radius:5px;display:block;font-size:20px;height:40px;margin:0 auto;padding:0 20px;width:100%}#content #resultdescription{margin:15px 0}#content #resultdescription span{font-weight:bold}#content ul#items{list-style:none;padding:0}#content ul#items li.active{background-color:#e5e3e9}#content ul#items li{cursor:pointer;padding:5px 20px}#content ul#items li span{font-size:70%;font-style:italic;padding:0 0 0 20px}#content ul#items li ul{display:none;list-style:none;padding-left:5px}#content ul#items li ul li.last{display:none}@media (min-width:768px){#content ul#items li ul li.last{border-bottom:0;display:block}}#content ul#items li ul li{border-bottom:1px dotted #808080}#content ul#items li ul li br{clear:both}#content ul#items li ul li label{display:block;float:left;width:100px}#content ul#items li ul li input,#content ul#items li ul li textarea{background:transparent;border:0;float:left;font-size:11px;min-height:20px;outline:0;padding-left:0;width:300px}#content ul#items li ul li input.password{width:200px}#content ul#items li ul li em{float:left;font-size:70%;width:100px}#content ul#items li ul li span.clippy{display:none}@media (min-width:992px){#content ul#items li ul li span.clippy{display:block;float:left;padding-left:0;width:20px}}#content ul#items li li.odd{background-color:transparent}#content ul#items li:hover{background-color:#e5e3e9}#content ul#items li.odd{background-color:#f6f6f6}
body{padding-top:70px}input{outline:0}.navbar a{cursor:pointer}.navbar a.active_account{font-weight:700}#importContainer{display:none}#importContainer #importer{border:1px solid #111;border-radius:5px;background-image:linear-gradient(to bottom,#666 0,#171717 100%);margin:20px 0;padding:20px 20px}#importContainer #importer textarea{border:0;border-radius:5px;display:block;font-size:11px;height:350px;margin:0 auto;padding:0;width:100%}#loader img{display:block;margin:0 auto}#searchbox{border:1px solid #111;border-radius:5px;background-image:linear-gradient(to bottom,#666 0,#171717 100%);margin:20px 0;padding:10px}#searchbox input{border:0;border-radius:5px;display:block;font-size:20px;height:40px;margin:0 auto;padding:0 20px;width:100%}#content #resultdescription{margin:15px 0}#content #resultdescription span{font-weight:700}#content ul#items{list-style:none;padding:0}#content ul#items li.active{background-color:#e5e3e9}#content ul#items li{cursor:pointer;padding:5px 20px}#content ul#items li span{font-size:70%;font-style:italic;padding:0 0 0 20px}#content ul#items li ul{display:none;list-style:none;padding-left:5px}#content ul#items li ul li.last{display:none}@media (min-width:768px){#content ul#items li ul li.last{border-bottom:0;display:block}}#content ul#items li ul li{border-bottom:1px dotted gray}#content ul#items li ul li br{clear:both}#content ul#items li ul li label{display:block;float:left;width:100px}#content ul#items li ul li input,#content ul#items li ul li textarea{background:0 0;border:0;float:left;font-size:11px;min-height:20px;outline:0;padding-left:0;width:300px}#content ul#items li ul li input.password{width:200px}#content ul#items li ul li div.clipboard{background:url(clipboard.png) no-repeat top left;display:inline-block;height:14px;width:14px}#content ul#items li ul li div.clipboard:active{background:url(clipboard_click.png) no-repeat top left}#content ul#items li ul li div.clipboard:hover{background:url(clipboard_hover.png) no-repeat top left}#content ul#items li ul li em{float:left;font-size:70%;width:100px}#content ul#items li ul li span.clippy{display:none}@media (min-width:992px){#content ul#items li ul li span.clippy{display:block;float:left;padding-left:0;width:20px}}#content ul#items li li.odd{background-color:transparent}#content ul#items li:hover{background-color:#e5e3e9}#content ul#items li.odd{background-color:#f6f6f6}

195
bindata.go
View file

File diff suppressed because one or more lines are too long

52
coffee/script.coffee
View file

@ -1,3 +1,5 @@
# vim: set tabstop=2 shiftwidth=2 softtabstop=2 expandtab:
class CloudKeys
constructor: () ->
@entities = []
@ -101,12 +103,23 @@ class CloudKeys
decrypt: (value) ->
return CryptoJS.AES.decrypt(value, @password).toString(CryptoJS.enc.Utf8)
getClippyCode: (value) ->
code = '<span class="clippy"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="14" height="14" class="clippy">'
code += '<param name="movie" value="../../assets/clippy.swf"/><param name="allowScriptAccess" value="always" /><param name="quality" value="high" />'
code += "<param name=\"scale\" value=\"noscale\" /><param name=\"FlashVars\" value=\"text=#{encodeURIComponent(value)}\"><param name=\"bgcolor\" value=\"#e5e3e9\">"
code += "<embed src=\"../../assets/clippy.swf\" width=\"14\" height=\"14\" name=\"clippy\" quality=\"high\" allowScriptAccess=\"always\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" FlashVars=\"text=#{encodeURIComponent(value)}\" bgcolor=\"#e5e3e9\" /></object></span>"
return code
getClipboardCode: (value) ->
cb = $('<div class="clipboard"></div>')
cb.click (e) ->
elem = $("<textarea>#{ value }</textarea>").css({
'position': 'absolute',
'left': '-9999px',
'readonly': 'readonly',
'top': (window.pageYOffset || document.documentElement.scrollTop) + 'px'
})
$("body").append(elem)
elem.focus()
elem.select()
document.execCommand('copy')
elem.remove()
return
return cb
limitItems: (items) ->
$('#resultdescription span').text(items.length)
@ -140,16 +153,33 @@ class CloudKeys
password = ""
for char, i of item.password
password += "*"
ul.append("<li><label>Username:</label><input type=\"text\" class=\"username\" value=\"#{ item.username }\">#{ @getClippyCode(item.username) }<br></li>")
ul.append("<li class=\"passwordtoggle\"><label>Password:</label><input type=\"text\" class=\"password\" value=\"#{ password }\" data-toggle=\"#{ item.password.replace(/"/g, '&quot;') }\"><em> (toggle visibility)</em></span>#{ @getClippyCode(item.password) }<br></li>")
ul.append("<li><label>URL:</label><input type=\"text\" class=\"url\" value=\"#{ item.url }\">#{ @getClippyCode(item.url) }<br></li>")
field = $("<li><label>Username:</label><input type=\"text\" class=\"username\" value=\"#{ item.username }\"><br></li>")
ul.append(field)
@getClipboardCode(item.username).insertBefore(field.find("br"))
field = $("<li class=\"passwordtoggle\"><label>Password:</label><input type=\"text\" class=\"password\" value=\"#{ password }\" data-toggle=\"#{ item.password.replace(/"/g, '&quot;') }\"><em> (toggle visibility)</em></span><br></li>")
ul.append(field)
@getClipboardCode(item.password).insertBefore(field.find("br"))
field = $("<li><label>URL:</label><input type=\"text\" class=\"url\" value=\"#{ item.url }\"><br></li>")
ul.append(field)
@getClipboardCode(item.url).insertBefore(field.find("br"))
lines_match = item.comment.match(/\n/g)
if lines_match isnt null
counter = lines_match.length
if counter < 2
counter = 2
ul.append("<li><label>Comment:</label><textarea class=\"comment\" rows=\"#{ counter + 2 }\">#{ item.comment }</textarea>#{ @getClippyCode(item.comment) }<br></li>")
ul.append("<li><label>Tags:</label><input type=\"text\" class=\"tags\" value=\"#{ item.tags }\">#{ @getClippyCode(item.tags) }<br></li>")
field = $("<li><label>Comment:</label><textarea class=\"comment\" rows=\"#{ counter + 2 }\">#{ item.comment }</textarea><br></li>")
ul.append(field)
@getClipboardCode(item.comment).insertBefore(field.find("br"))
field = $("<li><label>Tags:</label><input type=\"text\" class=\"tags\" value=\"#{ item.tags }\"><br></li>")
ul.append(field)
@getClipboardCode(item.tags).insertBefore(field.find("br"))
ul.append("<li class=\"last\"><button class=\"btn btn-primary\">Edit</button><br></li>")
ul.find('.btn-primary').click () =>
`var t = this`

15
less/style.less
View file

@ -125,6 +125,21 @@ input {
width: 200px;
}
div.clipboard {
background: url('clipboard.png') no-repeat top left;
display: inline-block;
height: 14px;
width: 14px;
&:active {
background: url('clipboard_click.png') no-repeat top left;
}
&:hover {
background: url('clipboard_hover.png') no-repeat top left;
}
}
em {
float: left;
font-size: 70%;