Merge branch 'feature/view-for-create-new' into develop
Fix Bug 51561
This commit is contained in:
Julia Radzhabova
commit
75a5df7f22
|
|
@ -1,10 +1,12 @@
|
|||
<svg fill="none" height="96" viewBox="0 0 96 96" width="96" xmlns="http://www.w3.org/2000/svg">
|
||||
<symbol id="svg-format-blank">
|
||||
<clipPath id="a">
|
||||
<path d="m0 0h96v96h-96z"/>
|
||||
</clipPath>
|
||||
<g clip-path="url(#a)">
|
||||
<path d="m.499997 94 .000003-74c0-.8284.67157-1.5 1.5-1.5h92c.8284 0 1.5.6716 1.5 1.5v74c0 .8284-.6716 1.5-1.5 1.5h-92c-.82843 0-1.500003-.6716-1.500003-1.5z" fill="#fff" stroke="#bfbfbf"/>
|
||||
</g>
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M94 9.5C94.8284 9.5 95.5 10.1716 95.5 11L95.5 85C95.5 85.8284 94.8284 86.5 94 86.5L2 86.5C1.17157 86.5 0.499997 85.8284 0.499997 85L0.5 11C0.5 10.1716 1.17158 9.5 2 9.5L94 9.5Z" fill="white" stroke="#BFBFBF"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="96" height="96" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 440 B After Width: | Height: | Size: 534 B |
|
|
@ -867,31 +867,25 @@ define([
|
|||
},
|
||||
|
||||
template: _.template([
|
||||
'<h3 style="margin-top: 20px;"><%= scope.fromBlankText %></h3><hr noshade />',
|
||||
'<div class="blank-document">',
|
||||
'<div class="blank-document-btn">',
|
||||
'<svg class="btn-blank-format">',
|
||||
'<use xlink:href="#svg-format-blank"></use>',
|
||||
'</svg>',
|
||||
'</div>',
|
||||
'<div class="blank-document-info">',
|
||||
'<h3><%= scope.newDocumentText %></h3>',
|
||||
'<%= scope.newDescriptionText %>',
|
||||
'</div>',
|
||||
'</div>',
|
||||
'<h3><%= scope.fromTemplateText %></h3><hr noshade />',
|
||||
'<h3 style="margin-top: 20px;"><%= scope.txtCreateNew %></h3>',
|
||||
'<div class="thumb-list">',
|
||||
'<% _.each(docs, function(item) { %>',
|
||||
'<div class="thumb-wrap" template="<%= item.url %>">',
|
||||
'<div class="thumb"',
|
||||
'<% if (!_.isEmpty(item.image)) { %> ',
|
||||
' style="background-image: url(<%= item.image %>);">',
|
||||
'<% } else { ' +
|
||||
'print(\"><svg class=\'btn-blank-format\'><use xlink:href=\'#svg-file-template\'></use></svg>\")' +
|
||||
' } %>',
|
||||
'</div>',
|
||||
'<div class="title"><%= Common.Utils.String.htmlEncode(item.title || item.name || "") %></div>',
|
||||
'<div class="blank-document">',
|
||||
'<div class="blank-document-btn">',
|
||||
'<svg class="btn-blank-format"><use xlink:href="#svg-format-blank"></use></svg>',
|
||||
'</div>',
|
||||
'<div class="title"><%= scope.fromBlankText %></div>',
|
||||
'</div>',
|
||||
'<% _.each(docs, function(item, index) { %>',
|
||||
'<div class="thumb-wrap" template="<%= item.url %>">',
|
||||
'<div class="thumb" ',
|
||||
'<% if (!_.isEmpty(item.image)) {%> ',
|
||||
' style="background-image: url(<%= item.image %>);">',
|
||||
' <%} else {' +
|
||||
'print(\"><svg class=\'btn-blank-format\'><use xlink:href=\'#svg-file-template\'></use></svg>\")' +
|
||||
' } %>',
|
||||
'</div>',
|
||||
'<div class="title"><%= Common.Utils.String.htmlEncode(item.title || item.name || "") %></div>',
|
||||
'</div>',
|
||||
'<% }) %>',
|
||||
'</div>'
|
||||
].join('')),
|
||||
|
|
@ -907,6 +901,14 @@ define([
|
|||
scope: this,
|
||||
docs: this.options[0].docs
|
||||
}));
|
||||
var docs=[{title: this.fromBlankText}].concat(this.options[0].docs);
|
||||
var thumbsElm= this.$el.find('.thumb-wrap, .blank-document');
|
||||
_.each(thumbsElm, function (tmb, index){
|
||||
$(tmb).find('.title').tooltip({
|
||||
title : docs[index].title,
|
||||
placement : 'cursor'
|
||||
});
|
||||
});
|
||||
|
||||
if (_.isUndefined(this.scroller)) {
|
||||
this.scroller = new Common.UI.Scroller({
|
||||
|
|
@ -935,10 +937,7 @@ define([
|
|||
},
|
||||
|
||||
fromBlankText : 'From Blank',
|
||||
newDocumentText : 'New Text Document',
|
||||
newDescriptionText : 'Create a new blank text document which you will be able to style and format after it is created during the editing. Or choose one of the templates to start a document of a certain type or purpose where some styles have already been pre-applied.',
|
||||
fromTemplateText : 'From Template',
|
||||
noTemplatesText : 'There are no templates'
|
||||
txtCreateNew : 'Create New'
|
||||
}, DE.Views.FileMenuPanels.CreateNew || {}));
|
||||
|
||||
DE.Views.FileMenuPanels.DocumentInfo = Common.UI.BaseView.extend(_.extend({
|
||||
|
|
|
|||
|
|
@ -1651,10 +1651,11 @@
|
|||
"DE.Views.FileMenu.btnToEditCaption": "Edit Document",
|
||||
"DE.Views.FileMenu.textDownload": "Download",
|
||||
"DE.Views.FileMenuPanels.CreateNew.fromBlankText": "From Blank",
|
||||
"DE.Views.FileMenuPanels.CreateNew.fromTemplateText": "From Template",
|
||||
"DE.Views.FileMenuPanels.CreateNew.newDescriptionText": "Create a new blank text document which you will be able to style and format after it is created during the editing. Or choose one of the templates to start a document of a certain type or purpose where some styles have already been pre-applied.",
|
||||
"DE.Views.FileMenuPanels.CreateNew.newDocumentText": "New Text Document",
|
||||
"DE.Views.FileMenuPanels.CreateNew.noTemplatesText": "There are no templates",
|
||||
"del_DE.Views.FileMenuPanels.CreateNew.fromTemplateText": "From Template",
|
||||
"del_DE.Views.FileMenuPanels.CreateNew.newDescriptionText": "Create a new blank text document which you will be able to style and format after it is created during the editing. Or choose one of the templates to start a document of a certain type or purpose where some styles have already been pre-applied.",
|
||||
"del_DE.Views.FileMenuPanels.CreateNew.newDocumentText": "New Text Document",
|
||||
"del_DE.Views.FileMenuPanels.CreateNew.noTemplatesText": "There are no templates",
|
||||
"DE.Views.FileMenuPanels.CreateNew.txtCreateNew": "Create New",
|
||||
"DE.Views.FileMenuPanels.DocumentInfo.okButtonText": "Apply",
|
||||
"DE.Views.FileMenuPanels.DocumentInfo.txtAddAuthor": "Add Author",
|
||||
"DE.Views.FileMenuPanels.DocumentInfo.txtAddText": "Add Text",
|
||||
|
|
|
|||
|
|
@ -110,10 +110,6 @@
|
|||
width: 96px;
|
||||
height: 96px;
|
||||
cursor: pointer;
|
||||
|
||||
svg&:hover {
|
||||
opacity:0.85;
|
||||
}
|
||||
}
|
||||
|
||||
#panel-settings,
|
||||
|
|
@ -166,9 +162,7 @@
|
|||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.blank-document {
|
||||
min-width: 650px;
|
||||
}
|
||||
|
||||
|
||||
.blank-document-info {
|
||||
vertical-align: top;
|
||||
|
|
@ -182,14 +176,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.blank-document-btn {
|
||||
display: inline-block;
|
||||
margin: 25px 20px 65px;
|
||||
|
||||
width: 96px;
|
||||
height: 96px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 0;
|
||||
|
|
@ -199,22 +185,46 @@
|
|||
}
|
||||
|
||||
.thumb-list {
|
||||
.thumb-wrap {
|
||||
max-width: 600px;
|
||||
.thumb-wrap, .blank-document {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
width: auto;
|
||||
padding: 30px 20px;
|
||||
cursor: pointer;
|
||||
vertical-align: top;
|
||||
.border-radius(@border-radius-small);
|
||||
|
||||
.thumb {
|
||||
.thumb, .blank-document-btn {
|
||||
width: 96px;
|
||||
height: 96px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
margin: 12px 12px 0px 12px;
|
||||
}
|
||||
|
||||
.title {
|
||||
padding-top: 20px;
|
||||
width: 104px;
|
||||
font-size: 12px;
|
||||
line-height: 14px;
|
||||
height: 28px;
|
||||
margin: 8px 8px 12px 8px;
|
||||
word-break: break-all;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
&:hover{
|
||||
background-color: @highlight-button-hover-ie;
|
||||
background-color: @highlight-button-hover;
|
||||
|
||||
}
|
||||
&:active{
|
||||
color: @text-normal-pressed-ie;
|
||||
color: @text-normal-pressed;
|
||||
background-color: @highlight-button-pressed-ie;
|
||||
background-color: @highlight-button-pressed;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -765,35 +765,29 @@ define([
|
|||
},
|
||||
|
||||
template: _.template([
|
||||
'<h3 style="margin-top: 20px;"><%= scope.fromBlankText %></h3><hr noshade />',
|
||||
'<div class="blank-document">',
|
||||
'<div class="blank-document-btn">',
|
||||
'<svg class="btn-blank-format">',
|
||||
'<use xlink:href="#svg-format-blank"></use>',
|
||||
'</svg>',
|
||||
'</div>',
|
||||
'<div class="blank-document-info">',
|
||||
'<h3><%= scope.newDocumentText %></h3>',
|
||||
'<%= scope.newDescriptionText %>',
|
||||
'</div>',
|
||||
'</div>',
|
||||
'<h3><%= scope.fromTemplateText %></h3><hr noshade />',
|
||||
'<h3 style="margin-top: 20px;"><%= scope.txtCreateNew %></h3>',
|
||||
'<div class="thumb-list">',
|
||||
'<% _.each(docs, function(item) { %>',
|
||||
'<div class="blank-document">',
|
||||
'<div class="blank-document-btn">',
|
||||
'<svg class="btn-blank-format"><use xlink:href="#svg-format-blank"></use></svg>',
|
||||
'</div>',
|
||||
'<div class="title"><%= scope.fromBlankText %></div>',
|
||||
'</div>',
|
||||
'<% _.each(docs, function(item, index) { %>',
|
||||
'<div class="thumb-wrap" template="<%= item.url %>">',
|
||||
'<div class="thumb"',
|
||||
'<% if (!_.isEmpty(item.image)) { %> ',
|
||||
'<div class="thumb" ',
|
||||
'<% if (!_.isEmpty(item.image)) {%> ',
|
||||
' style="background-image: url(<%= item.image %>);">',
|
||||
'<% } else { ' +
|
||||
'print(\"><svg class=\'btn-blank-format\'><use xlink:href=\'#svg-file-template\'></use></svg>\")' +
|
||||
' } %>',
|
||||
' <%} else {' +
|
||||
'print(\"><svg class=\'btn-blank-format\'><use xlink:href=\'#svg-file-template\'></use></svg>\")' +
|
||||
' } %>',
|
||||
'</div>',
|
||||
'<div class="title"><%= Common.Utils.String.htmlEncode(item.title || item.name || "") %></div>',
|
||||
'</div>',
|
||||
'<% }) %>',
|
||||
'</div>'
|
||||
].join('')),
|
||||
|
||||
|
||||
initialize: function(options) {
|
||||
Common.UI.BaseView.prototype.initialize.call(this,arguments);
|
||||
|
||||
|
|
@ -805,6 +799,14 @@ define([
|
|||
scope: this,
|
||||
docs: this.options[0].docs
|
||||
}));
|
||||
var docs=[{title: this.fromBlankText}].concat(this.options[0].docs);
|
||||
var thumbsElm= this.$el.find('.thumb-wrap, .blank-document');
|
||||
_.each(thumbsElm, function (tmb, index){
|
||||
$(tmb).find('.title').tooltip({
|
||||
title : docs[index].title,
|
||||
placement : 'cursor'
|
||||
});
|
||||
});
|
||||
|
||||
if (_.isUndefined(this.scroller)) {
|
||||
this.scroller = new Common.UI.Scroller({
|
||||
|
|
@ -833,10 +835,7 @@ define([
|
|||
},
|
||||
|
||||
fromBlankText : 'From Blank',
|
||||
newDocumentText : 'New Presentation',
|
||||
newDescriptionText : 'Create a new blank presentation which you will be able to style and format after it is created during the editing. Or choose one of the templates to start a document of a certain type or purpose where some styles have already been pre-applied.',
|
||||
fromTemplateText : 'From Template',
|
||||
noTemplatesText : 'There are no templates'
|
||||
txtCreateNew : 'Create New'
|
||||
}, PE.Views.FileMenuPanels.CreateNew || {}));
|
||||
|
||||
PE.Views.FileMenuPanels.DocumentInfo = Common.UI.BaseView.extend(_.extend({
|
||||
|
|
|
|||
|
|
@ -1314,10 +1314,11 @@
|
|||
"PE.Views.FileMenu.btnSettingsCaption": "Advanced Settings...",
|
||||
"PE.Views.FileMenu.btnToEditCaption": "Edit Presentation",
|
||||
"PE.Views.FileMenuPanels.CreateNew.fromBlankText": "From Blank",
|
||||
"PE.Views.FileMenuPanels.CreateNew.fromTemplateText": "From Template",
|
||||
"PE.Views.FileMenuPanels.CreateNew.newDescriptionText": "Create a new blank presentation which you will be able to style and format after it is created during the editing. Or choose one of the templates to start a presentation of a certain type or purpose where some styles have already been pre-applied.",
|
||||
"PE.Views.FileMenuPanels.CreateNew.newDocumentText": "New Presentation",
|
||||
"PE.Views.FileMenuPanels.CreateNew.noTemplatesText": "There are no templates",
|
||||
"del_PE.Views.FileMenuPanels.CreateNew.fromTemplateText": "From Template",
|
||||
"del_PE.Views.FileMenuPanels.CreateNew.newDescriptionText": "Create a new blank presentation which you will be able to style and format after it is created during the editing. Or choose one of the templates to start a presentation of a certain type or purpose where some styles have already been pre-applied.",
|
||||
"del_PE.Views.FileMenuPanels.CreateNew.newDocumentText": "New Presentation",
|
||||
"del_PE.Views.FileMenuPanels.CreateNew.noTemplatesText": "There are no templates",
|
||||
"PE.Views.FileMenuPanels.CreateNew.txtCreateNew": "Create New",
|
||||
"PE.Views.FileMenuPanels.DocumentInfo.okButtonText": "Apply",
|
||||
"PE.Views.FileMenuPanels.DocumentInfo.txtAddAuthor": "Add Author",
|
||||
"PE.Views.FileMenuPanels.DocumentInfo.txtAddText": "Add Text",
|
||||
|
|
|
|||
|
|
@ -1,21 +1,15 @@
|
|||
<svg fill="none" height="96" viewBox="0 0 96 96" width="96" xmlns="http://www.w3.org/2000/svg">
|
||||
<symbol id="svg-file-template">
|
||||
<clipPath id="a">
|
||||
<path d="m0 0h96v96h-96z"/>
|
||||
</clipPath>
|
||||
<g clip-path="url(#a)">
|
||||
<path d="m.499997 94 .000003-74c0-.8284.67157-1.5 1.5-1.5h92c.8284 0 1.5.6716 1.5 1.5v74c0 .8284-.6716 1.5-1.5 1.5h-92c-.82843 0-1.500003-.6716-1.500003-1.5z" fill="#fff" stroke="#bfbfbf"/>
|
||||
<g fill="#444">
|
||||
<rect height="8" opacity=".4" rx="1" width="64" x="16" y="34"/>
|
||||
<rect height="4" opacity=".4" rx="1" width="4" x="54" y="54"/>
|
||||
<rect height="4" opacity=".4" rx="1" width="4" x="54" y="62"/>
|
||||
<rect height="4" opacity=".4" rx="1" width="4" x="54" y="70"/>
|
||||
<rect height="4" opacity=".2" rx="1" width="20" x="60" y="54"/>
|
||||
<rect height="4" opacity=".2" rx="1" width="20" x="60" y="62"/>
|
||||
<rect height="4" opacity=".2" rx="1" width="20" x="60" y="70"/>
|
||||
<path d="m44 65c0 2.7689-.8211 5.4757-2.3594 7.778-1.5384 2.3023-3.7249 4.0967-6.283 5.1563-2.5582 1.0596-5.3731 1.3369-8.0889.7967-2.7157-.5402-5.2103-1.8736-7.1682-3.8315s-3.2913-4.4525-3.8315-7.1682c-.5402-2.7158-.2629-5.5307.7967-8.0889 1.0596-2.5581 2.854-4.7446 5.1563-6.283 2.3023-1.5383 5.0091-2.3594 7.778-2.3594v14z" opacity=".2"/>
|
||||
<path d="m32 49c1.8385 0 3.659.3621 5.3576 1.0657 1.6985.7036 3.2419 1.7348 4.5419 3.0348s2.3312 2.8434 3.0348 4.5419c.7036 1.6986 1.0657 3.5191 1.0657 5.3576h-14z" opacity=".4"/>
|
||||
</g>
|
||||
</g>
|
||||
<path d="M94 9.5C94.8284 9.5 95.5 10.1716 95.5 11L95.5 85C95.5 85.8284 94.8284 86.5 94 86.5L2 86.5C1.17157 86.5 0.499997 85.8284 0.499997 85L0.5 11C0.5 10.1716 1.17158 9.5 2 9.5L94 9.5Z" fill="white" stroke="#BFBFBF"/>
|
||||
<rect opacity="0.4" x="16" y="25" width="64" height="8" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.4" x="54" y="45" width="4" height="4" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.4" x="54" y="53" width="4" height="4" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.4" x="54" y="61" width="4" height="4" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.2" x="60" y="45" width="20" height="4" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.2" x="60" y="53" width="20" height="4" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.2" x="60" y="61" width="20" height="4" rx="1" fill="#444444"/>
|
||||
<path opacity="0.2" d="M44 56C44 58.7689 43.1789 61.4757 41.6406 63.778C40.1022 66.0803 37.9157 67.8747 35.3576 68.9343C32.7994 69.9939 29.9845 70.2712 27.2687 69.731C24.553 69.1908 22.0584 67.8574 20.1005 65.8995C18.1426 63.9416 16.8092 61.447 16.269 58.7313C15.7288 56.0155 16.0061 53.2006 17.0657 50.6424C18.1253 48.0843 19.9197 45.8978 22.222 44.3594C24.5243 42.8211 27.2311 42 30 42V56H44Z" fill="#444444"/>
|
||||
<path opacity="0.4" d="M32 40C33.8385 40 35.659 40.3621 37.3576 41.0657C39.0561 41.7693 40.5995 42.8005 41.8995 44.1005C43.1995 45.4005 44.2307 46.9439 44.9343 48.6424C45.6379 50.341 46 52.1615 46 54L32 54L32 40Z" fill="#444444"/>
|
||||
|
||||
</symbol>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.6 KiB |
|
|
@ -49,10 +49,6 @@
|
|||
width: 96px;
|
||||
height: 96px;
|
||||
cursor: pointer;
|
||||
|
||||
svg&:hover {
|
||||
opacity:0.85;
|
||||
}
|
||||
}
|
||||
|
||||
#file-menu-panel {
|
||||
|
|
@ -203,10 +199,6 @@
|
|||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.blank-document {
|
||||
min-width: 650px;
|
||||
}
|
||||
|
||||
.blank-document-info {
|
||||
vertical-align: top;
|
||||
width: 445px;
|
||||
|
|
@ -219,15 +211,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.blank-document-btn {
|
||||
display: inline-block;
|
||||
margin: 25px 20px 65px;
|
||||
|
||||
width: 96px;
|
||||
height: 96px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 0;
|
||||
border-bottom: none;
|
||||
|
|
@ -236,22 +219,45 @@
|
|||
}
|
||||
|
||||
.thumb-list {
|
||||
.thumb-wrap {
|
||||
max-width: 600px;
|
||||
.thumb-wrap, .blank-document {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
width: auto;
|
||||
padding: 30px 20px;
|
||||
cursor: pointer;
|
||||
vertical-align: top;
|
||||
.border-radius(@border-radius-small);
|
||||
|
||||
.thumb {
|
||||
.thumb, .blank-document-btn {
|
||||
width: 96px;
|
||||
height: 96px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
margin: 12px 12px 0px 12px;
|
||||
}
|
||||
|
||||
.title {
|
||||
padding-top: 20px;
|
||||
width: 104px;
|
||||
font-size: 12px;
|
||||
line-height: 14px;
|
||||
height: 28px;
|
||||
margin: 8px 8px 12px 8px;
|
||||
word-break: break-all;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
&:hover{
|
||||
background-color: @highlight-button-hover-ie;
|
||||
background-color: @highlight-button-hover;
|
||||
}
|
||||
&:active{
|
||||
color: @text-normal-pressed-ie;
|
||||
color: @text-normal-pressed;
|
||||
background-color: @highlight-button-pressed-ie;
|
||||
background-color: @highlight-button-pressed;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1732,30 +1732,24 @@ define([
|
|||
},
|
||||
|
||||
template: _.template([
|
||||
'<h3 style="margin-top: 20px;"><%= scope.fromBlankText %></h3><hr noshade />',
|
||||
'<div class="blank-document">',
|
||||
'<div class="blank-document-btn">',
|
||||
'<svg class="btn-blank-format">',
|
||||
'<use xlink:href="#svg-format-blank"></use>',
|
||||
'</svg>',
|
||||
'</div>',
|
||||
'<div class="blank-document-info">',
|
||||
'<h3><%= scope.newDocumentText %></h3>',
|
||||
'<%= scope.newDescriptionText %>',
|
||||
'</div>',
|
||||
'</div>',
|
||||
'<h3><%= scope.fromTemplateText %></h3><hr noshade />',
|
||||
'<h3 style="margin-top: 20px;"><%= scope.txtCreateNew %></h3>',
|
||||
'<div class="thumb-list">',
|
||||
'<% _.each(docs, function(item) { %>',
|
||||
'<div class="blank-document">',
|
||||
'<div class="blank-document-btn">',
|
||||
'<svg class="btn-blank-format"><use xlink:href="#svg-format-blank"></use></svg>',
|
||||
'</div>',
|
||||
'<div class="title"><%= scope.fromBlankText %></div>',
|
||||
'</div>',
|
||||
'<% _.each(docs, function(item, index) { %>',
|
||||
'<div class="thumb-wrap" template="<%= item.url %>">',
|
||||
'<div class="thumb"',
|
||||
'<% if (!_.isEmpty(item.image)) { %> ',
|
||||
'<div class="thumb" ',
|
||||
'<% if (!_.isEmpty(item.image)) {%> ',
|
||||
' style="background-image: url(<%= item.image %>);">',
|
||||
'<% } else { ' +
|
||||
'print(\"><svg class=\'btn-blank-format\'><use xlink:href=\'#svg-file-template\'></use></svg>\")' +
|
||||
' } %>',
|
||||
'</div>',
|
||||
'<div class="title"><%= Common.Utils.String.htmlEncode(item.title || item.name || "") %></div>',
|
||||
' <%} else {' +
|
||||
'print(\"><svg class=\'btn-blank-format\'><use xlink:href=\'#svg-file-template\'></use></svg>\")' +
|
||||
' } %>',
|
||||
'</div>',
|
||||
'<div class="title"><%= Common.Utils.String.htmlEncode(item.title || item.name || "") %></div>',
|
||||
'</div>',
|
||||
'<% }) %>',
|
||||
'</div>'
|
||||
|
|
@ -1772,6 +1766,14 @@ define([
|
|||
scope: this,
|
||||
docs: this.options[0].docs
|
||||
}));
|
||||
var docs=[{title: this.fromBlankText}].concat(this.options[0].docs);
|
||||
var thumbsElm= this.$el.find('.thumb-wrap, .blank-document');
|
||||
_.each(thumbsElm, function (tmb, index){
|
||||
$(tmb).find('.title').tooltip({
|
||||
title : docs[index].title,
|
||||
placement : 'cursor'
|
||||
});
|
||||
});
|
||||
|
||||
if (_.isUndefined(this.scroller)) {
|
||||
this.scroller = new Common.UI.Scroller({
|
||||
|
|
@ -1800,9 +1802,7 @@ define([
|
|||
},
|
||||
|
||||
fromBlankText : 'From Blank',
|
||||
newDocumentText : 'New Spreadsheet',
|
||||
newDescriptionText : 'Create a new blank text document which you will be able to style and format after it is created during the editing. Or choose one of the templates to start a document of a certain type or purpose where some styles have already been pre-applied.',
|
||||
fromTemplateText : 'From Template'
|
||||
txtCreateNew : 'Create New'
|
||||
}, SSE.Views.FileMenuPanels.CreateNew || {}));
|
||||
|
||||
SSE.Views.FileMenuPanels.DocumentInfo = Common.UI.BaseView.extend(_.extend({
|
||||
|
|
|
|||
|
|
@ -2008,9 +2008,10 @@
|
|||
"SSE.Views.FileMenu.btnToEditCaption": "Edit Spreadsheet",
|
||||
"SSE.Views.FileMenu.btnHistoryCaption": "Version History",
|
||||
"SSE.Views.FileMenuPanels.CreateNew.fromBlankText": "From Blank",
|
||||
"SSE.Views.FileMenuPanels.CreateNew.fromTemplateText": "From Template",
|
||||
"SSE.Views.FileMenuPanels.CreateNew.newDescriptionText": "Create a new blank spreadsheet which you will be able to style and format after it is created during the editing. Or choose one of the templates to start a spreadsheet of a certain type or purpose where some styles have already been pre-applied.",
|
||||
"SSE.Views.FileMenuPanels.CreateNew.newDocumentText": "New Spreadsheet",
|
||||
"del_SSE.Views.FileMenuPanels.CreateNew.fromTemplateText": "From Template",
|
||||
"del_SSE.Views.FileMenuPanels.CreateNew.newDescriptionText": "Create a new blank spreadsheet which you will be able to style and format after it is created during the editing. Or choose one of the templates to start a spreadsheet of a certain type or purpose where some styles have already been pre-applied.",
|
||||
"del_SSE.Views.FileMenuPanels.CreateNew.newDocumentText": "New Spreadsheet",
|
||||
"SSE.Views.FileMenuPanels.CreateNew.txtCreateNew": "Create New",
|
||||
"SSE.Views.FileMenuPanels.DocumentInfo.okButtonText": "Apply",
|
||||
"SSE.Views.FileMenuPanels.DocumentInfo.txtAddAuthor": "Add Author",
|
||||
"SSE.Views.FileMenuPanels.DocumentInfo.txtAddText": "Add Text",
|
||||
|
|
|
|||
|
|
@ -1,33 +1,27 @@
|
|||
<svg fill="none" height="96" viewBox="0 0 96 96" width="96" xmlns="http://www.w3.org/2000/svg">
|
||||
<symbol id="svg-file-template">
|
||||
<clipPath id="a">
|
||||
<path d="m0 0h96v96h-96z"/>
|
||||
</clipPath>
|
||||
<g clip-path="url(#a)">
|
||||
<path d="m.499997 94 .000003-74c0-.8284.67157-1.5 1.5-1.5h92c.8284 0 1.5.6716 1.5 1.5v74c0 .8284-.6716 1.5-1.5 1.5h-92c-.82843 0-1.500003-.6716-1.500003-1.5z" fill="#fff" stroke="#bfbfbf"/>
|
||||
<g fill="#444">
|
||||
<rect height="4" opacity=".4" rx="1" width="12" x="15" y="38"/>
|
||||
<rect height="4" opacity=".4" rx="1" width="12" x="15" y="48"/>
|
||||
<rect height="4" opacity=".4" rx="1" width="12" x="15" y="56"/>
|
||||
<rect height="4" opacity=".4" rx="1" width="12" x="15" y="64"/>
|
||||
<rect height="4" opacity=".4" rx="1" width="12" x="15" y="72"/>
|
||||
<rect height="4" opacity=".4" rx="1" width="12" x="33" y="38"/>
|
||||
<rect height="4" opacity=".2" rx="1" width="12" x="33" y="48"/>
|
||||
<rect height="4" opacity=".2" rx="1" width="12" x="33" y="56"/>
|
||||
<rect height="4" opacity=".2" rx="1" width="12" x="33" y="64"/>
|
||||
<rect height="4" opacity=".2" rx="1" width="12" x="33" y="72"/>
|
||||
<rect height="4" opacity=".4" rx="1" width="12" x="51" y="38"/>
|
||||
<rect height="4" opacity=".2" rx="1" width="12" x="51" y="48"/>
|
||||
<rect height="4" opacity=".2" rx="1" width="12" x="51" y="56"/>
|
||||
<rect height="4" opacity=".2" rx="1" width="12" x="51" y="64"/>
|
||||
<rect height="4" opacity=".2" rx="1" width="12" x="51" y="72"/>
|
||||
<rect height="4" opacity=".4" rx="1" width="12" x="69" y="38"/>
|
||||
<rect height="4" opacity=".2" rx="1" width="12" x="69" y="48"/>
|
||||
<rect height="4" opacity=".2" rx="1" width="12" x="69" y="56"/>
|
||||
<rect height="4" opacity=".2" rx="1" width="12" x="69" y="64"/>
|
||||
<rect height="4" opacity=".2" rx="1" width="12" x="69" y="72"/>
|
||||
<path clip-rule="evenodd" d="m67 36h16v8h-16zm-2 0h-16v8h16zm-18 0h-16v8h16zm-18 0h-16v8h16zm-16 10v32h16v-32zm18 32h52v-32h-16-2-16-2-16zm-20-42c0-1.1046.8954-2 2-2h70c1.1046 0 2 .8954 2 2v42c0 1.1046-.8954 2-2 2h-70c-1.1046 0-2-.8954-2-2z" fill-rule="evenodd" opacity=".2"/>
|
||||
</g>
|
||||
</g>
|
||||
<path d="M94 9.5C94.8284 9.5 95.5 10.1716 95.5 11L95.5 85C95.5 85.8284 94.8284 86.5 94 86.5L2 86.5C1.17157 86.5 0.499997 85.8284 0.499997 85L0.5 11C0.5 10.1716 1.17158 9.5 2 9.5L94 9.5Z" fill="white" stroke="#BFBFBF"/>
|
||||
<rect opacity="0.4" x="15" y="29" width="12" height="4" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.4" x="15" y="39" width="12" height="4" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.4" x="15" y="47" width="12" height="4" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.4" x="15" y="55" width="12" height="4" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.4" x="15" y="63" width="12" height="4" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.4" x="33" y="29" width="12" height="4" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.2" x="33" y="39" width="12" height="4" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.2" x="33" y="47" width="12" height="4" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.2" x="33" y="55" width="12" height="4" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.2" x="33" y="63" width="12" height="4" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.4" x="51" y="29" width="12" height="4" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.2" x="51" y="39" width="12" height="4" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.2" x="51" y="47" width="12" height="4" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.2" x="51" y="55" width="12" height="4" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.2" x="51" y="63" width="12" height="4" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.4" x="69" y="29" width="12" height="4" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.2" x="69" y="39" width="12" height="4" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.2" x="69" y="47" width="12" height="4" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.2" x="69" y="55" width="12" height="4" rx="1" fill="#444444"/>
|
||||
<rect opacity="0.2" x="69" y="63" width="12" height="4" rx="1" fill="#444444"/>
|
||||
<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M67 27H83V35H67V27ZM65 27H49V35L65 35V27ZM47 27H31V35H47V27ZM29 27H13V35L29 35V27ZM13 37L13 69H29V37H13ZM31 69H83V37L67 37H65H49H47H31V69ZM11 27C11 25.8954 11.8954 25 13 25H83C84.1046 25 85 25.8954 85 27V69C85 70.1046 84.1046 71 83 71H13C11.8954 71 11 70.1046 11 69V27Z" fill="#444444"/>
|
||||
|
||||
</symbol>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
|
@ -49,10 +49,6 @@
|
|||
width: 96px;
|
||||
height: 96px;
|
||||
cursor: pointer;
|
||||
|
||||
svg&:hover {
|
||||
opacity:0.85;
|
||||
}
|
||||
}
|
||||
|
||||
#file-menu-panel {
|
||||
|
|
@ -271,10 +267,6 @@
|
|||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.blank-document {
|
||||
min-width: 650px;
|
||||
}
|
||||
|
||||
.blank-document-info {
|
||||
vertical-align: top;
|
||||
width: 445px;
|
||||
|
|
@ -287,14 +279,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.blank-document-btn {
|
||||
display: inline-block;
|
||||
margin: 25px 20px 65px;
|
||||
width: 96px;
|
||||
height: 96px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 0;
|
||||
border-bottom: none;
|
||||
|
|
@ -303,22 +287,45 @@
|
|||
}
|
||||
|
||||
.thumb-list {
|
||||
.thumb-wrap {
|
||||
max-width: 600px;
|
||||
.thumb-wrap, .blank-document {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
width: auto;
|
||||
padding: 30px 20px;
|
||||
cursor: pointer;
|
||||
vertical-align: top;
|
||||
.border-radius(@border-radius-small);
|
||||
|
||||
.thumb {
|
||||
.thumb, .blank-document-btn {
|
||||
width: 96px;
|
||||
height: 96px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
margin: 12px 12px 0px 12px;
|
||||
}
|
||||
|
||||
.title {
|
||||
padding-top: 20px;
|
||||
width: 104px;
|
||||
font-size: 12px;
|
||||
line-height: 14px;
|
||||
height: 28px;
|
||||
margin: 8px 8px 12px 8px;
|
||||
word-break: break-all;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
&:hover{
|
||||
background-color: @highlight-button-hover-ie;
|
||||
background-color: @highlight-button-hover;
|
||||
}
|
||||
&:active{
|
||||
color: @text-normal-pressed-ie;
|
||||
color: @text-normal-pressed;
|
||||
background-color: @highlight-button-pressed-ie;
|
||||
background-color: @highlight-button-pressed;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue