projects
/
roojs1
/ commitdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
| commitdiff |
tree
raw
|
patch
|
inline
| side by side (parent:
d9b2144
)
Roo/bootstrap/Card.js
author
Alan Knowles
<alan@roojs.com>
Thu, 19 Nov 2020 08:25:39 +0000
(16:25 +0800)
committer
Alan Knowles
<alan@roojs.com>
Thu, 19 Nov 2020 08:25:39 +0000
(16:25 +0800)
Roo/bootstrap/Card.js
patch
|
blob
|
history
diff --git
a/Roo/bootstrap/Card.js
b/Roo/bootstrap/Card.js
index
152fea7
..
7bf9fac
100644
(file)
--- a/
Roo/bootstrap/Card.js
+++ b/
Roo/bootstrap/Card.js
@@
-73,7
+73,15
@@
Roo.bootstrap.Card = function(config){
* @param {Roo.EventObject} e
* @param {Roo.EventObject} data the data passed via getDragData
*/
* @param {Roo.EventObject} e
* @param {Roo.EventObject} data the data passed via getDragData
*/
- 'drop' : true
+ 'drop' : true,
+ /**
+ * @event rotate
+ * When a element a card is rotate
+ * @param {Roo.bootstrap.Element} this
+ * @param {Roo.Element} n the node being dropped?
+ * @param {Boolean} rotate status
+ */
+ 'rotate' : true
});
};
});
};
@@
-230,13
+238,13
@@
Roo.extend(Roo.bootstrap.Card, Roo.bootstrap.Component, {
};
hdr.cn.push(hdr_ctr);
}
};
hdr.cn.push(hdr_ctr);
}
- if (this.header.length) {
-
hdr_ctr.cn.push( {
-
tag: 'span',
-
cls: 'roo-card-header-ctr'
,
-
html : this.header
-
})
- }
+
+ hdr_ctr.cn.push( {
+ tag: 'span',
+
cls: 'roo-card-header-ctr' + ( this.header.length ? '' : ' d-none')
,
+ html : this.header
+ })
+
if (this.header_image.length) {
cfg.cn.push({
if (this.header_image.length) {
cfg.cn.push({
@@
-380,8
+388,16
@@
Roo.extend(Roo.bootstrap.Card, Roo.bootstrap.Component, {
this.el.select('.card-header',true).on('click', this.onToggleRotate, this);
}
this.collapsableEl = this.el.select('.roo-collapsable').first();
this.el.select('.card-header',true).on('click', this.onToggleRotate, this);
}
this.collapsableEl = this.el.select('.roo-collapsable').first();
+
this.footerEl = this.el.select('.card-footer').first();
this.collapsableToggleEl = this.el.select('.roo-collapse-toggle');
this.footerEl = this.el.select('.card-footer').first();
this.collapsableToggleEl = this.el.select('.roo-collapse-toggle');
+ this.headerEl = this.el.select('.roo-card-header-ctr').first();
+
+ if (this.rotated) {
+ this.el.addClass('roo-card-rotated');
+ this.fireEvent('rotate', this, true);
+ }
+
},
getDragData : function(e)
{
},
getDragData : function(e)
{
@@
-581,7
+597,7
@@
Roo.extend(Roo.bootstrap.Card, Roo.bootstrap.Component, {
this.items.push(data.source);
}
this.items.push(data.source);
}
-
+ data.source.parentId = this.id;
return true;
},
return true;
},
@@
-623,16
+639,21
@@
Roo.extend(Roo.bootstrap.Card, Roo.bootstrap.Component, {
{
this.collapsableEl.removeClass('show');
this.footerEl.removeClass('d-none');
{
this.collapsableEl.removeClass('show');
this.footerEl.removeClass('d-none');
+ this.el.removeClass('roo-card-rotated');
+ this.el.removeClass('d-none');
if (this.rotated) {
this.collapsableEl.addClass('show');
this.rotated = false;
if (this.rotated) {
this.collapsableEl.addClass('show');
this.rotated = false;
+ this.fireEvent('rotate', this, this.rotated);
return;
}
return;
}
+ this.el.addClass('roo-card-rotated');
this.footerEl.addClass('d-none');
this.el.select('.roo-collapsable').removeClass('show');
this.footerEl.addClass('d-none');
this.el.select('.roo-collapsable').removeClass('show');
- this.rotated = true;
+ this.rotated = true;
+ this.fireEvent('rotate', this, this.rotated);
},
},
@@
-675,6
+696,10
@@
Roo.extend(Roo.bootstrap.Card, Roo.bootstrap.Component, {
+ },
+ setHeaderText: function(html)
+ {
+ this.headerEl.dom.innerHTML = html;
}
}