Skip to content

Commit

Permalink
added info section to browser action / updated readme
Browse files Browse the repository at this point in the history
  • Loading branch information
Yulian Glukhenko committed Jun 16, 2015
1 parent 48ee46b commit cc890eb
Show file tree
Hide file tree
Showing 16 changed files with 144 additions and 15 deletions.
20 changes: 20 additions & 0 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,6 +40,26 @@ This extension uses Ruby and Node build tools. The following instructions assume

### Timeline

###### 06-15-15

Version 0.2.0 published on the Chrome Web Store.

Changes include:

• a ton of bug fixes

• feature: allow screenshots to be attached to existing cards !!!

• more bug fixes

• update to browser action to include changelog link, a few other useful links :)

![http://clrsight.co/yg/9832fh9283h9v28h3v.gif?+](http://clrsight.co/yg/9832fh9283h9v28h3v.gif?+)

###### Feb - June

Bugfixes

###### 01-22-15

Version 0.1.0 published on the Chrome Web Store.
Expand Down
Binary file added ext/assets/images/ico.more-info-bug.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ext/assets/images/ico.more-info-donate.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ext/assets/images/ico.more-info-rate.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ext/assets/images/ico.more-info-trigger-blue.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ext/assets/images/ico.more-info-trigger-close.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ext/assets/images/ico.more-info-trigger-white.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ext/assets/images/ico.more-info-versions.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
27 changes: 22 additions & 5 deletions ext/assets/javascripts/browser-action.js
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

23 changes: 18 additions & 5 deletions ext/assets/javascripts/src/browser_action/actions.coffee
View file
Original file line number Diff line number Diff line change
@@ -1,17 +1,30 @@
class Actions

@bind_capture_visible = (button) ->
button.on "click", ->
@bind_capture_visible = ($button) ->
$button.on "click", ->
CaptureVisible.screenshot()

@bind_capture_partial = (button) ->
button.on "click", ->
@bind_capture_partial = ($button) ->
$button.on "click", ->
CapturePartial.screenshot()

@bind_info_button = ($button) ->
$button.on "click", ->
$more_info = $button.siblings(".more-info-container")
if $button.hasClass "active"
$button.removeClass "active"
$more_info.slideUp 150
else
$button.addClass "active"
$more_info.slideDown 150

jQuery ->

# capture visible button
Actions.bind_capture_visible $("#capture-visible") if $("#capture-visible").length

# capture partial button
Actions.bind_capture_partial $("#capture-partial") if $("#capture-partial").length
Actions.bind_capture_partial $("#capture-partial") if $("#capture-partial").length

# capture info button
Actions.bind_info_button $("#more-info-icon") if $("#more-info-icon").length
2 changes: 1 addition & 1 deletion ext/assets/stylesheets/browser-action.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion ext/assets/stylesheets/edit.css
View file

Large diffs are not rendered by default.

67 changes: 66 additions & 1 deletion ext/assets/stylesheets/src/browser-action.sass
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,76 @@

#trellosnap

.more-info-container
background : #2C3E4F
font-size : 12px
color : white
line-height : 15px
text-align : center
padding : 10px 0px
display : none

.more-info
padding : 10px 20px
color : white
text-decoration : none
display : block

&:hover
&:before, &:after
@include transition(opacity .2s ease-in-out)
opacity: 1

&:after, &:before
@include transition(opacity .2s ease-in-out)
display : inline-block
content : ""
width : 10px
height : 1px
background : white
opacity : 0
margin : 0 10px
position : relative
top : -3px

img
margin-right : 10px
position : relative
bottom : -3px


#more-info-icon
@include transition(all .2s ease-in-out)
float : right
width : 20px
height : 20px
cursor : pointer
background :
position : center center
repeat : no-repeat
image : url(../images/ico.more-info-trigger-blue.png)
size : 12px 12px

&:hover
@include transition(all .2s ease-in-out)
background :
color : $blue
image : url(../images/ico.more-info-trigger-white.png)

&.active
background :
color : white
image : url(../images/ico.more-info-trigger-close.png)

&:hover
background-color: white

.action-title
clear : both
text-align : center
font-weight : 300
color : $blue
padding : 15px 35px
padding : 0px 35px 20px

.button-container
@include row
Expand Down
2 changes: 1 addition & 1 deletion ext/assets/stylesheets/src/edit.sass
View file
Original file line number Diff line number Diff line change
Expand Up @@ -365,7 +365,7 @@
&.selected
border-color: darken(#FAD900, 30%)

#trello-card-info
#trello-card-info, #trello-card-picker
@include media($mobile)
margin-right : 0px

Expand Down
2 changes: 1 addition & 1 deletion ext/views/browser-action.html
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<!DOCTYPE html><html lang="en"><head><title>Snapshot for Trello :: Take a Screenshot</title><link rel="stylesheet" href="/assets/stylesheets/browser-action.css"><script src="/assets/javascripts/vendor/jquery.min.js"></script><script src="/assets/javascripts/browser-action.js"></script></head><body><div id="trellosnap"><h4 class="action-title">Snapshot for Trello</h4><div class="button-container"><span id="capture-visible" class="capture-button">capture visible</span><span id="capture-partial" class="capture-button">capture selection</span></div></div></body></html>
<!DOCTYPE html><html lang="en"><head><title>Snapshot for Trello :: Take a Screenshot</title><link rel="stylesheet" href="/assets/stylesheets/browser-action.css"><script src="/assets/javascripts/vendor/jquery.min.js"></script><script src="/assets/javascripts/browser-action.js"></script></head><body><div id="trellosnap"><div class="more-info-container"><a href="https://github.com/yulianglukhenko/trellosnap#06-15-15" target="_blank" class="more-info version"><img src="/assets/images/ico.more-info-versions.png" height="15">what's new in v2.0</a><a href="https://twitter.com/yulolimum" target="_blank" class="more-info help"><img src="/assets/images/ico.more-info-bug.png" height="15">found a bug?</a><a href="https://chrome.google.com/webstore/detail/snapshot-for-trello/lkkgpfdhgclmmhaggnebklhmkckeddad/reviews?hl=en" target="_blank" class="more-info rate"><img src="/assets/images/ico.more-info-rate.png" height="15">rate this extension</a><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=Y3VBMEFJMSU2Y" target="_blank" class="more-info donate"><img src="/assets/images/ico.more-info-donate.png" height="15">generous? buy me a beer</a></div><div id="more-info-icon"></div><h4 class="action-title">Snapshot for Trello</h4><div class="button-container"><span id="capture-visible" class="capture-button">capture visible</span><span id="capture-partial" class="capture-button">capture selection</span></div></div></body></html>
14 changes: 14 additions & 0 deletions ext/views/src/browser-action.jade
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,20 @@ html(lang="en")
script(src="/assets/javascripts/browser-action.js")
body
#trellosnap
.more-info-container
a.more-info.version(href="https://github.com/yulianglukhenko/trellosnap#06-15-15" target="_blank")
img(src="/assets/images/ico.more-info-versions.png" height="15")
| what's new in v2.0
a.more-info.help(href="https://twitter.com/yulolimum" target="_blank")
img(src="/assets/images/ico.more-info-bug.png" height="15")
| found a bug?
a.more-info.rate(href="https://chrome.google.com/webstore/detail/snapshot-for-trello/lkkgpfdhgclmmhaggnebklhmkckeddad/reviews?hl=en" target="_blank")
img(src="/assets/images/ico.more-info-rate.png" height="15")
| rate this extension
a.more-info.donate(href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=Y3VBMEFJMSU2Y" target="_blank")
img(src="/assets/images/ico.more-info-donate.png" height="15")
| generous? buy me a beer
#more-info-icon
h4.action-title Snapshot for Trello
.button-container
span#capture-visible.capture-button capture visible
Expand Down

0 comments on commit cc890eb

Please sign in to comment.