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