diff --git a/app/assets/javascripts/app/views/photo_view.js b/app/assets/javascripts/app/views/photo_view.js
index e4035be87..9bf77602b 100644
--- a/app/assets/javascripts/app/views/photo_view.js
+++ b/app/assets/javascripts/app/views/photo_view.js
@@ -4,10 +4,21 @@ app.views.Photo = app.views.Base.extend({
className : "photo loaded",
+ events: {
+ "click .remove_post": "destroyModel"
+ },
+
+ tooltipSelector : ".block_user, .delete",
+
initialize : function() {
$(this.el).attr("id", this.model.get("guid"));
this.model.bind('remove', this.remove, this);
return this;
+ },
+
+ presenter : function() {
+ return _.extend(this.defaultPresenter(), {
+ authorIsCurrentUser : this.authorIsCurrentUser(),
+ });
}
-
});
\ No newline at end of file
diff --git a/app/assets/stylesheets/application.css.sass b/app/assets/stylesheets/application.css.sass
index 51ed2c419..3b3cab6e1 100644
--- a/app/assets/stylesheets/application.css.sass
+++ b/app/assets/stylesheets/application.css.sass
@@ -21,6 +21,7 @@
@import 'report'
@import 'new_styles/_forms'
@import 'tag'
+@import 'photo'
/* ====== media ====== */
.media
diff --git a/app/assets/stylesheets/photo.css.scss b/app/assets/stylesheets/photo.css.scss
new file mode 100644
index 000000000..5450bff44
--- /dev/null
+++ b/app/assets/stylesheets/photo.css.scss
@@ -0,0 +1,19 @@
+.photo {
+ .controls:first-child {
+ .control_icon {
+ @include transition(opacity);
+ @include opacity(0);
+ }
+ }
+
+ &:hover {
+ .controls:first-child {
+ .control_icon {
+ @include opacity(0.3);
+ }
+ .control_icon:hover {
+ @include opacity(1);
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/app/assets/templates/photo_tpl.jst.hbs b/app/assets/templates/photo_tpl.jst.hbs
index 375d6869e..534b9b998 100644
--- a/app/assets/templates/photo_tpl.jst.hbs
+++ b/app/assets/templates/photo_tpl.jst.hbs
@@ -1,3 +1,29 @@
-
-
-
\ No newline at end of file
+