Refactoring

This commit is contained in:
OVSharova 2021-10-06 13:21:06 +03:00
parent ec154ba349
commit 112fa9f977
8 changed files with 45 additions and 164 deletions

View file

@ -1365,18 +1365,18 @@ define([
this.fillControls.push(this.cmbGradType); this.fillControls.push(this.cmbGradType);
this._viewDataLinear = [ this._viewDataLinear = [
{ offsetx: 0, offsety: 0, type:45, subtype:-1, iconcls:'gradient-left-top' }, { type:45, subtype:-1},
{ offsetx: 50, offsety: 0, type:90, subtype:4, iconcls:'gradient-top'}, { type:90, subtype:4},
{ offsetx: 100, offsety: 0, type:135, subtype:5, iconcls:'gradient-right-top'}, { type:135, subtype:5},
{ offsetx: 0, offsety: 50, type:0, subtype:6, iconcls:'gradient-left', cls: 'item-gradient-separator', selected: true}, { type:0, subtype:6, cls: 'item-gradient-separator', selected: true},
{ offsetx: 100, offsety: 50, type:180, subtype:1, iconcls:'gradient-right'}, { type:180, subtype:1},
{ offsetx: 0, offsety: 100, type:315, subtype:2, iconcls:'gradient-left-bottom'}, { type:315, subtype:2},
{ offsetx: 50, offsety: 100, type:270, subtype:3, iconcls:'gradient-bottom'}, { type:270, subtype:3},
{ offsetx: 100, offsety: 100, type:225, subtype:7, iconcls:'gradient-right-bottom'} { type:225, subtype:7}
]; ];
this._viewDataRadial = [ this._viewDataRadial = [
{ offsetx: 100, offsety: 150, type:2, subtype:5, iconcls:'gradient-radial-center'} { type:2, subtype:5}
]; ];
this.btnDirection = new Common.UI.Button({ this.btnDirection = new Common.UI.Button({

View file

@ -47,45 +47,6 @@
margin-right: 62px !important; margin-right: 62px !important;
} }
.item-gradient-separator {
margin-right: 62px !important;
}
.gradient-left-top {
background: linear-gradient(to bottom right, #000, #fff);
}
.gradient-top {
background: linear-gradient(to bottom, #000, #fff);
}
.gradient-right-top {
background: linear-gradient(to bottom left, #000, #fff);
}
.gradient-left {
background: linear-gradient(to right, #000, #fff);
}
.gradient-right {
background: linear-gradient(to left, #000, #fff);
}
.gradient-left-bottom {
background: linear-gradient(to top right, #000, #fff);
}
.gradient-bottom {
background: linear-gradient(to top, #000, #fff);
}
.gradient-right-bottom {
background: linear-gradient(to top left, #000, #fff);
}
.gradient-radial-center {
background: radial-gradient( #000 , #fff 70%);
}
#signature-requested-sign, #signature-requested-sign,
#signature-valid-sign, #signature-valid-sign,

View file

@ -1286,18 +1286,18 @@ define([
this.fillControls.push(this.cmbGradType); this.fillControls.push(this.cmbGradType);
this._viewDataLinear = [ this._viewDataLinear = [
{ offsetx: 0, offsety: 0, type:45, subtype:-1, iconcls:'gradient-left-top' }, { type:45, subtype:-1},
{ offsetx: 50, offsety: 0, type:90, subtype:4, iconcls:'gradient-top'}, { type:90, subtype:4},
{ offsetx: 100, offsety: 0, type:135, subtype:5, iconcls:'gradient-right-top'}, { type:135, subtype:5},
{ offsetx: 0, offsety: 50, type:0, subtype:6, iconcls:'gradient-left', cls: 'item-gradient-separator', selected: true}, { type:0, subtype:6, cls: 'item-gradient-separator', selected: true},
{ offsetx: 100, offsety: 50, type:180, subtype:1, iconcls:'gradient-right'}, { type:180, subtype:1},
{ offsetx: 0, offsety: 100, type:315, subtype:2, iconcls:'gradient-left-bottom'}, { type:315, subtype:2},
{ offsetx: 50, offsety: 100, type:270, subtype:3, iconcls:'gradient-bottom'}, { type:270, subtype:3},
{ offsetx: 100, offsety: 100, type:225, subtype:7, iconcls:'gradient-right-bottom'} { type:225, subtype:7}
]; ];
this._viewDataRadial = [ this._viewDataRadial = [
{ offsetx: 100, offsety: 150, type:2, subtype:5, iconcls:'gradient-radial-center'} { type:2, subtype:5}
]; ];
this.btnDirection = new Common.UI.Button({ this.btnDirection = new Common.UI.Button({

View file

@ -788,18 +788,18 @@ define([
this.FillItems.push(this.cmbGradType); this.FillItems.push(this.cmbGradType);
this._viewDataLinear = [ this._viewDataLinear = [
{ offsetx: 0, offsety: 0, type:45, subtype:-1, iconcls:'gradient-left-top' }, { type:45, subtype:-1},
{ offsetx: 50, offsety: 0, type:90, subtype:4, iconcls:'gradient-top'}, { type:90, subtype:4},
{ offsetx: 100, offsety: 0, type:135, subtype:5, iconcls:'gradient-right-top'}, { type:135, subtype:5},
{ offsetx: 0, offsety: 50, type:0, subtype:6, iconcls:'gradient-left', cls: 'item-gradient-separator', selected: true}, { type:0, subtype:6, cls: 'item-gradient-separator', selected: true},
{ offsetx: 100, offsety: 50, type:180, subtype:1, iconcls:'gradient-right'}, { type:180, subtype:1},
{ offsetx: 0, offsety: 100, type:315, subtype:2, iconcls:'gradient-left-bottom'}, { type:315, subtype:2},
{ offsetx: 50, offsety: 100, type:270, subtype:3, iconcls:'gradient-bottom'}, { type:270, subtype:3},
{ offsetx: 100, offsety: 100, type:225, subtype:7, iconcls:'gradient-right-bottom'} { type:225, subtype:7}
]; ];
this._viewDataRadial = [ this._viewDataRadial = [
{ offsetx: 100, offsety: 150, type:2, subtype:5, iconcls:'gradient-radial-center'} { type:2, subtype:5}
]; ];
this.btnDirection = new Common.UI.Button({ this.btnDirection = new Common.UI.Button({

View file

@ -41,46 +41,6 @@
margin-right: 62px !important; margin-right: 62px !important;
} }
.item-gradient-separator {
margin-right: 62px !important;
}
.gradient-left-top {
background: linear-gradient(to bottom right, #000, #fff);
}
.gradient-top {
background: linear-gradient(to bottom, #000, #fff);
}
.gradient-right-top {
background: linear-gradient(to bottom left, #000, #fff);
}
.gradient-left {
background: linear-gradient(to right, #000, #fff);
}
.gradient-right {
background: linear-gradient(to left, #000, #fff);
}
.gradient-left-bottom {
background: linear-gradient(to top right, #000, #fff);
}
.gradient-bottom {
background: linear-gradient(to top, #000, #fff);
}
.gradient-right-bottom {
background: linear-gradient(to top left, #000, #fff);
}
.gradient-radial-center {
background: radial-gradient( #000 , #fff 70%);
}
#signature-requested-sign, #signature-requested-sign,
#signature-valid-sign, #signature-valid-sign,
#signature-invalid-sign { #signature-invalid-sign {

View file

@ -232,14 +232,14 @@ define([
this.cmbGradType.on('selected', _.bind(this.onGradTypeSelect, this));*/ this.cmbGradType.on('selected', _.bind(this.onGradTypeSelect, this));*/
this._viewDataLinear = [ this._viewDataLinear = [
{ offsetx: 0, offsety: 0, type:45, subtype:-1, iconcls:'gradient-left-top' }, { offsetx: 0, offsety: 0, type:45, subtype:-1},
{ offsetx: 50, offsety: 0, type:90, subtype:4, iconcls:'gradient-top'}, { offsetx: 50, offsety: 0, type:90, subtype:4},
{ offsetx: 100, offsety: 0, type:135, subtype:5, iconcls:'gradient-right-top'}, { offsetx: 100, offsety: 0, type:135, subtype:5},
{ offsetx: 0, offsety: 50, type:0, subtype:6, iconcls:'gradient-left', cls: 'item-gradient-separator', selected: true}, { offsetx: 0, offsety: 50, type:0, subtype:6, cls: 'item-gradient-separator', selected: true},
{ offsetx: 100, offsety: 50, type:180, subtype:1, iconcls:'gradient-right'}, { offsetx: 100, offsety: 50, type:180, subtype:1},
{ offsetx: 0, offsety: 100, type:315, subtype:2, iconcls:'gradient-left-bottom'}, { offsetx: 0, offsety: 100, type:315, subtype:2},
{ offsetx: 50, offsety: 100, type:270, subtype:3, iconcls:'gradient-bottom'}, { offsetx: 50, offsety: 100, type:270, subtype:3},
{ offsetx: 100, offsety: 100, type:225, subtype:7, iconcls:'gradient-right-bottom'} { offsetx: 100, offsety: 100, type:225, subtype:7}
]; ];
this.btnDirection = new Common.UI.Button({ this.btnDirection = new Common.UI.Button({
@ -262,7 +262,7 @@ define([
parentMenu: btn.menu, parentMenu: btn.menu,
restoreHeight: 174, restoreHeight: 174,
store: new Common.UI.DataViewStore(me._viewDataLinear), store: new Common.UI.DataViewStore(me._viewDataLinear),
itemTemplate: _.template('<div id="<%= id %>" class="item-gradient" style="background-position: -<%= offsetx %>px -<%= offsety %>px;"></div>') itemTemplate: _.template('<div id="<%= id %>" class="item-gradient" ></div>')
}); });
}); });
this.btnDirection.render($('#cell-button-direction')); this.btnDirection.render($('#cell-button-direction'));

View file

@ -1303,18 +1303,18 @@ define([
this.fillControls.push(this.cmbGradType); this.fillControls.push(this.cmbGradType);
this._viewDataLinear = [ this._viewDataLinear = [
{ offsetx: 0, offsety: 0, type:45, subtype:-1, iconcls:'gradient-left-top' }, { type:45, subtype:-1},
{ offsetx: 50, offsety: 0, type:90, subtype:4, iconcls:'gradient-top'}, { type:90, subtype:4},
{ offsetx: 100, offsety: 0, type:135, subtype:5, iconcls:'gradient-right-top'}, { type:135, subtype:5},
{ offsetx: 0, offsety: 50, type:0, subtype:6, iconcls:'gradient-left', cls: 'item-gradient-separator', selected: true}, { type:0, subtype:6, cls: 'item-gradient-separator', selected: true},
{ offsetx: 100, offsety: 50, type:180, subtype:1, iconcls:'gradient-right'}, { type:180, subtype:1},
{ offsetx: 0, offsety: 100, type:315, subtype:2, iconcls:'gradient-left-bottom'}, { type:315, subtype:2},
{ offsetx: 50, offsety: 100, type:270, subtype:3, iconcls:'gradient-bottom'}, { type:270, subtype:3},
{ offsetx: 100, offsety: 100, type:225, subtype:7, iconcls:'gradient-right-bottom'} { type:225, subtype:7}
]; ];
this._viewDataRadial = [ this._viewDataRadial = [
{ offsetx: 100, offsety: 150, type:2, subtype:5, iconcls:'gradient-radial-center'} { type:2, subtype:5}
]; ];
this.btnDirection = new Common.UI.Button({ this.btnDirection = new Common.UI.Button({

View file

@ -35,46 +35,6 @@
margin-right: 62px !important; margin-right: 62px !important;
} }
.item-gradient-separator {
margin-right: 62px !important;
}
.gradient-left-top {
background: linear-gradient(to bottom right, #000, #fff);
}
.gradient-top {
background: linear-gradient(to bottom, #000, #fff);
}
.gradient-right-top {
background: linear-gradient(to bottom left, #000, #fff);
}
.gradient-left {
background: linear-gradient(to right, #000, #fff);
}
.gradient-right {
background: linear-gradient(to left, #000, #fff);
}
.gradient-left-bottom {
background: linear-gradient(to top right, #000, #fff);
}
.gradient-bottom {
background: linear-gradient(to top, #000, #fff);
}
.gradient-right-bottom {
background: linear-gradient(to top left, #000, #fff);
}
.gradient-radial-center {
background: radial-gradient( #000 , #fff 70%);
}
.item-wrap { .item-wrap {
width:50px; width:50px;
height:50px; height:50px;