sipwise
/
ngcp-csc
mirror of https://github.com/sipwise/ngcp-csc.git
1
0
Fork 0
Code Issues Releases Wiki Activity

TT#11026 ngcp-csc Util for icons

Browse Source 
Change-Id: Ibfdde4c804343dafa242e87b3a755b412572e914
changes/11/12011/7
Robert Axelsen 9 years ago committed by Carlo
parent 8d69e694aa
commit 385ddadbdc
25 changed files with 207 additions and 79 deletions
Show Stats Download Patch File Download Diff File

28
app/store/NavigationTree.js
Unescape View File

@ -11,7 +11,7 @@ Ext.define('NgcpCsc.store.NavigationTree', {
expanded: true,
children: [{
text: 'Conversations',
iconCls: 'x-fa fa-phone',
iconCls: Ngcp.csc.icons.phone,
viewType: 'conversations',
routeId: 'inbox',
acl: ['administrator', 'restricted'], //TODO define real roles, which should be delivered along with user info after successfull login
@ -26,21 +26,21 @@ Ext.define('NgcpCsc.store.NavigationTree', {
leaf: true
}, {
text: 'Addressbook',
iconCls: 'x-fa fa-book',
iconCls: Ngcp.csc.icons.book,
viewType: 'addressbook',
routeId: 'addressbook',
acl: ['administrator'],
leaf: true
}, {
text: 'Call Forward',
iconCls: 'x-fa fa-angle-double-right',
iconCls: Ngcp.csc.icons.doubleangleright,
viewType: 'callforward',
routeId: 'callforward',
acl: ['administrator'],
leaf: true
}, {
text: 'Call Blocking',
iconCls: 'x-fa fa-ban',
iconCls: Ngcp.csc.icons.block,
routeId: 'callblocking',
acl: ['administrator'],
children: [{
@ -59,7 +59,7 @@ Ext.define('NgcpCsc.store.NavigationTree', {
leaf: true
}, {
text: 'Privacy',
iconCls: 'x-fa fa-user-secret',
iconCls: Ngcp.csc.icons.user_secret,
viewType: 'privacy',
routeId: 'callblocking/privacy',
acl: ['administrator'],
@ -67,54 +67,54 @@ Ext.define('NgcpCsc.store.NavigationTree', {
}]
}, {
text: 'Reminder',
iconCls: 'x-fa fa-bell',
iconCls: Ngcp.csc.icons.bell,
viewType: 'reminder',
routeId: 'reminder',
acl: ['administrator', 'restricted', 'host'],
leaf: true
}, {
text: 'Password',
iconCls: 'x-fa fa-key',
iconCls: Ngcp.csc.icons.key,
viewType: 'password',
routeId: 'password',
acl: ['administrator', 'restricted', 'host'],
leaf: true
}, {
text: 'Theme Roller',
iconCls: 'x-fa fa-paint-brush',
iconCls: Ngcp.csc.icons.paintbrush,
viewType: 'themeroller',
routeId: 'themeroller',
acl: ['administrator'],
leaf: true
}, {
text: 'Pbx Config',
iconCls: 'x-fa fa-cog',
iconCls: Ngcp.csc.icons.cog,
routeId: 'pbxconfig',
acl: ['administrator', 'restricted', 'host'],
children: [{
text: 'Seats',
iconCls: 'x-fa fa-home',
iconCls: Ngcp.csc.icons.home,
viewType: 'seats',
routeId: 'pbxconfig/seats',
acl: ['administrator'],
leaf: true
}, {
text: 'Groups',
iconCls: 'x-fa fa-users',
iconCls: Ngcp.csc.icons.users,
viewType: 'groups',
routeId: 'pbxconfig/groups',
acl: ['administrator'],
leaf: true
}, {
text: 'Devices',
iconCls: 'x-fa fa-fax',
iconCls: Ngcp.csc.icons.fax,
viewType: 'devices',
routeId: 'pbxconfig/devices',
acl: ['administrator'],
leaf: true
}, {
text: 'Auto Attendant',
iconCls: 'x-fa fa-microphone',
iconCls: Ngcp.csc.icons.microphone,
viewType: 'autoattendant',
routeId: 'pbxconfig/autoattendant',
acl: ['administrator', 'restricted', 'host'],
@ -122,7 +122,7 @@ Ext.define('NgcpCsc.store.NavigationTree', {
}]
}, {
text: 'Account',
iconCls: 'x-fa fa-desktop',
iconCls: Ngcp.csc.icons.desktop,
viewType: 'account',
routeId: 'account',
acl: ['administrator', 'restricted', 'host'],

0
app/formatter.js → app/utils/formatter.js
Unescape View File

69
app/utils/icons.js
Unescape View File

@ -0,0 +1,69 @@
/*
Global variables to store the Font Awesome icons
used within the application.
Every entry should have a correspondent variable in
./sass/var/all.scss
*/
Ext.define('Ngcp.csc.icons', {
statics: {
adduser: "x-fa fa-user-plus",
angleleft: "x-fa fa-angle-left",
angleright: "x-fa fa-angle-right",
bell: "x-fa fa-bell",
block: "x-fa fa-ban",
book: "x-fa fa-book",
chevronleft: "x-fa fa-chevron-left",
chevronight: "x-fa fa-chevron-right",
circle: "x-fa fa-circle",
cog: "x-fa fa-cog",
comment: "x-fa fa-comment",
comment2x: "x-fa fa-comment fa-2x",
desktop: "x-fa fa-desktop",
doubleangleright: "x-fa fa-angle-double-right",
download: "x-fa fa-download",
download2x: "x-fa fa-download fa-2x",
edit: "x-fa fa-edit",
edit2x: "x-fa fa-edit fa-2x",
envelope: "x-fa fa-envelope",
envelope2x: "x-fa fa-envelope fa-2x",
envelope_transparent: "x-fa fa-envelope-o",
fax: "x-fa fa-fax",
fax2x: "x-fa fa-fax fa-2x",
faxpaper: "x-fa fa-file-text",
faxpaper2x: "x-fa fa-file-text fa-2x",
faxpaper_transparent: "x-fa fa-file-text-o",
filter: "x-fa fa-filter",
folder: "x-fa fa-folder-open-o",
home: "x-fa fa-home",
key: "x-fa fa-key",
lock: "x-fa fa-lock",
microphone: "x-fa fa-microphone",
microphone_slash: "x-fa fa-microphone-slash",
menu: "x-fa fa-reorder",
move: "x-fa fa-arrows",
multichat: "x-fa fa-wechat",
paintbrush: "x-fa fa-paint-brush",
pause: "x-fa fa-pause",
pencil: "x-fa fa-pencil",
play: "x-fa fa-play",
play2x: "x-fa fa-play fa-2x",
phone: "x-fa fa-phone",
phone2x: "x-fa fa-phone fa-2x",
phone3x: "x-fa fa-phone fa-3x",
phonesquare: "x-fa fa-phone-square",
send: "x-fa fa-send",
send2x: "x-fa fa-send fa-2x",
toggle: {
off: 'x-fa fa-toggle-off',
off2x: 'x-fa fa-toggle-off fa-2x',
on: 'x-fa fa-toggle-on',
on2x: 'x-fa fa-toggle-on fa-2x'
},
trash: "x-fa fa-trash",
trash2x: "x-fa fa-trash fa-2x",
user: "x-fa fa-user",
users: "x-fa fa-users",
user_secret: "x-fa fa-user-secret",
video: "x-fa fa-video-camera"
}
})

0
app/locales.js → app/utils/locales.js
Unescape View File

2
classic/sass/src/view/login/Login.scss
Unescape View File

@ -34,7 +34,7 @@
&.password-trigger:before,
&.auth-password-trigger:before {
content: "\f023";
content: $lock;
}
&.auth-user-trigger:before {
content: "\f007";

4
classic/sass/src/view/pages/contacts/Contacts.scss
Unescape View File

@ -30,7 +30,7 @@
&:before {
font-family: FontAwesome;
content: "\f1f8";
content: $trash;
}
}
@ -40,7 +40,7 @@
&:before {
font-family: FontAwesome;
content: "\f234";
content: $add-user;
}
}
}

15
classic/src/view/common/rtc/RtcPanel.js
Unescape View File

@ -90,14 +90,14 @@ Ext.define('NgcpCsc.view.common.rtc.RtcPanel', {
enableToggle: true
},
items: [{
iconCls: 'x-fa fa-phone',
iconCls: Ngcp.csc.icons.phone,
bind: {
pressed: '{callEnabled}',
userCls: '{setuserCls}'
},
handler:'toggleCall'
}, {
iconCls: 'x-fa fa-microphone',
iconCls: Ngcp.csc.icons.microphone,
bind: {
pressed: '{micEnabled}',
disabled: '{!connected}',
@ -105,7 +105,7 @@ Ext.define('NgcpCsc.view.common.rtc.RtcPanel', {
},
handler:'toggleAudioVideo'
},{
iconCls: 'x-fa fa-microphone-slash',
iconCls: Ngcp.csc.icons.microphone_slash,
bind: {
pressed: '{micEnabled}',
disabled: '{!connected}',
@ -113,15 +113,18 @@ Ext.define('NgcpCsc.view.common.rtc.RtcPanel', {
},
handler:'toggleAudioVideo'
}, {
iconCls: 'x-fa fa-video-camera',
iconCls: Ngcp.csc.icons.video,
bind: {
pressed: '{videoEnabled}',
disabled: '{!connected}'
},
handler:'toggleAudioVideo'
}, {
iconCls: 'x-fa fa-comment',
enableToggle: false,
iconCls: Ngcp.csc.icons.comment,
bind: {
pressed: '{chatEnabled}',
disabled: '{!connected}'
},
handler: 'toogleChat'
}]
}]

5
classic/src/view/common/rtc/composer/Fax.js
Unescape View File

@ -22,7 +22,7 @@ Ext.define('NgcpCsc.view.common.composer.Fax', {
}, {
xtype: 'button',
enableToggle: true,
iconCls: 'x-fa fa-fax',
iconCls: Ngcp.csc.icons.fax,
width: '20%',
handler: 'showPhoneComposer'
}]
@ -65,8 +65,7 @@ Ext.define('NgcpCsc.view.common.composer.Fax', {
width: 60,
height: 60,
margin: '50 0 10 0',
iconCls: 'x-fa fa-send fa-2x',
cls: 'rtc-icons-big',
iconCls: Ngcp.csc.icons.send2x,
listeners: {
click: 'sendFax'
}

4
classic/src/view/common/rtc/composer/Phone.js
Unescape View File

@ -18,7 +18,7 @@ Ext.define('NgcpCsc.view.common.composer.Phone', {
}, {
xtype: 'button',
enableToggle: true,
iconCls: 'x-fa fa-fax',
iconCls: Ngcp.csc.icons.fax,
width: '20%',
handler: 'showPhoneComposer'
}]
@ -40,7 +40,7 @@ Ext.define('NgcpCsc.view.common.composer.Phone', {
width: 60,
height: 60,
margin: '50 0 10 0',
iconCls: 'x-fa fa-phone fa-3x',
iconCls: Ngcp.csc.icons.phone3x,
cls: 'rtc-icons-big',
listeners: {
click: {

4
classic/src/view/common/rtc/composer/Sms.js
Unescape View File

@ -21,7 +21,7 @@ Ext.define('NgcpCsc.view.common.composer.Sms', {
}, {
xtype: 'button',
enableToggle: true,
iconCls: 'x-fa fa-fax',
iconCls: Ngcp.csc.icons.fax,
width: '20%',
handler: 'showPhoneComposer'
}]
@ -49,7 +49,7 @@ Ext.define('NgcpCsc.view.common.composer.Sms', {
width: 60,
height: 60,
margin: '50 0 10 0',
iconCls: 'x-fa fa-send fa-2x',
iconCls: Ngcp.csc.icons.send2x,
cls: 'rtc-icons-big',
listeners: {
click: {

2
classic/src/view/login/Login.js
Unescape View File

@ -92,7 +92,7 @@ Ext.define('NgcpCsc.view.login.Login', {
width: '100%',
scale: 'large',
iconAlign: 'right',
iconCls: 'x-fa fa-angle-right',
iconCls: Ngcp.csc.icons.angleright,
bind: {
disabled: '{!authValid}'
},

2
classic/src/view/main/Main.js
Unescape View File

@ -75,7 +75,7 @@ Ext.define('NgcpCsc.view.main.Main', {
click: 'toggleFree'
}
}, {
iconCls: 'x-fa fa-filter',
iconCls: Ngcp.csc.icons.filter,
enableToggle: true,
tooltip: Ngcp.csc.locales.filters.tooltips.show_filter[localStorage.getItem('languageSelected')],
bind: {

2
classic/src/view/pages/addressbook/AddressbookController.js
Unescape View File

@ -46,7 +46,7 @@ Ext.define('NgcpCsc.view.pages.addressbook.AddressbookController', {
},
renderPhoneIcon: function(value, metaData) {
return '<div class="fa fa-phone-square pointer"></div>';
return '<div class="'+Ngcp.csc.icons.phone+' pointer"></div>';
},
renderToggleDetailsIcon: function(value, metaData) {

10
classic/src/view/pages/addressbook/AddressbookGrid.js
Unescape View File

@ -95,10 +95,10 @@ Ext.define('NgcpCsc.view.pages.addressbook.AddressbookGrid', {
rowBodyTpl: new Ext.XTemplate(
'<div class="contact-wrapper">',
'<div class="content"><b>' + Ngcp.csc.locales.addressbook.phone_numbers[localStorage.getItem('languageSelected')] + '</b>',
'<p><div class="short-label">' + Ngcp.csc.locales.addressbook.home[localStorage.getItem('languageSelected')] + ':</div><div>{home} <span class="fa fa-phone-square pointer"></span></div></p>',
'<p><div class="short-label">' + Ngcp.csc.locales.addressbook.office[localStorage.getItem('languageSelected')] + ':</div><div> {office} <span class="fa fa-phone-square pointer"></span></div></p>',
'<p><div class="short-label">' + Ngcp.csc.locales.addressbook.mobile[localStorage.getItem('languageSelected')] + ':</div><div> {mobile} <span class="fa fa-phone-square pointer"></span></div></p>',
'<p><div class="short-label">' + Ngcp.csc.locales.common.fax[localStorage.getItem('languageSelected')] + ':</div><div> {fax} <span class="fa fa-phone-square pointer"></span></div></p>',
'<p><div class="short-label">' + Ngcp.csc.locales.addressbook.home[localStorage.getItem('languageSelected')] + ':</div><div>{home} <span class="'+Ngcp.csc.icons.phone+' pointer"></span></div></p>',
'<p><div class="short-label">' + Ngcp.csc.locales.addressbook.office[localStorage.getItem('languageSelected')] + ':</div><div> {office} <span class="'+Ngcp.csc.icons.phone+'pointer"></span></div></p>',
'<p><div class="short-label">' + Ngcp.csc.locales.addressbook.mobile[localStorage.getItem('languageSelected')] + ':</div><div> {mobile} <span class="'+Ngcp.csc.icons.phone+' pointer"></span></div></p>',
'<p><div class="short-label">' + Ngcp.csc.locales.common.fax[localStorage.getItem('languageSelected')] + ':</div><div> {fax} <span class="'+Ngcp.csc.icons.phone+' pointer"></span></div></p>',
'</div>',
'<div class="content"><b>' + Ngcp.csc.locales.addressbook.web[localStorage.getItem('languageSelected')] + '</b>',
'<p><div class="label">' + Ngcp.csc.locales.addressbook.e_mail[localStorage.getItem('languageSelected')] + ':</div><div> <a class="link" href="mailto:{e_mail}">{e_mail}</a></div></p>',
@ -106,7 +106,7 @@ Ext.define('NgcpCsc.view.pages.addressbook.AddressbookGrid', {
'</div>',
'<div class="card-wrapper">',
'<div class="card-icon-row">',
'<div id="{id}" class="card-icon" data-callback="removeContact"><i class="fa fa-trash green-icon fa-2x pointer" aria-hidden="true"></i></div>',
'<div id="{id}" class="card-icon" data-callback="removeContact"><i class="'+Ngcp.csc.icons.trash2x+' green-icon pointer" aria-hidden="true"></i></div>',
'</div>',
'</div>',
'</div>')

4
classic/src/view/pages/callblocking/CallBlockingGrid.js
Unescape View File

@ -42,8 +42,8 @@ Ext.define('NgcpCsc.view.pages.callblocking.CallBlockingGrid', {
ftype: 'rowbody',
getAdditionalData: function(data, idx, record) {
var enabledState = data.enabled ? 'on' : 'off';
var enabledIcon = '<div id="enableNumberBlocking-' + record.get('id') + '" class="card-icon" data-callback="enableNumberBlocking"><i id="enableNumberBlocking" class="fa fa-toggle-' + enabledState + ' fa-2x" aria-hidden="true" data-qtip="' + Ngcp.csc.locales.callblocking.enable_or_disable[localStorage.getItem('languageSelected')] + '"></i>';
var deleteIcon = '<div id="deleteRecord-' + record.get('id') + '" class="card-icon" data-callback="deleteRecord"><i class="fa fa-trash fa-2x" aria-hidden="true" data-qtip="' + Ngcp.csc.locales.callblocking.delete_number[localStorage.getItem('languageSelected')] + '"></i></div>';
var enabledIcon = '<div id="enableNumberBlocking-' + record.get('id') + '" class="card-icon" data-callback="enableNumberBlocking"><i id="enableNumberBlocking" class="'+Ngcp.csc.icons.toggle[enabledState + '2x']+'" aria-hidden="true" data-qtip="' + Ngcp.csc.locales.callblocking.enable_or_disable[localStorage.getItem('languageSelected')] + '"></i>';
var deleteIcon = '<div id="deleteRecord-' + record.get('id') + '" class="card-icon" data-callback="deleteRecord"><i class="'+Ngcp.csc.icons.trash2x+'" aria-hidden="true" data-qtip="' + Ngcp.csc.locales.callblocking.delete_number[localStorage.getItem('languageSelected')] + '"></i></div>';
return {
rowBody: Ext.String.format('<div class="card-wrapper pointer" id=' + record.get('id') + '><div class="card-icon-row callblocking-footer">{0}{1}</div></div>', enabledIcon, deleteIcon)
};

8
classic/src/view/pages/callforward/CallForwardMainForm.js
Unescape View File

@ -127,14 +127,14 @@ Ext.define('NgcpCsc.view.pages.callforward.CallForwardMainForm', {
id: 'afterHoursButton',
reference: 'afterHoursButton',
text: Ngcp.csc.locales.callforward.time_two[localStorage.getItem('languageSelected')],
iconCls: 'x-fa fa-pencil',
iconCls: Ngcp.csc.icons.pencil,
iconAlign: 'right'
}, {
value: 'companyHours',
id: 'companyHoursButton',
reference: 'companyHoursButton',
text: Ngcp.csc.locales.callforward.time_three[localStorage.getItem('languageSelected')],
iconCls: 'x-fa fa-pencil',
iconCls: Ngcp.csc.icons.pencil,
iconAlign: 'right'
}]
}, {
@ -229,14 +229,14 @@ Ext.define('NgcpCsc.view.pages.callforward.CallForwardMainForm', {
id: 'listAButton',
reference: 'listAButton',
text: Ngcp.csc.locales.callforward.source_two[localStorage.getItem('languageSelected')],
iconCls: 'x-fa fa-pencil',
iconCls: Ngcp.csc.icons.pencil,
iconAlign: 'right'
}, {
value: 'listB',
id: 'listBButton',
reference: 'listBButton',
text: Ngcp.csc.locales.callforward.source_three[localStorage.getItem('languageSelected')],
iconCls: 'x-fa fa-pencil',
iconCls: Ngcp.csc.icons.pencil,
iconAlign: 'right'
}]
}, {

4
classic/src/view/pages/callforward/CallForwardMainGrid.js
Unescape View File

@ -36,7 +36,7 @@ Ext.define('NgcpCsc.view.pages.callforward.CallForwardMainGrid', {
width: 30,
align: 'right',
iconCls: 'x-fa fa-trash',
iconCls: Ngcp.csc.icons.trash,
handler: 'removeEntry'
}, {
text: Ngcp.csc.locales.callforward.move[localStorage.getItem('languageSelected')],
@ -44,7 +44,7 @@ Ext.define('NgcpCsc.view.pages.callforward.CallForwardMainGrid', {
width: 30,
align: 'right',
disabled: true,
iconCls: 'x-fa fa-arrows'
iconCls: Ngcp.csc.icons.move
}];
me.callParent();

4
classic/src/view/pages/contacts/ContactsController.js
Unescape View File

@ -24,7 +24,7 @@ Ext.define('NgcpCsc.view.pages.contacts.ContactsController', {
renderStatus: function(val, meta, rec) {
if (rec.get('leaf')) {
rec.set('iconCls', 'x-fa fa-circle ' + (rec.get('online') ? 'online-user' : 'offline-user'));
rec.set('iconCls', Ngcp.csc.icons.circle + ' ' + (rec.get('online') ? 'online-user' : 'offline-user'));
}
return val;
},
@ -86,7 +86,7 @@ Ext.define('NgcpCsc.view.pages.contacts.ContactsController', {
var newNode = contacts.getRootNode().insertChild(contacts.getStore().getCount(), {
"name": newChatName.getValue(),
"iconCls": "x-fa fa-wechat",
"iconCls": Ngcp.csc.icons.multichat,
"expanded": true,
"children": []
});

2
classic/src/view/pages/conversations/Conversations.js
Unescape View File

@ -8,7 +8,7 @@ Ext.define('NgcpCsc.view.pages.conversations.Conversations', {
controller: 'conversations',
initComponent: function() {
this.dockedItems = Ext.create('NgcpCsc.view.pages.conversations.ConversationsToolbar');
this.items = [{

26
classic/src/view/pages/conversations/ConversationsController.js
Unescape View File

@ -29,22 +29,22 @@ Ext.define('NgcpCsc.view.pages.conversations.ConversationsController', {
switch (record.get('conversation_type')) {
case 'call':
meta.tdAttr = 'data-qtip="' + Ngcp.csc.locales.conversations.tooltips.conversation_types.call[localStorage.getItem('languageSelected')] + '"';
icon = 'fa fa-phone green-icon pointer';
icon = Ngcp.csc.icons.phone + ' green-icon pointer';
break;
case 'voicemail':
icon = 'fa fa-folder-open-o green-icon pointer';
icon = Ngcp.csc.icons.folder + ' green-icon pointer';
break;
case 'sms':
meta.tdAttr = 'data-qtip="' + Ngcp.csc.locales.conversations.tooltips.conversation_types.sms[localStorage.getItem('languageSelected')] + '"';
icon = 'fa fa-envelope-o green-icon pointer';
icon = Ngcp.csc.icons.envelope_transparent + ' green-icon pointer';
break;
case 'chat':
meta.tdAttr = 'data-qtip="' + Ngcp.csc.locales.conversations.tooltips.conversation_types.chat[localStorage.getItem('languageSelected')] + '"';
icon = 'fa fa-comment-o green-icon pointer';
icon = Ngcp.csc.icons.comment + ' green-icon pointer';
break;
case 'fax':
meta.tdAttr = 'data-qtip="' + Ngcp.csc.locales.conversations.tooltips.conversation_types.fax[localStorage.getItem('languageSelected')] + '"';
icon = 'fa fa-file-text-o green-icon pointer';
icon = Ngcp.csc.icons.faxpaper_transparent + ' green-icon pointer';
break;
};
return Ext.String.format('<div class="{0}"></div>', icon);
@ -56,16 +56,16 @@ Ext.define('NgcpCsc.view.pages.conversations.ConversationsController', {
direction = record.get('direction');
switch (record.get('direction')) {
case 'incoming':
icon = color + ' fa fa-chevron-left';
icon = color + ' ' + Ngcp.csc.icons.chevronleft;
meta.tdAttr = 'data-qtip="' + Ngcp.csc.locales.conversations.incoming[localStorage.getItem('languageSelected')] + '"';
break;
case 'outgoing':
icon = color + ' fa fa-chevron-right';
icon = color + ' ' + Ngcp.csc.icons.chevronright;
meta.tdAttr = 'data-qtip="' + Ngcp.csc.locales.conversations.outgoing[localStorage.getItem('languageSelected')] + '"';
break;
case 'forwarded':
meta.tdAttr = 'data-qtip="' + Ngcp.csc.locales.conversations.forwarded[localStorage.getItem('languageSelected')] + '"';
return '<div><span class="' + color + ' fa fa-chevron-right"></span><span class="' + color + ' fa fa-chevron-right"></span></div>';
return '<div><span class="' + color + ' ' + Ngcp.csc.icons.chevronright + '"></span><span class="' + color + ' ' + Ngcp.csc.icons.chevronright + '"></span></div>';
break;
};
return Ext.String.format('<div class="{0}"></div>', icon);
@ -267,23 +267,23 @@ Ext.define('NgcpCsc.view.pages.conversations.ConversationsController', {
}
switch (record.get('conversation_type')) {
case 'call':
icon = 'fa fa-phone-square green-icon pointer';
icon = Ngcp.csc.icons.phonesquare + 'green-icon pointer';
meta.tdAttr = 'data-qtip="' + Ngcp.csc.locales.conversations.tooltips.recall[localStorage.getItem('languageSelected')] + '"';
break;
case 'voicemail':
return '<div id="voicemail-' + record.get('id') + '" class="card-icon play" data-callback="reproduceVoicemail"><i class="fa fa-play green-icon pointer" aria-hidden="true"></i></div>'
return '<div id="voicemail-' + record.get('id') + '" class="card-icon play" data-callback="reproduceVoicemail"><i class="'+Ngcp.csc.icons.play+' green-icon pointer" aria-hidden="true"></i></div>'
break;
case 'fax':
meta.tdAttr = 'data-qtip="' + Ngcp.csc.locales.conversations.tooltips.send_fax[localStorage.getItem('languageSelected')] + '"';
icon = 'fa fa-file-text green-icon pointer';
icon = Ngcp.csc.icons.faxpaper + 'green-icon pointer';
break;
case 'sms':
meta.tdAttr = 'data-qtip="' + Ngcp.csc.locales.conversations.tooltips.send_sms[localStorage.getItem('languageSelected')] + '"';
icon = 'fa fa-envelope green-icon pointer';
icon = Ngcp.csc.icons.envelope + ' green-icon pointer';
break;
case 'chat':
meta.tdAttr = 'data-qtip="' + Ngcp.csc.locales.conversations.tooltips.chat[localStorage.getItem('languageSelected')] + '"';
icon = 'fa fa-comment green-icon pointer';
icon = Ngcp.csc.icons.comment + ' green-icon pointer';
break;
};
return Ext.String.format('<div class="{0}"></div>', icon);

22
classic/src/view/pages/conversations/ConversationsGrid.js
Unescape View File

@ -73,9 +73,9 @@ Ext.define('NgcpCsc.view.pages.conversations.CallsGrid', {
'<div class="card-data-row"><span></span><b>' + Ngcp.csc.locales.common.duration[localStorage.getItem('languageSelected')] + '</b>: ' + record.get('duration') + '</div>' +
'<div class="card-data-row"><span></span><b>' + Ngcp.csc.locales.conversations.cost[localStorage.getItem('languageSelected')] + '</b>: ' + record.get('charges') + record.get('currency') + ' </div>' +
'<div class="card-icon-row">' +
'<div id="sendSms-' + record.get('id') + '" class="card-icon" data-callback="sendSms" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.new_sms[localStorage.getItem('languageSelected')] + '"><i class="fa fa-envelope green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
'<div id="startChat-' + record.get('id') + '" class="card-icon" data-callback="startChat" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.chat[localStorage.getItem('languageSelected')] + '"><i class="fa fa-comment green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
'<div id="startCall-' + record.get('id') + '" class="card-icon" data-callback="startCall" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.recall[localStorage.getItem('languageSelected')] + '"><i class="fa fa-phone green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
'<div id="sendSms-' + record.get('id') + '" class="card-icon" data-callback="sendSms" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.new_sms[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.envelope2x+' green-icon pointer" aria-hidden="true"></i></div>' +
'<div id="startChat-' + record.get('id') + '" class="card-icon" data-callback="startChat" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.chat[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.comment2x+' green-icon pointer" aria-hidden="true"></i></div>' +
'<div id="startCall-' + record.get('id') + '" class="card-icon" data-callback="startCall" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.recall[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.phone2x+' green-icon pointer" aria-hidden="true"></i></div>' +
'</div></div>';
break;
case 'voicemail':
@ -84,8 +84,8 @@ Ext.define('NgcpCsc.view.pages.conversations.CallsGrid', {
'<div class="card-data-row"><span></span><b>' + Ngcp.csc.locales.common.duration[localStorage.getItem('languageSelected')] + '</b>: ' + record.get('duration') + ' </div>' +
'<div class="card-data-row"><span></span><b>' + Ngcp.csc.locales.conversations.folder[localStorage.getItem('languageSelected')] + '</b>: ' + record.get('folder') + ' </div>' +
'<div class="card-icon-row">' +
'<div id="startCall-' + record.get('id') + '" class="card-icon" data-callback="startCall" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.recall[localStorage.getItem('languageSelected')] + '"><i class="fa fa-phone green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
'<div id="reproduceVoicemail-' + record.get('id') + '" class="card-icon" data-callback="reproduceVoicemail" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.listen[localStorage.getItem('languageSelected')] + '"><i class="fa fa-play green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
'<div id="startCall-' + record.get('id') + '" class="card-icon" data-callback="startCall" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.recall[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.phone2x+' green-icon pointer" aria-hidden="true"></i></div>' +
'<div id="reproduceVoicemail-' + record.get('id') + '" class="card-icon" data-callback="reproduceVoicemail" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.listen[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.play2x+' green-icon pointer" aria-hidden="true"></i></div>' +
'<audio id="sample" src="resources/audio/voicemail.mp3" preload="auto"></audio>' +
'</div></div>';
break;
@ -97,9 +97,9 @@ Ext.define('NgcpCsc.view.pages.conversations.CallsGrid', {
'<div class="card-data-row "><b>' + Ngcp.csc.locales.common.date[localStorage.getItem('languageSelected')] + '</b>: ' + Ext.util.Format.date(record.get('start_time'), "d.m.Y h:i:s") + ' </div>' +
'<div class="card-data-row"><span></span><b>' + Ngcp.csc.locales.conversations.cost[localStorage.getItem('languageSelected')] + '</b>: ' + record.get('charges') + record.get('currency') + ' </div>' +
'<div class="card-icon-row">' +
'<div id="sendSms-' + record.get('id') + '" class="card-icon" data-callback="sendSms" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.send_sms[localStorage.getItem('languageSelected')] + '"><i class="fa fa-envelope green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
'<div id="startChat-' + record.get('id') + '" class="card-icon" data-callback="startChat" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.chat[localStorage.getItem('languageSelected')] + '"><i class="fa fa-comment green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
'<div id="startCall-' + record.get('id') + '" class="card-icon" data-callback="startCall" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.recall[localStorage.getItem('languageSelected')] + '"><i class="fa fa-phone green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
'<div id="sendSms-' + record.get('id') + '" class="card-icon" data-callback="sendSms" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.send_sms[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.envelope2x+' green-icon pointer" aria-hidden="true"></i></div>' +
'<div id="startChat-' + record.get('id') + '" class="card-icon" data-callback="startChat" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.chat[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.comment2x+' green-icon pointer" aria-hidden="true"></i></div>' +
'<div id="startCall-' + record.get('id') + '" class="card-icon" data-callback="startCall" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.recall[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.phone2x+' green-icon pointer" aria-hidden="true"></i></div>' +
'</div></div>';
break;
case 'chat':
@ -109,7 +109,7 @@ Ext.define('NgcpCsc.view.pages.conversations.CallsGrid', {
'<div class="card-data-row ">' + record.get('text') + '</div>' +
'<div class="card-data-row "><b>' + Ngcp.csc.locales.common.date[localStorage.getItem('languageSelected')] + '</b>: ' + Ext.util.Format.date(record.get('start_time'), "d.m.Y h:i:s") + ' </div>' +
'<div class="card-icon-row">' +
'<div id="startChat-' + record.get('id') + '" class="card-icon" data-callback="startChat" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.chat[localStorage.getItem('languageSelected')] + '"><i class="fa fa-comment green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
'<div id="startChat-' + record.get('id') + '" class="card-icon" data-callback="startChat" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.chat[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.comment2x+' green-icon pointer" aria-hidden="true"></i></div>' +
'</div></div>';
break;
case 'fax':
@ -118,8 +118,8 @@ Ext.define('NgcpCsc.view.pages.conversations.CallsGrid', {
'<div class="card-data-row"><span></span><b>' + Ngcp.csc.locales.common.duration[localStorage.getItem('languageSelected')] + '</b>: ' + record.get('duration') + '</div>' +
'<div class="card-data-row"><span></span><b>' + Ngcp.csc.locales.conversations.pages[localStorage.getItem('languageSelected')] + '</b>: ' + record.get('pages') + '</div>' +
'<div class="card-icon-row">' +
'<div id="downloadFax-' + record.get('id') + '" class="card-icon" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.download_fax[localStorage.getItem('languageSelected')] + '"><a href="resources/docs/fax.pdf" target="_blank"><i class="fa fa-download green-icon fa-2x pointer" aria-hidden="true"></i></a></div>' +
'<div id="sendFax-' + record.get('id') + '" class="card-icon" data-callback="sendFax" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.send_fax[localStorage.getItem('languageSelected')] + '"><i class="fa fa-file-text green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
'<div id="downloadFax-' + record.get('id') + '" class="card-icon" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.download_fax[localStorage.getItem('languageSelected')] + '"><a href="resources/docs/fax.pdf" target="_blank"><i class= "'+Ngcp.csc.icons.download2x+' green-icon pointer" aria-hidden="true"></i></a></div>' +
'<div id="sendFax-' + record.get('id') + '" class="card-icon" data-callback="sendFax" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.send_fax[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.faxpaper2x+' green-icon pointer" aria-hidden="true"></i></div>' +
'</div></div>';
break;
}

4
classic/src/view/pages/pbxconfig/devices/DevicesGrid.js
Unescape View File

@ -44,8 +44,8 @@ Ext.define('NgcpCsc.view.pages.devices.DevicesGrid', {
'<div class="card-data-row"><span></span><b>' + Ngcp.csc.locales.filters.status[localStorage.getItem('languageSelected')] + '</b>: ' + record.get('status') + '</div>' +
'<div class="img-row"><img src="' + record.get('image') + '"></div>' +
'<div class="card-icon-row">' +
'<div id="editGroup-' + record.get('id') + '" class="card-icon" data-callback="editDevice" data-qtip="' + Ngcp.csc.locales.filters.tooltips.edit_device[localStorage.getItem('languageSelected')] + '"><i class="fa fa-edit green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
'<div id="removeDevice-' + record.get('id') + '" class="card-icon" data-callback="removeDevice" data-qtip="' + Ngcp.csc.locales.filters.tooltips.remove_device[localStorage.getItem('languageSelected')] + '"><i class="fa fa-trash green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
'<div id="editGroup-' + record.get('id') + '" class="card-icon" data-callback="editDevice" data-qtip="' + Ngcp.csc.locales.filters.tooltips.edit_device[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.edit2x+' green-icon pointer" aria-hidden="true"></i></div>' +
'<div id="removeDevice-' + record.get('id') + '" class="card-icon" data-callback="removeDevice" data-qtip="' + Ngcp.csc.locales.filters.tooltips.remove_device[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.trash2x+' green-icon pointer" aria-hidden="true"></i></div>' +
'</div></div>';
return {
rowBody: content

4
classic/src/view/pages/pbxconfig/groups/GroupsGrid.js
Unescape View File

@ -43,8 +43,8 @@ Ext.define('NgcpCsc.view.pages.groups.GroupsGrid', {
'<div class="card-data-row"><span></span><b>' + Ngcp.csc.locales.filters.hunt_policy[localStorage.getItem('languageSelected')] + '</b>: ' + record.get('hunt_policy') + '</div>' +
'<div class="card-data-row"><span></span><b>' + Ngcp.csc.locales.filters.hunt_timeout[localStorage.getItem('languageSelected')] + '</b>: ' + record.get('hunt_timeout') + '</div>' +
'<div class="card-icon-row">' +
'<div id="editGroup-' + record.get('id') + '" class="card-icon" data-callback="editGroup" data-qtip="' + Ngcp.csc.locales.filters.tooltips.edit_group[localStorage.getItem('languageSelected')] + '"><i class="fa fa-edit green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
'<div id="removeGroup-' + record.get('id') + '" class="card-icon" data-callback="removeGroup" data-qtip="' + Ngcp.csc.locales.filters.tooltips.remove_group[localStorage.getItem('languageSelected')] + '"><i class="fa fa-trash green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
'<div id="editGroup-' + record.get('id') + '" class="card-icon" data-callback="editGroup" data-qtip="' + Ngcp.csc.locales.filters.tooltips.edit_group[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.edit2x+' green-icon pointer" aria-hidden="true"></i></div>' +
'<div id="removeGroup-' + record.get('id') + '" class="card-icon" data-callback="removeGroup" data-qtip="' + Ngcp.csc.locales.filters.tooltips.remove_group[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.trash2x+' green-icon pointer" aria-hidden="true"></i></div>' +
'</div></div>';
return {
rowBody: content

4
classic/src/view/pages/pbxconfig/seats/SeatsGrid.js
Unescape View File

@ -43,8 +43,8 @@ Ext.define('NgcpCsc.view.pages.seats.SeatsGrid', {
'<div class="card-data-row"><span></span><b>' + Ngcp.csc.locales.filters.numbers[localStorage.getItem('languageSelected')] + '</b>: ' + record.get('numbers') + '</div>' +
'<div class="card-data-row"><span></span><b>' + Ngcp.csc.locales.filters.phone_devices[localStorage.getItem('languageSelected')] + '</b>: ' + record.get('phone_devices') + '</div>' +
'<div class="card-icon-row">' +
'<div id="editSeat-' + record.get('id') + '" class="card-icon" data-callback="editSeat" data-qtip="' + Ngcp.csc.locales.filters.tooltips.edit_seat[localStorage.getItem('languageSelected')] + '"><i class="fa fa-edit green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
'<div id="removeSeat-' + record.get('id') + '" class="card-icon" data-callback="removeSeat" data-qtip="' + Ngcp.csc.locales.filters.tooltips.remove_seat[localStorage.getItem('languageSelected')] + '"><i class="fa fa-trash green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
'<div id="editSeat-' + record.get('id') + '" class="card-icon" data-callback="editSeat" data-qtip="' + Ngcp.csc.locales.filters.tooltips.edit_seat[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.edit2x+' green-icon pointer" aria-hidden="true"></i></div>' +
'<div id="removeSeat-' + record.get('id') + '" class="card-icon" data-callback="removeSeat" data-qtip="' + Ngcp.csc.locales.filters.tooltips.remove_seat[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.trash2x+' green-icon pointer" aria-hidden="true"></i></div>' +
'</div></div>';
return {
rowBody: content

57
sass/var/all.scss
Unescape View File

@ -42,3 +42,60 @@ $wizard-two-button-background-color: #925e8b;
$wizard-three-primary-background-color: #9cc96b;
$wizard-three-button-background-color: #9cc96b;
//--------------------------------------------------
// Font Awesome Unicodes
//
// ex. of usage
// .yourclass:before {
// font-family: FontAwesome;
// content: $add-user;
// }
//
// Every variable should have a correspondent
// entry in ./app/utils/icons/js
$add-user: "\f234";
$angle-left: "\xf104";
$angle-right: "\xf105";
$bell: "\f0f3";
$block: "\f05e";
$book: "\xf02d";
$chevron-left: "\f053";
$chevron-right: "\f054";
$circle: "\xf111";
$cog: "\xf013";
$comment: "\f075";
$desktop: "\xf108";
$double-angle-right: "\f101";
$download: "\f019";
$edit: "\xf044";
$envelope: "\xf0e0";
$envelope_transparent: "\xf003";
$fax:"\xf1ac";
$fax-paper:"\f15c";
$fax-paper-transparent:"\xf0f6";
$filter: "\f0b0";
$folder: "\f115";
$home: "\xf015";
$key: "\f084";
$lock: "\f023";
$microphone: "\xf130";
$microphone-slash: "\xf131";
$menu: "\xf0c9";
$move: "\f047";
$multichat : "\xf1d7";
$paint-brush: "\f1fc";
$pause: "\xf04c";
$pencil: "\f040";
$play: "\xf04b";
$phone: "\xf095";
$phonesquare: "\xf098";
$send: "\xf1d8";
$toggle-off:"xf204";
$toggle-on:"xf205";
$trash: "\f1f8";
$user: "\xf007";
$users: "\xf0c0";
$user-secret: "\f21b";
$video: "\xf03d";

Write Preview
Loading…
Cancel
Save