mindmapShare css improvements

This commit is contained in:
Ezequiel Bergamaschi 2014-09-11 13:04:50 -03:00
parent 903d03fdf4
commit 9fd5c2c8d4

View File

@ -3,7 +3,7 @@
<style type="text/css">
#sharingContainer {
height: 180px;
height: 220px;
width: 100%;
overflow-y: scroll;
border-top: 1px solid #d3d3d3;
@ -19,7 +19,7 @@
display: inline-block;
}
#addMessageLink,#roleBtn a {
#addMessageLink,.btn-group a {
padding-left: 20px;
color: #428bca;
text-decoration: none;
@ -34,6 +34,23 @@
width: 100%;
}
.closeBtn {
font-size: 13px;
font-weight: 800;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
}
#collabsTable td {
vertical-align: middle;
}
.alert-small {
padding: 7px;
}
</style>
<p><strong><spring:message code="WHO_CAN_ACCESS"/>:</strong></p>
@ -48,8 +65,8 @@
</table>
</div>
<div class="well">
<div id="errorMsg" class="alert alert-danger"></div>
<div class="well" style="margin-bottom: 0px">
<div id="errorMsg" class="alert alert-danger alert-small"></div>
<div>
<p><strong><spring:message code="ADD_PEOPLE"/>:</strong></p>
@ -89,6 +106,13 @@ $("#addMessageLink").click(function (event) {
event.preventDefault();
});
$("#collabEmails").keyup(function(event) {
var keyCode = event.keyCode;
if (keyCode == 13) {
$('#addBtn').trigger('click');
}
});
var messages = {
owner:'<spring:message code="IS_OWNER"/>',
editor:'<spring:message code="CAN_EDIT"/>',
@ -106,10 +130,11 @@ function addCollaboration(email, role, changeType) {
var rowStr;
var tableElem = $("#collabsTable");
if (role != "owner") {
tableElem = $("#collabsTable tbody");
// Add row to the table ...
var rowTemplate = '\
<tr data-collab="{email}" data-role="{role}">\
<td>{email}{typeIcon}</td>\
<td><span>{email}{typeIcon}</span></td>\
<td>\
<div class="btn-group">\
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#""></a>\
@ -119,7 +144,7 @@ function addCollaboration(email, role, changeType) {
</ul>\
</div>\
</td>\
<td><a href="#">x</a></td>\
<td><a href="#" class="closeBtn" style="text-decoration: none; color: rgb(201, 1, 1)">x</a></td>\
</tr>';
rowStr = rowTemplate.replace(/{email}/g, email);
@ -146,8 +171,8 @@ function addCollaboration(email, role, changeType) {
});
} else {
rowStr = '<tr data-collab=' + email + ' data-role="' + role + '">\
<td>' + email + ' (<spring:message code="YOU"/>)</td>\
<td><button class="btn btn-secondary" style="float: right">' + messages[role] + '</button></td>\
<td><span>' + email + ' (<spring:message code="YOU"/>)</span></td>\
<td><button class="btn btn-secondary" style="margin-left: 15px">' + messages[role] + '</button></td>\
<td></td>\
</tr>';
tableElem.append(rowStr);