',
- '<% _.each(signatures, function(item) { %>',
- '',
- '| <%= Common.Utils.String.htmlEncode(item.name) %> | ',
- '<%= Common.Utils.String.htmlEncode(item.date) %> | ',
- '
',
- '<% }); %>',
+ var me = this;
+ this.templateSignature = _.template([
+ '',
+ '',
+ '| <%= tipText %> | ',
+ '
',
+ '',
+ ' | ',
+ ' | ',
+ '
',
'
'
].join(''));
},
@@ -1368,22 +1371,28 @@ define([
render: function() {
$(this.el).html(this.template({scope: this}));
- this.btnAddInvisibleSign = new Common.UI.Button({
- el: '#fms-btn-invisible-sign'
- });
- this.btnAddInvisibleSign.on('click', _.bind(this.addInvisibleSign, this));
+ var protection = SSE.getController('Common.Controllers.Protection').getView();
- this.btnAddVisibleSign = new Common.UI.Button({
- el: '#fms-btn-visible-sign'
- });
- this.btnAddVisibleSign.on('click', _.bind(this.addVisibleSign, this));
+ this.btnAddPwd = protection.getButton('add-password');
+ this.btnAddPwd.render(this.$el.find('#fms-btn-add-pwd'));
+ this.btnAddPwd.on('click', _.bind(this.closeMenu, this));
- this.lblSignHeader = $('#id-fms-lbl-sign-header', this.$el);
+ this.btnChangePwd = protection.getButton('change-password');
+ this.btnChangePwd.render(this.$el.find('#fms-btn-change-pwd'));
+ this.btnChangePwd.on('click', _.bind(this.closeMenu, this));
- this.cntRequestedSign = $('#id-fms-requested-sign');
- this.cntValidSign = $('#id-fms-valid-sign');
- this.cntInvalidSign = $('#id-fms-invalid-sign');
+ this.btnDeletePwd = protection.getButton('del-password');
+ this.btnDeletePwd.render(this.$el.find('#fms-btn-delete-pwd'));
+ this.btnDeletePwd.on('click', _.bind(this.closeMenu, this));
+ this.cntPassword = $('#id-fms-view-pwd');
+
+ this.btnAddInvisibleSign = protection.getButton('signature');
+ this.btnAddInvisibleSign.render(this.$el.find('#fms-btn-invisible-sign'));
+ this.btnAddInvisibleSign.on('click', _.bind(this.closeMenu, this));
+
+ this.cntSignature = $('#id-fms-signature');
+ this.cntSignatureView = $('#id-fms-signature-view');
if (_.isUndefined(this.scroller)) {
this.scroller = new Common.UI.Scroller({
el: $(this.el),
@@ -1391,21 +1400,21 @@ define([
});
}
+ this.$el.on('click', '.signature-edit-link', _.bind(this.onEdit, this));
+ this.$el.on('click', '.signature-view-link', _.bind(this.onView, this));
+
return this;
},
show: function() {
Common.UI.BaseView.prototype.show.call(this,arguments);
this.updateSignatures();
+ this.updateEncrypt();
},
setMode: function(mode) {
this.mode = mode;
- if (!this.mode.isEdit) {
- this.btnAddInvisibleSign.setVisible(false);
- this.btnAddVisibleSign.setVisible(false);
- this.lblSignHeader.html(this.strSignature);
- }
+ this.cntSignature.toggleClass('hidden', !this.mode.canProtect);
},
setApi: function(o) {
@@ -1413,49 +1422,73 @@ define([
return this;
},
- addInvisibleSign: function() {
- if (this.menu)
- this.menu.fireEvent('signature:invisible', [this.menu]);
+ closeMenu: function() {
+ this.menu && this.menu.hide();
},
- addVisibleSign: function() {
- if (this.menu)
- this.menu.fireEvent('signature:visible', [this.menu]);
+ onEdit: function() {
+ this.menu && this.menu.hide();
+
+ var me = this;
+ Common.UI.warning({
+ title: this.notcriticalErrorTitle,
+ msg: this.txtEditWarning,
+ buttons: ['ok', 'cancel'],
+ primary: 'ok',
+ callback: function(btn) {
+ if (btn == 'ok') {
+ me.api.asc_RemoveAllSignatures();
+ }
+ }
+ });
+
+ },
+
+ onView: function() {
+ this.menu && this.menu.hide();
+ SSE.getController('RightMenu').rightmenu.SetActivePane(Common.Utils.documentSettingsType.Signature, true);
},
updateSignatures: function(){
var requested = this.api.asc_getRequestSignatures(),
- requested_arr = [],
valid = this.api.asc_getSignatures(),
- valid_arr = [], invalid_arr = [];
+ hasRequested = requested && requested.length>0,
+ hasValid = false,
+ hasInvalid = false;
- _.each(requested, function(item, index){
- requested_arr.push(item.asc_getSigner1());
- });
_.each(valid, function(item, index){
- var sign = {name: item.asc_getSigner1(), date: '18/05/2017'};
- (item.asc_getValid()==0) ? valid_arr.push(sign) : invalid_arr.push(sign);
+ if (item.asc_getValid()==0)
+ hasValid = true;
+ else
+ hasInvalid = true;
});
- // requested_arr = ['Hammish Mitchell', 'Someone Somewhere', 'Mary White', 'John Black'];
- // valid_arr = [{name: 'Hammish Mitchell', guid: '123', date: '18/05/2017'}, {name: 'Someone Somewhere', guid: '345', date: '18/05/2017'}];
- // invalid_arr = [{name: 'Mary White', guid: '111', date: '18/05/2017'}, {name: 'John Black', guid: '456', date: '18/05/2017'}];
+ // hasRequested = true;
+ // hasValid = true;
+ // hasInvalid = true;
- this.cntRequestedSign.html(this.templateRequested({signatures: requested_arr, header: this.strRequested}));
- this.cntValidSign.html(this.templateValid({signatures: valid_arr, header: this.strValid}));
- this.cntInvalidSign.html(this.templateValid({signatures: invalid_arr, header: this.strInvalid}));
+ var tipText = (hasInvalid) ? this.txtSignedInvalid : (hasValid ? this.txtSigned : "");
+ if (hasRequested)
+ tipText = this.txtRequestedSignatures + (tipText!="" ? "
" : "")+ tipText;
- this.btnAddInvisibleSign.setDisabled(valid_arr.length>0 || invalid_arr.length>0);
- this.btnAddVisibleSign.setDisabled(valid_arr.length>0 || invalid_arr.length>0);
+ this.cntSignatureView.html(this.templateSignature({tipText: tipText, hasSigned: (hasValid || hasInvalid), hasRequested: hasRequested}));
+ },
+
+ updateEncrypt: function() {
+ this.cntPassword.toggleClass('hidden', this.btnAddPwd.isVisible());
},
strProtect: 'Protect Document',
- strInvisibleSign: 'Add invisible digital signature',
- strVisibleSign: 'Add visible signature',
- strRequested: 'Requested signatures',
- strValid: 'Valid signatures',
- strInvalid: 'Invalid signatures',
- strSignature: 'Signature'
+ strSignature: 'Signature',
+ txtView: 'View signatures',
+ txtEdit: 'Edit document',
+ txtSigned: 'Valid signatures has been added to the document. The document is protected from editing.',
+ txtSignedInvalid: 'Some of the digital signatures in document are invalid or could not be verified. The document is protected from editing.',
+ txtRequestedSignatures: 'This document needs to be signed.',
+ notcriticalErrorTitle: 'Warning',
+ txtEditWarning: 'Editing will remove the signatures from the document.
Are you sure you want to continue?',
+ strEncrypt: 'Password',
+ txtEncrypted: 'This document has been protected by password'
}, SSE.Views.FileMenuPanels.ProtectDoc || {}));
diff --git a/apps/spreadsheeteditor/main/app/view/SignatureSettings.js b/apps/spreadsheeteditor/main/app/view/SignatureSettings.js
index b40296ea2..ceefef983 100644
--- a/apps/spreadsheeteditor/main/app/view/SignatureSettings.js
+++ b/apps/spreadsheeteditor/main/app/view/SignatureSettings.js
@@ -43,9 +43,7 @@ define([
'jquery',
'underscore',
'backbone',
- 'common/main/lib/component/Button',
- 'common/main/lib/view/SignDialog',
- 'common/main/lib/view/SignSettingsDialog'
+ 'common/main/lib/component/Button'
], function (menuTemplate, $, _, Backbone) {
'use strict';
@@ -64,11 +62,7 @@ define([
},
initialize: function () {
- var me = this;
-
this._state = {
- DisabledControls: false,
- DisabledInsertControls: false,
requestedSignatures: undefined,
validSignatures: undefined,
invalidSignatures: undefined,
@@ -76,39 +70,6 @@ define([
ready: false
};
this._locked = false;
- this.lockedControls = [];
-
- this._noApply = false;
- this._originalProps = null;
-
- this.templateRequested = _.template([
- '',
- '',
- ' | ',
- '<% _.each(signatures, function(item) { %>',
- '',
- ' | ',
- ' | ',
- ' ',
- '<% }); %>',
- ' ',
- ' | '
- ].join(''));
-
- this.templateValid = _.template([
- '',
- '',
- ' | ',
- '<% _.each(signatures, function(item) { %>',
- '',
- '<%= Common.Utils.String.htmlEncode(item.name) %> | ',
- ' | ',
- ' ',
- ' | ',
- '<% }); %>',
- ' ',
- ' | '
- ].join(''));
this.render();
},
@@ -118,24 +79,59 @@ define([
scope: this
}));
- this.btnAddInvisibleSign = new Common.UI.Button({
- el: this.$el.find('#signature-invisible-sign')
+ var protection = SSE.getController('Common.Controllers.Protection').getView();
+ this.btnAddInvisibleSign = protection.getButton('signature');
+ this.btnAddInvisibleSign.render(this.$el.find('#signature-invisible-sign'));
+
+ this.viewRequestedList = new Common.UI.DataView({
+ el: $('#signature-requested-sign'),
+ enableKeyEvents: false,
+ itemTemplate: _.template([
+ '',
+ '
',
+ '
<%= Common.Utils.String.htmlEncode(name) %>
',
+ '
',
+ '
',
+ '
<%= Common.Utils.String.htmlEncode(name) %>
',
+ '
<%= Common.Utils.String.htmlEncode(date) %>
',
+ '
',
+ '
',
+ '
<%= Common.Utils.String.htmlEncode(name) %>
',
+ '
<%= Common.Utils.String.htmlEncode(date) %>
',
+ '
" + tipText;
var me = this,
tip = new Common.UI.SynchronizeTip({
target : SSE.getController('RightMenu').getView('RightMenu').btnSignature.btnEl,
- text : (hasSigned) ? this.txtSignedDocument : this.txtRequestedSignatures,
- showLink: hasSigned,
+ text : tipText,
+ showLink: hasValid || hasInvalid,
textLink: this.txtContinueEditing,
placement: 'left'
});
tip.on({
'dontshowclick': function() {
- tip.close();
- // me.api.editSingedDoc();
- // me.disableEditing(false); // call in the asc_onUpdateSignatures event callback.
+ Common.UI.warning({
+ title: me.notcriticalErrorTitle,
+ msg: me.txtEditWarning,
+ buttons: ['ok', 'cancel'],
+ primary: 'ok',
+ callback: function(btn) {
+ if (btn == 'ok') {
+ tip.close();
+ me.api.asc_RemoveAllSignatures();
+ }
+ }
+ });
},
'closeclick': function() {
tip.close();
@@ -332,31 +328,32 @@ define([
rightMenuController.rightmenu.clearSelection();
rightMenuController.SetDisabled(disable, true);
SSE.getController('Toolbar').DisableToolbar(disable, disable);
+ SSE.getController('Statusbar').SetDisabled(disable);
SSE.getController('Common.Controllers.ReviewChanges').SetDisabled(disable);
SSE.getController('DocumentHolder').SetDisabled(disable);
- SSE.getController('Statusbar').SetDisabled(disable);
var leftMenu = SSE.getController('LeftMenu').leftMenu;
leftMenu.btnComments.setDisabled(disable);
var comments = SSE.getController('Common.Controllers.Comments');
if (comments)
comments.setPreviewMode(disable);
-
- this.disableInsertControls(disable);
}
},
strSignature: 'Signature',
- strInvisibleSign: 'Add invisible digital signature',
- strVisibleSign: 'Add visible signature',
strRequested: 'Requested signatures',
strValid: 'Valid signatures',
strInvalid: 'Invalid signatures',
strSign: 'Sign',
- strView: 'View',
- txtSignedDocument: 'This document has been signed. It should not be edited.',
- txtRequestedSignatures: 'This document has requested signatures.',
- txtContinueEditing: 'Edit anyway'
+ strDetails: 'Signature Details',
+ strSetup: 'Signature Setup',
+ txtSigned: 'Valid signatures has been added to the document. The document is protected from editing.',
+ txtSignedInvalid: 'Some of the digital signatures in document are invalid or could not be verified. The document is protected from editing.',
+ txtRequestedSignatures: 'This document needs to be signed.',
+ txtContinueEditing: 'Edit anyway',
+ notcriticalErrorTitle: 'Warning',
+ txtEditWarning: 'Editing will remove the signatures from the document.
Are you sure you want to continue?',
+ strDelete: 'Remove Signature'
}, SSE.Views.SignatureSettings || {}));
});
\ No newline at end of file
diff --git a/apps/spreadsheeteditor/main/app/view/Toolbar.js b/apps/spreadsheeteditor/main/app/view/Toolbar.js
index 80640070f..4a08a5572 100644
--- a/apps/spreadsheeteditor/main/app/view/Toolbar.js
+++ b/apps/spreadsheeteditor/main/app/view/Toolbar.js
@@ -2069,6 +2069,7 @@ define([
textTabInsert: 'Insert',
textSurface: 'Surface',
tipChangeChart: 'Change Chart Type',
- textTabCollaboration: 'Collaboration'
+ textTabCollaboration: 'Collaboration',
+ textTabProtect: 'Protection'
}, SSE.Views.Toolbar || {}));
});
\ No newline at end of file
diff --git a/apps/spreadsheeteditor/main/app_dev.js b/apps/spreadsheeteditor/main/app_dev.js
index 0690b9351..6971b85b8 100644
--- a/apps/spreadsheeteditor/main/app_dev.js
+++ b/apps/spreadsheeteditor/main/app_dev.js
@@ -151,6 +151,7 @@ require([
'Common.Controllers.Comments',
'Common.Controllers.Plugins'
,'Common.Controllers.ReviewChanges'
+ ,'Common.Controllers.Protection'
]
});
@@ -184,6 +185,7 @@ require([
'common/main/lib/controller/Chat',
'common/main/lib/controller/Plugins'
,'common/main/lib/controller/ReviewChanges'
+ ,'common/main/lib/controller/Protection'
], function() {
window.compareVersions = true;
app.start();
diff --git a/apps/spreadsheeteditor/main/locale/en.json b/apps/spreadsheeteditor/main/locale/en.json
index 5028f0628..c564e208d 100644
--- a/apps/spreadsheeteditor/main/locale/en.json
+++ b/apps/spreadsheeteditor/main/locale/en.json
@@ -102,12 +102,29 @@
"Common.Views.OpenDialog.txtTab": "Tab",
"Common.Views.OpenDialog.txtTitle": "Choose %1 options",
"Common.Views.OpenDialog.txtTitleProtected": "Protected File",
+ "Common.Views.PasswordDialog.cancelButtonText": "Cancel",
+ "Common.Views.PasswordDialog.okButtonText": "OK",
+ "Common.Views.PasswordDialog.txtPassword": "Password",
+ "Common.Views.PasswordDialog.txtTitle": "Set Password",
+ "Common.Views.PasswordDialog.txtDescription": "A Password is required to open this document",
+ "Common.Views.PasswordDialog.txtRepeat": "Repeat password",
+ "Common.Views.PasswordDialog.txtIncorrectPwd": "Confirmation password is not identical",
"Common.Views.PluginDlg.textLoading": "Loading",
"Common.Views.Plugins.groupCaption": "Plugins",
"Common.Views.Plugins.strPlugins": "Plugins",
"Common.Views.Plugins.textLoading": "Loading",
"Common.Views.Plugins.textStart": "Start",
"Common.Views.Plugins.textStop": "Stop",
+ "Common.Views.Protection.txtAddPwd": "Add password",
+ "Common.Views.Protection.txtEncrypt": "Encrypt",
+ "Common.Views.Protection.txtSignature": "Signature",
+ "Common.Views.Protection.hintAddPwd": "Encrypt with password",
+ "Common.Views.Protection.hintPwd": "Change or delete password",
+ "Common.Views.Protection.hintSignature": "Add digital signature or signature line",
+ "Common.Views.Protection.txtChangePwd": "Change password",
+ "Common.Views.Protection.txtDeletePwd": "Delete password",
+ "Common.Views.Protection.txtInvisibleSignature": "Add digital signature",
+ "Common.Views.Protection.txtSignatureLine": "Signature line",
"Common.Views.RenameDialog.cancelButtonText": "Cancel",
"Common.Views.RenameDialog.okButtonText": "Ok",
"Common.Views.RenameDialog.textName": "File name",
@@ -301,7 +318,7 @@
"SSE.Controllers.LeftMenu.textItemEntireCell": "Entire cell contents",
"SSE.Controllers.LeftMenu.textLookin": "Look in",
"SSE.Controllers.LeftMenu.textNoTextFound": "The data you have been searching for could not be found. Please adjust your search options.",
- "SSE.Controllers.LeftMenu.textReplaceSkipped": "The replacement has been made. {0} occurrences were skipped.",
+ "SSE.Controllers.LeftMenu.textReplaceSkipped": "The replacement has been maSSE. {0} occurrences were skipped.",
"SSE.Controllers.LeftMenu.textReplaceSuccess": "The search has been done. Occurrences replaced: {0}",
"SSE.Controllers.LeftMenu.textSearch": "Search",
"SSE.Controllers.LeftMenu.textSheet": "Sheet",
@@ -1198,12 +1215,16 @@
"SSE.Views.FileMenuPanels.Settings.txtGeneral": "General",
"SSE.Views.FileMenuPanels.Settings.txtPageSettings": "Page Settings",
"SSE.Views.FileMenuPanels.ProtectDoc.strProtect": "Protect Document",
- "SSE.Views.FileMenuPanels.ProtectDoc.strInvisibleSign": "Add invisible digital signature",
- "SSE.Views.FileMenuPanels.ProtectDoc.strVisibleSign": "Add visible signature",
- "SSE.Views.FileMenuPanels.ProtectDoc.strRequested": "Requested signatures",
- "SSE.Views.FileMenuPanels.ProtectDoc.strValid": "Valid signatures",
- "SSE.Views.FileMenuPanels.ProtectDoc.strInvalid": "Invalid signatures",
"SSE.Views.FileMenuPanels.ProtectDoc.strSignature": "Signature",
+ "SSE.Views.FileMenuPanels.ProtectDoc.txtView": "View signatures",
+ "SSE.Views.FileMenuPanels.ProtectDoc.txtEdit": "Edit document",
+ "SSE.Views.FileMenuPanels.ProtectDoc.txtSigned": "Valid signatures has been added to the document. The document is protected from editing.",
+ "SSE.Views.FileMenuPanels.ProtectDoc.txtSignedInvalid": "Some of the digital signatures in document are invalid or could not be verified. The document is protected from editing.",
+ "SSE.Views.FileMenuPanels.ProtectDoc.txtRequestedSignatures": "This document needs to be signed.",
+ "SSE.Views.FileMenuPanels.ProtectDoc.notcriticalErrorTitle": "Warning",
+ "SSE.Views.FileMenuPanels.ProtectDoc.txtEditWarning": "Editing will remove the signatures from the document.
Are you sure you want to continue?",
+ "SSE.Views.FileMenuPanels.ProtectDoc.strEncrypt": "Password",
+ "SSE.Views.FileMenuPanels.ProtectDoc.txtEncrypted": "This document has been protected by password",
"SSE.Views.FormatSettingsDialog.textCancel": "Cancel",
"SSE.Views.FormatSettingsDialog.textCategory": "Category",
"SSE.Views.FormatSettingsDialog.textDecimal": "Decimal",
@@ -1502,13 +1523,19 @@
"SSE.Views.ShapeSettings.txtPapyrus": "Papyrus",
"SSE.Views.ShapeSettings.txtWood": "Wood",
"SSE.Views.SignatureSettings.strSignature": "Signature",
- "SSE.Views.SignatureSettings.strInvisibleSign": "Add invisible digital signature",
- "SSE.Views.SignatureSettings.strVisibleSign": "Add visible signature",
"SSE.Views.SignatureSettings.strRequested": "Requested signatures",
"SSE.Views.SignatureSettings.strValid": "Valid signatures",
"SSE.Views.SignatureSettings.strInvalid": "Invalid signatures",
"SSE.Views.SignatureSettings.strSign": "Sign",
- "SSE.Views.SignatureSettings.strView": "View",
+ "SSE.Views.SignatureSettings.strDetails": "Signature Details",
+ "SSE.Views.SignatureSettings.strDelete": "Remove Signature",
+ "SSE.Views.SignatureSettings.strSetup": "Signature Setup",
+ "SSE.Views.SignatureSettings.txtSigned": "Valid signatures has been added to the document. The document is protected from editing.",
+ "SSE.Views.SignatureSettings.txtSignedInvalid": "Some of the digital signatures in document are invalid or could not be verified. The document is protected from editing.",
+ "SSE.Views.SignatureSettings.txtRequestedSignatures": "This document needs to be signed.",
+ "SSE.Views.SignatureSettings.txtContinueEditing": "Edit anyway",
+ "SSE.Views.SignatureSettings.notcriticalErrorTitle": "Warning",
+ "SSE.Views.SignatureSettings.txtEditWarning": "Editing will remove the signatures from the document.
Are you sure you want to continue?",
"SSE.Views.ShapeSettingsAdvanced.cancelButtonText": "Cancel",
"SSE.Views.ShapeSettingsAdvanced.okButtonText": "OK",
"SSE.Views.ShapeSettingsAdvanced.strColumns": "Columns",
@@ -1735,6 +1762,7 @@
"SSE.Views.Toolbar.textTabHome": "Home",
"SSE.Views.Toolbar.textTabInsert": "Insert",
"SSE.Views.Toolbar.textTabCollaboration": "Collaboration",
+ "SSE.Views.Toolbar.textTabProtect": "Protection",
"SSE.Views.Toolbar.textTopBorders": "Top Borders",
"SSE.Views.Toolbar.textUnderline": "Underline",
"SSE.Views.Toolbar.textWinLossSpark": "Win/Loss",
diff --git a/apps/spreadsheeteditor/main/resources/less/leftmenu.less b/apps/spreadsheeteditor/main/resources/less/leftmenu.less
index 45bc0198c..59e7c6ba8 100644
--- a/apps/spreadsheeteditor/main/resources/less/leftmenu.less
+++ b/apps/spreadsheeteditor/main/resources/less/leftmenu.less
@@ -521,6 +521,25 @@
font-size: 12px;
}
}
+
+ #panel-protect {
+ label, span {
+ font-size: 12px;
+ }
+
+ padding: 30px 30px;
+
+ .header {
+ font-weight: bold;
+ margin: 30px 0 10px;
+ }
+
+ table {
+ td {
+ padding: 5px 0;
+ }
+ }
+ }
}
}
@@ -539,31 +558,3 @@
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
-
-#panel-protect {
- #file-menu-panel & {
- padding: 30px 30px;
- }
-
-
- button {
- display: block;
- width: auto;
- margin-top: 20px;
- }
-
- label {
- font-size: 12px;
- }
-
- .header {
- font-weight: bold;
- margin: 30px 0 10px;
- }
-
- table {
- td {
- padding: 5px 5px;
- }
- }
-}
\ No newline at end of file
diff --git a/apps/spreadsheeteditor/main/resources/less/rightmenu.less b/apps/spreadsheeteditor/main/resources/less/rightmenu.less
index 2047d2f20..c64d1a80b 100644
--- a/apps/spreadsheeteditor/main/resources/less/rightmenu.less
+++ b/apps/spreadsheeteditor/main/resources/less/rightmenu.less
@@ -392,8 +392,54 @@ button:active:not(.disabled) .btn-change-shape {background-position: -56px -
}
}
-.signature-sign-name {
+#signature-requested-sign,
+#signature-valid-sign,
+#signature-invalid-sign {
+ height: 100%;
overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
+ margin: 0 -10px 0 -15px;
+
+ .item {
+ display: block;
+ border: none;
+ width: 100%;
+ .box-shadow(none);
+ margin: 0;
+
+ &:hover,
+ &.over {
+ background-color: @secondary;
+ }
+ }
+
+ .signature-item {
+ padding: 5px 2px 5px 15px;
+ text-overflow: ellipsis;
+
+ .name {
+ width: 100%;
+ white-space: nowrap;
+ overflow: hidden;
+ cursor: pointer;
+ max-width: 160px;
+ text-overflow: ellipsis;
+ }
+
+ .caret {
+ width: 23px;
+ height: 14px;
+ border: 0;
+ background-position: -43px -150px;
+ margin: 8px 15px;
+ display: inline-block;
+ position: absolute;
+ right: 0;
+ }
+
+ &.requested {
+ .caret {
+ margin: 0 15px;
+ }
+ }
+ }
}
\ No newline at end of file