add bootstrap tooltips for great justice (and clarity) [ci skip]

This commit is contained in:
danielgrippi 2012-04-27 20:45:26 -07:00
parent 889b86f9cb
commit 7f4af0359f
8 changed files with 24 additions and 15 deletions

View file

@ -15,6 +15,8 @@ app.pages.Profile = app.views.Base.extend({
"click #edit-mode-toggle" : "toggleEdit"
},
tooltipSelector : "*[rel=tooltip]",
personGUID : null,
editMode : false,

View file

@ -1,6 +1,8 @@
app.views.ProfileInfo = app.views.Base.extend({
templateName : "profile-info",
tooltipSelector : "*[rel=tooltip]",
initialize : function(){
this.model.bind("change", this.render, this) //this should go on profile info view when it gets Extracted
}

View file

@ -147,15 +147,19 @@ body {
width : 29px;
}
.timestamp,
.permalink {
margin : 1px 7px;
}
.timestamp {
float : left;
margin-top : 2px;
}
.permalink {
cursor : pointer;
position : absolute;
right : 10px;
margin-top : 2px;
&:hover {
background-color : #ddd;
}
float : right;
}
}

View file

@ -13,7 +13,6 @@
</span>
</a>
<div id="post-content"> </div>
<div id="post-nav"> </div>
<div id="post-interactions"> </div>

View file

@ -37,7 +37,7 @@
{{#if isOwnProfile}}
<span class="divider">•</span>
<a href="/profile/edit" title="Edit Profile" style="margin-left:2px;">
<a href="/profile/edit" title="Edit Profile" rel="tooltip" style="margin-left:2px;">
<i class="icon-cog"></i>
</a>
{{/if}}

View file

@ -15,11 +15,11 @@
<section id="profile-controls">
{{#if isOwnProfile}}
<a href="#composer" title="New Post" class="control small" rel="facebox">
<img src='{{imageUrl "buttons/pub@2x.png"}}' />
<a href="#composer" class="control small" rel="facebox">
<img src='{{imageUrl "buttons/pub@2x.png"}}' title="New Post" rel="tooltip"/>
</a>
<a href="#" title="Edit Layout" id="edit-mode-toggle" class="control small">
<img src='{{imageUrl "buttons/edit@2x.png"}}' />
<a href="#" id="edit-mode-toggle" class="control small">
<img src='{{imageUrl "buttons/edit@2x.png"}}' title="Edit Posts" rel="tooltip"/>
</a>
{{/if}}
</section>

View file

@ -35,11 +35,13 @@
{{/linkToPerson}}
{{/if}}
<i class="icon-time timestamp" title="{{created_at}}" rel="tooltip"></i>
<i class="icon-share permalink" title="View Post" rel="tooltip"></i>
<i class="icon-heart"></i> {{likes_count}}
<i class="icon-retweet"></i> {{reshares_count}}
<i class="icon-comment"></i> {{comments_count}}
<i class="icon-share permalink"></i>
</div>
</div>

View file

@ -44,7 +44,7 @@ describe("app.pages.Profile", function(){
// will fix this in the next commit.
// spyOn(this.page, "isOwnProfile").andReturn(false)
// this.page.render()
// expect(this.page.$("#profile-controls .control").length).toBe(1)
// expect(this.page.$("#follow .control").length).toBe(1)
})
})