Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

refactoring

Browse source
This commit is contained in:
OVSharova 2022-04-28 06:46:03 +03:00
parent 5001643573
commit ecda48303b
2 changed files with 20 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
apps/common/main/lib/view/Header.js
View file

@ -207,12 +207,12 @@ define([
//config.isCrypted =true; //delete fore merge! //config.isCrypted =true; //delete fore merge!
if ( this.labelDocName ) { if ( this.labelDocName ) {
if ( config.isCrypted ) { if ( config.isCrypted ) {
this.labelDocName.attr({'style':'text-align: left;'});
this.labelDocName.before( this.labelDocName.before(
'<div class="inner-box-icon crypted">' + '<div class="inner-box-icon crypted">' +
'<svg class="icon"><use xlink:href="#svg-icon-crypted"></use></svg>' + '<svg class="icon"><use xlink:href="#svg-icon-crypted"></use></svg>' +
'</div>'); '</div>');
this.imgCrypted = this.labelDocName.parent().find('.crypted'); this.imgCrypted = this.labelDocName.parent().find('.crypted');
this.titleAlign = 'left';
} }
if (!config.isEdit || !config.customization || !config.customization.compactHeader) { if (!config.isEdit || !config.customization || !config.customization.compactHeader) {
@ -386,7 +386,9 @@ define([
if ( e.keyCode == Common.UI.Keys.ESC ) { if ( e.keyCode == Common.UI.Keys.ESC ) {
Common.NotificationCenter.trigger('edit:complete', this); Common.NotificationCenter.trigger('edit:complete', this);
} else { } else {
me.labelDocName.attr('size', name.length + me.fileExtention.length > 10 ? name.length + me.fileExtention.length : 10); _.delay(function(){
me.setDocTile();
},10);
} }
} }
@ -756,10 +758,21 @@ define([
return (name.substring(idx) == this.fileExtention) ? name.substring(0, idx) : name ; return (name.substring(idx) == this.fileExtention) ? name.substring(0, idx) : name ;
}, },
setDocTile: function(name){ setDocTile: function(name){
this.labelDocName.val(name); if(name)
var ln = this.withoutExt ? this.fileExtention.length : 0; this.labelDocName.val(name);
this.labelDocName.attr('size', name.length + ln > 10 ? name.length + ln : 10); else
name = this.labelDocName.val();
var font ="12.5px Arial, Helvetica, \"Helvetica Neue\", sans-serif";
var align = (this.titleAlign)?'text-align: ' + this.titleAlign + '; margin-left: 1px; ':'';
this.labelDocName.attr('style', align + 'width:'+this.getTextWidth(name,font)+'px');
},
getTextWidth: function(text, font) {
(!this.canvas) && (this.canvas = document.createElement("canvas"));
var ctx = this.canvas.getContext('2d');
ctx.font = font;
var w = Math.ceil(ctx.measureText(text).width);
return (w < 100) ? Math.ceil(w*1.3) : w;
}, },
setUserName: function(name) { setUserName: function(name) {

4
apps/common/main/resources/less/header.less
View file

@ -487,6 +487,7 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
overflow: hidden; overflow: hidden;
padding: 4px 0px 2px 2px;
} }
#title-doc-name { #title-doc-name {
@ -496,7 +497,6 @@
text-align: center; text-align: center;
font-size: 12px; font-size: 12px;
line-height: 24px; line-height: 24px;
margin: 2px 0;
background-color: transparent; background-color: transparent;
border: 0 none; border: 0 none;
cursor: default; cursor: default;
@ -506,7 +506,7 @@
box-shadow: 0 0 0 1px @highlight-header-button-hover; box-shadow: 0 0 0 1px @highlight-header-button-hover;
/*border:@highlight-header-button-hover-ie solid 1px; /*border:@highlight-header-button-hover-ie solid 1px;
border:@highlight-header-button-hover solid 1px;*/ border:@highlight-header-button-hover solid 1px;*/
border-radius: 3px; border-radius: 1px;
cursor: text; cursor: text;
} }