', '');
//this.thumbTemplate.compile();
this.detailsTemplate = new Ext.XTemplate(this.createTemplate("Right"), this);
//new Ext.XTemplate('
', '
', '
', 'Image Name:', '{name}', 'Size:', '{sizeString}', 'Last Modified:', '{dateString}
', '', '
');
//this.detailsTemplate = new Ext.XTemplate('
', '
', '
', '', '
');
//this.detailsTemplate.compile();
},
showDetails: function(){
var selNode = this.view.getSelectedNodes();
var detailEl = Ext.getCmp('img-detail-panel').body;
if (selNode && selNode.length > 0) {
//console.log(selNode)
selNode = selNode[0];
var data = this.lookup[selNode.id];
detailEl.hide();
this.detailsTemplate.overwrite(detailEl, data);
detailEl.slideIn('l', {
stopFx: true,
duration: .2
});
}
else {
detailEl.update('');
}
},
filter: function(){
var filter = Ext.getCmp('filter');
this.view.store.filter('name', filter.getValue());
this.view.select(0);
},
sortImages: function(){
this.view.store.load()
var v = Ext.getCmp('sortSelect').getValue();
this.view.store.sort(v, v == 'name' ? 'asc' : 'desc');
this.view.select(0);
},
reset: function(){
if (this.win.rendered) {
Ext.getCmp('filter').reset();
this.view.getEl().dom.scrollTop = 0;
}
this.view.store.clearFilter();
this.view.select(0);
},
doCallback: function(){
var selNode = this.view.getSelectedNodes()[0];
var callback = this.callback;
var lookup = this.lookup;
this.win.hide(this.animateTarget, function(){
if (selNode && callback) {
var data = lookup[selNode.id];
callback(data);
}
});
},
onLoadException: function(v, o){
this.view.getEl().update('
Error loading images.
');
}
},
CreateNewsColumnViewBW: {
TextRenderer: function(val){
return val;
},
ReadMoreRenderer: function(Description){
String.prototype.stripHTML = function(){
// What a tag looks like
var matchTag = /<(?:.|\s)*?>/g;
var matchTag2 = /&(?:.|\s)*?;/g;
var ret = this.replace(matchTag2, "");
var ret = ret.replace(matchTag, "");
//alert(ret)
return ret
};
Description = Description.stripHTML();
Description = Description.substr(0, 100) + '...';
//console.log(Description)
return Description
},
ImageRenderer: function(Desc, title){
//console.log(Desc)
var Description = Desc
var matchTag = /\//g;
AdminUrlNew = AdminUrl.replace(matchTag, "__");
DescriptionNew = Description.replace(matchTag, "__");
return '
'
},
DownloadRenderer: function(Description){
if (Description != '') {
var re = new RegExp('.pdf|.gif');
var m = re.exec(Description);
if (m != null) {
for (var i = 0; i < m.length; i++) {
var s = '';
s = s + m[i];
}
var matchTag = /\./g;
s = s.replace(matchTag, "");
return "
![" + Description + "](/themes/Default/images/icons/" + s + ".png "\" + Description + \"")
";
}
else {
return Description;
}
}
else {
return "
";
}
},
init: function(url, width, height, instance){
this.config = {}
this.config.url = url;
this.config.width = width;
this.config.height = height
this.config.options = instance.options
this.config.instance = instance;
this.show('NewsDiv', Ext.emptyFn)
},
lookup: {},
show: function(el, callback){
if (!this.win) {
this.store = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({
url: this.config.url,
method: "POST"
}),
baseParams: {
Mid: this.config.options.Mid,
Out: 'Json'
},
reader: new Ext.data.JsonReader({
root: "row",
totalProperty: "TotalResults",
id: 'PortfolioId'
}, ['PortfolioId', 'PTitle', 'Description', 'Url', 'Logo', 'Industry', 'ClientId']),
"remoteSort": false,
listeners: {
'load': {
fn: function(){
// this.view.select(0);
this.view.emptyText = '
No images match the specified filter
'
},
scope: this,
single: true
}
}
});
this.store.load({
"params": {
"limit": 6,
"start": 0,
fields: '[Portfolio.ShowcaseTag]',
query: 305
}
});
var formatSize = function(data){
return data.size + " bytes";
};
var formatData = function(data){
this.lookup[data.LTitle] = data;
return data;
};
this.initTemplates();
this.view = new Ext.DataView({
tpl: this.thumbTemplate,
singleSelect: true,
loadingText: "Loading....",
deferEmptyText: false,
overClass: 'x-view-over',
itemSelector: 'div.thumb-wrap',
store: this.store,
plugins: [new Ext.ux.DataView.BWGallery({
nextImage: '../arrow_right.png',
prevImage: '../arrow_left.png',
event: 'click',
//TitleField: 'LTitle',
ImageUrlField: 'URL[0].FilePath'
})],
listeners: {
'loadexception': {
fn: this.onLoadException,
scope: this
}
},
prepareData: formatData.createDelegate(this)
});
var cfg = {
id: 'img-chooser-dlg',
layout: 'border',
minWidth: 700,
minHeight: 300,
loader: true,
closeAction: 'hide',
border: false,
bbar: new Ext.PagingToolbar({
store: this.store,
pageSize: 6,
displayInfo: true,
displayMsg: 'Displaying categories {0} - {1} of {2}',
emptyMsg: "No categories to display"
}),
items: [{
id: 'img-chooser-view',
region: 'center',
autoScroll: true,
items: this.view,
tbar: [{
text: 'Filter:'
}, {
id: 'MainSelector',
hidden: false,
xtype: 'combo',
typeAhead: true,
triggerAction: 'all',
width: 100,
editable: false,
mode: 'local',
displayField: 'desc',
value: 'offering',
valueField: 'name',
lazyInit: false,
store: new Ext.data.SimpleStore({
fields: ['name', 'desc'],
data: [['offering', 'offering'], ['industry', 'industry'], ['location', 'location']]
}),
listeners: {
'select': {
fn: this.sortImages,
scope: this
}
}
}, {
id: 'ServiceSelector',
hidden: false,
xtype: 'combo',
typeAhead: true,
triggerAction: 'all',
width: 100,
editable: false,
mode: 'local',
displayField: 'name',
emptyText: 'select',
valueField: 'ID',
lazyInit: false,
value: 'website',
store: new Ext.data.JsonStore({
url: "/index.php/SiteDataService/Module,DataEddValue",
baseParams: {
FormId: 54,
fieldID: 0
},
autoLoad: true,
root: "data",
fields: ["ID", "name"]
}),
listeners: {
'select': {
fn: function(combo){
if (this.view.store.lastOptions && this.view.store.lastOptions.params) {
this.view.store.lastOptions.params['start'] = 0;
this.view.store.lastOptions.params['limit'] = 6;
}
delete (this.view.store.baseParams['fields']);
delete (this.view.store.baseParams['query']);
this.view.store.baseParams['fields'] = '[Portfolio.ShowcaseTag]';
this.view.store.baseParams['query'] = combo.value;
this.view.store.reload()
},
scope: this
}
}
}, {
id: 'IndustrySelector',
hidden: true,
xtype: 'combo',
typeAhead: true,
triggerAction: 'all',
editable: false,
mode: 'local',
displayField: 'name',
valueField: 'ID',
lazyInit: false,
emptyText: 'select industry',
store: new Ext.data.JsonStore({
url: "/index.php/SiteDataService/Module,DataEddValue",
baseParams: {
FormId: 49,
fieldID: 0
},
autoLoad: true,
root: "data",
fields: ["ID", "name"]
}),
listeners: {
'select': {
fn: function(combo){
if (this.view.store.lastOptions && this.view.store.lastOptions.params) {
this.view.store.lastOptions.params['start'] = 0;
this.view.store.lastOptions.params['limit'] = 6;
}
delete (this.view.store.baseParams['fields']);
delete (this.view.store.baseParams['query']);
this.view.store.baseParams['fields'] = '[Accounts.Industry]';
this.view.store.baseParams['query'] = combo.value;
this.view.store.reload()
},
scope: this
}
}
}, {
id: 'CountrySelector',
hidden: true,
xtype: 'combo',
typeAhead: true,
triggerAction: 'all',
editable: false,
mode: 'local',
displayField: 'name',
valueField: 'ID',
lazyInit: false,
emptyText: 'select location',
store: new Ext.data.JsonStore({
url: "/index.php/SiteDataService/Module,DataEddValue",
baseParams: {
FormId: 5,
fieldID: 0
},
autoLoad: true,
root: "data",
fields: ["ID", "name"]
}),
listeners: {
'select': {
fn: function(combo){
if (this.view.store.lastOptions && this.view.store.lastOptions.params) {
this.view.store.lastOptions.params['start'] = 0;
this.view.store.lastOptions.params['limit'] = 6;
}
delete (this.view.store.baseParams['fields']);
delete (this.view.store.baseParams['query']);
this.view.store.baseParams['fields'] = '[Accounts.Country]';
this.view.store.baseParams['query'] = combo.value;
this.view.store.reload()
},
scope: this
}
}
}]
}]
};
Ext.apply(cfg, this.config);
this.win = new Ext.Panel(cfg);
}
this.reset();
this.win.render(el);
//this.callback = callback;
this.animateTarget = el;
},
initTemplates: function(){
this.thumbTemplate = new Ext.XTemplate('
{[this.ImageRenderer(values.Logo, values.PTitle)]} | | | | {PTitle} | | {Products} | | | {Industry} | | | {PTitle} | | | Visit Website | |
| {[xindex % 3 === 0 ? "
" : ""]}
', this)
},
showDetails: function(){
var selNode = this.view.getSelectedNodes();
var detailEl = Ext.getCmp('img-detail-panel').body;
if (selNode && selNode.length > 0) {
//console.log(selNode)
selNode = selNode[0];
var data = this.lookup[selNode.id];
detailEl.hide();
this.detailsTemplate.overwrite(detailEl, data);
detailEl.slideIn('l', {
stopFx: true,
duration: .2
});
}
else {
detailEl.update('');
}
},
filter: function(){
var filter = Ext.getCmp('filter');
//this.view.store.filter('LTitle', filter.getValue());
var matcher = this.view.store.data.createValueMatcher(filter.getValue(), true, false);
this.view.store.filterBy(function(r){
return matcher.test(r.data['Category1']) || matcher.test(r.data['Category2']) || matcher.test(r.data['Category3']) || matcher.test(r.data['Category4']) || matcher.test(r.data['LTitle']) || matcher.test(r.data['LDescrition']);
});
this.view.select(0);
},
sortImages: function(combo, record){
if (combo.value == 'offering') {
Ext.getCmp('ServiceSelector').show().clearValue()
Ext.getCmp('IndustrySelector').hide().reset()
Ext.getCmp('CountrySelector').hide().reset()
}
if (combo.value == 'industry') {
Ext.getCmp('ServiceSelector').hide().reset()
Ext.getCmp('IndustrySelector').show().clearValue()
Ext.getCmp('CountrySelector').hide().reset()
}
if (combo.value == 'location') {
Ext.getCmp('ServiceSelector').hide().reset()
Ext.getCmp('IndustrySelector').hide().reset()
Ext.getCmp('CountrySelector').show()
}
},
reset: function(){
if (this.win.rendered) {
Ext.getCmp('filter').reset();
this.view.getEl().dom.scrollTop = 0;
}
this.view.store.clearFilter();
this.view.select(0);
},
doCallback: function(){
var selNode = this.view.getSelectedNodes()[0];
var callback = this.callback;
var lookup = this.lookup;
this.win.hide(this.animateTarget, function(){
if (selNode && callback) {
var data = lookup[selNode.id];
callback(data);
}
});
},
onLoadException: function(v, o){
this.view.getEl().update('
Error loading images.
');
}
},
// TESTIMONIALS FOR BW
CreateNewsColumnViewBWTestimonial: {
TextRenderer: function(val){
return val;
},
ReadMoreRenderer: function(Description){
String.prototype.stripHTML = function(){
// What a tag looks like
var matchTag = /<(?:.|\s)*?>/g;
var matchTag2 = /&(?:.|\s)*?;/g;
var ret = this.replace(matchTag2, "");
var ret = ret.replace(matchTag, "");
//alert(ret)
return ret
};
Description = Description.stripHTML();
Description = Description.substr(0, 100) + '...';
//console.log(Description)
return Description
},
ImageRenderer: function(Desc, title){
//console.log(Desc)
var Description = Desc
var matchTag = /\//g;
AdminUrlNew = AdminUrl.replace(matchTag, "__");
DescriptionNew = Description.replace(matchTag, "__");
return '
'
},
DownloadRenderer: function(Description){
if (Description != '') {
var re = new RegExp('.pdf|.gif');
var m = re.exec(Description);
if (m != null) {
for (var i = 0; i < m.length; i++) {
var s = '';
s = s + m[i];
}
var matchTag = /\./g;
s = s.replace(matchTag, "");
return "
";
}
else {
return Description;
}
}
else {
return "
";
}
},
init: function(url, width, height, instance){
this.config = {}
this.config.url = url;
this.config.width = width;
this.config.height = height
this.config.options = instance.options
this.config.instance = instance;
this.show('NewsDiv', Ext.emptyFn)
},
lookup: {},
show: function(el, callback){
if (!this.win) {
this.store = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({
url: this.config.url,
method: "POST"
}),
baseParams: {
Mid: this.config.options.Mid,
Out: 'Json'
},
reader: new Ext.data.JsonReader({
root: "row",
totalProperty: "TotalResults",
id: 'TestimonialId'
}, ['TestimonialId', 'Author', 'Designation', 'TDate', 'Testimonial', 'Logo', 'ClientId']),
"remoteSort": false,
listeners: {
'load': {
fn: function(){
// this.view.select(0);
this.view.emptyText = '
No images match the specified filter
'
},
scope: this,
single: true
}
}
});
this.store.load({
"params": {
"limit": 6,
"start": 0,
fields: '[Testimonial.ShowcaseTag]',
query: 305
}
});
var formatSize = function(data){
return data.size + " bytes";
};
var formatData = function(data){
this.lookup[data.LTitle] = data;
return data;
};
this.initTemplates();
this.view = new Ext.DataView({
tpl: this.thumbTemplate,
singleSelect: true,
loadingText: "Loading....",
deferEmptyText: false,
overClass: 'x-view-over',
itemSelector: 'div.thumb-wrap',
store: this.store,
listeners: {
'loadexception': {
fn: this.onLoadException,
scope: this
}
},
prepareData: formatData.createDelegate(this)
});
var cfg = {
id: 'img-chooser-dlg',
layout: 'border',
minWidth: 700,
minHeight: 300,
loader: true,
closeAction: 'hide',
border: false,
bbar: new Ext.PagingToolbar({
store: this.store,
pageSize: 6,
displayInfo: true,
displayMsg: 'Displaying categories {0} - {1} of {2}',
emptyMsg: "No categories to display"
}),
items: [{
id: 'img-chooser-view',
region: 'center',
autoScroll: true,
items: this.view,
tbar: [{
text: 'Filter:'
}, {
id: 'MainSelector',
hidden: false,
xtype: 'combo',
typeAhead: true,
triggerAction: 'all',
width: 100,
editable: false,
mode: 'local',
displayField: 'desc',
value: 'offering',
valueField: 'name',
lazyInit: false,
store: new Ext.data.SimpleStore({
fields: ['name', 'desc'],
data: [['offering', 'offering'], ['industry', 'industry'], ['location', 'location']]
}),
listeners: {
'select': {
fn: this.sortImages,
scope: this
}
}
}, {
id: 'ServiceSelector',
hidden: false,
xtype: 'combo',
typeAhead: true,
triggerAction: 'all',
width: 100,
editable: false,
mode: 'local',
displayField: 'name',
emptyText: 'select',
valueField: 'ID',
lazyInit: false,
value: 'website',
store: new Ext.data.JsonStore({
url: "/index.php/SiteDataService/Module,DataEddValue",
baseParams: {
FormId: 54,
fieldID: 0
},
autoLoad: true,
root: "data",
fields: ["ID", "name"]
}),
listeners: {
'select': {
fn: function(combo){
if (this.view.store.lastOptions && this.view.store.lastOptions.params) {
this.view.store.lastOptions.params['start'] = 0;
this.view.store.lastOptions.params['limit'] = 6;
}
delete (this.view.store.baseParams['fields']);
delete (this.view.store.baseParams['query']);
this.view.store.baseParams['fields'] = '[Testimonial.ShowcaseTag]';
this.view.store.baseParams['query'] = combo.value;
this.view.store.reload()
},
scope: this
}
}
}, {
id: 'IndustrySelector',
hidden: true,
xtype: 'combo',
typeAhead: true,
triggerAction: 'all',
editable: false,
mode: 'local',
displayField: 'name',
valueField: 'ID',
lazyInit: false,
emptyText: 'select industry',
store: new Ext.data.JsonStore({
url: "/index.php/SiteDataService/Module,DataEddValue",
baseParams: {
FormId: 49,
fieldID: 0
},
autoLoad: true,
root: "data",
fields: ["ID", "name"]
}),
listeners: {
'select': {
fn: function(combo){
if (this.view.store.lastOptions && this.view.store.lastOptions.params) {
this.view.store.lastOptions.params['start'] = 0;
this.view.store.lastOptions.params['limit'] = 6;
}
delete (this.view.store.baseParams['fields']);
delete (this.view.store.baseParams['query']);
this.view.store.baseParams['fields'] = '[Accounts.Industry]';
this.view.store.baseParams['query'] = combo.value;
this.view.store.reload()
},
scope: this
}
}
}, {
id: 'CountrySelector',
hidden: true,
xtype: 'combo',
typeAhead: true,
triggerAction: 'all',
editable: false,
mode: 'local',
displayField: 'name',
valueField: 'ID',
lazyInit: false,
emptyText: 'select location',
store: new Ext.data.JsonStore({
url: "/index.php/SiteDataService/Module,DataEddValue",
baseParams: {
FormId: 5,
fieldID: 0
},
autoLoad: true,
root: "data",
fields: ["ID", "name"]
}),
listeners: {
'select': {
fn: function(combo){
if (this.view.store.lastOptions && this.view.store.lastOptions.params) {
this.view.store.lastOptions.params['start'] = 0;
this.view.store.lastOptions.params['limit'] = 6;
}
delete (this.view.store.baseParams['fields']);
delete (this.view.store.baseParams['query']);
this.view.store.baseParams['fields'] = '[Accounts.Country]';
this.view.store.baseParams['query'] = combo.value;
this.view.store.reload()
},
scope: this
}
}
}]
}]
};
Ext.apply(cfg, this.config);
this.win = new Ext.Panel(cfg);
}
this.reset();
this.win.render(el);
//this.callback = callback;
this.animateTarget = el;
},
initTemplates: function(){
this.thumbTemplate = new Ext.XTemplate('
{[this.ImageRenderer(values.Logo, "logo")]} | | | | date: {TDate} | | author: {Author} | | | designation: {Designation} | | | testimonial : {Testimonial} | |
|
|
', this)
},
showDetails: function(){
var selNode = this.view.getSelectedNodes();
var detailEl = Ext.getCmp('img-detail-panel').body;
if (selNode && selNode.length > 0) {
//console.log(selNode)
selNode = selNode[0];
var data = this.lookup[selNode.id];
detailEl.hide();
this.detailsTemplate.overwrite(detailEl, data);
detailEl.slideIn('l', {
stopFx: true,
duration: .2
});
}
else {
detailEl.update('');
}
},
filter: function(){
var filter = Ext.getCmp('filter');
//this.view.store.filter('LTitle', filter.getValue());
var matcher = this.view.store.data.createValueMatcher(filter.getValue(), true, false);
this.view.store.filterBy(function(r){
return matcher.test(r.data['Category1']) || matcher.test(r.data['Category2']) || matcher.test(r.data['Category3']) || matcher.test(r.data['Category4']) || matcher.test(r.data['LTitle']) || matcher.test(r.data['LDescrition']);
});
this.view.select(0);
},
sortImages: function(combo, record){
if (combo.value == 'offering') {
Ext.getCmp('ServiceSelector').show().clearValue()
Ext.getCmp('IndustrySelector').hide().reset()
Ext.getCmp('CountrySelector').hide().reset()
}
if (combo.value == 'industry') {
Ext.getCmp('ServiceSelector').hide().reset()
Ext.getCmp('IndustrySelector').show().clearValue()
Ext.getCmp('CountrySelector').hide().reset()
}
if (combo.value == 'location') {
Ext.getCmp('ServiceSelector').hide().reset()
Ext.getCmp('IndustrySelector').hide().reset()
Ext.getCmp('CountrySelector').show()
}
},
reset: function(){
if (this.win.rendered) {
Ext.getCmp('filter').reset();
this.view.getEl().dom.scrollTop = 0;
}
this.view.store.clearFilter();
this.view.select(0);
},
doCallback: function(){
var selNode = this.view.getSelectedNodes()[0];
var callback = this.callback;
var lookup = this.lookup;
this.win.hide(this.animateTarget, function(){
if (selNode && callback) {
var data = lookup[selNode.id];
callback(data);
}
});
},
onLoadException: function(v, o){
this.view.getEl().update('
Error loading images.
');
}
}
}
Ext.override(Ext.grid.GridView, {
layout: function(){
if (!this.mainBody) {
return;
}
var g = this.grid;
var c = g.getGridEl(), cm = this.cm, expandCol = g.autoExpandColumn, gv = this;
var csize = c.getSize(true);
var vw = csize.width;
if (vw < 20 || csize.height < 20) {
return;
}
if (g.autoHeight) {
csize.height = this.mainHd.getHeight() + this.mainBody.getHeight();
if (!this.forceFit) {
csize.height += this.scrollOffset;
}
}
this.el.setSize(csize.width, csize.height);
var hdHeight = this.mainHd.getHeight();
var vh = csize.height - (hdHeight);
this.scroller.setSize(vw, vh);
if (this.innerHd) {
this.innerHd.style.width = (vw) + 'px';
}
if (this.forceFit) {
if (this.lastViewWidth != vw) {
this.fitColumns(false, false);
this.lastViewWidth = vw;
}
}
else {
this.autoExpand();
}
this.onLayout(vw, vh);
}
});
![](/themes/en/images/icons/" + s + ".png){kind=icon}