Browse Source

more ui improvements

tags/v2.0.4
Christoph Haas 4 years ago
parent
commit
5bd9a496df
3 changed files with 7 additions and 42 deletions
  1. +2
    -37
      js/plugin.contactimporter.js
  2. +5
    -5
      resources/css/contactimporter-main.css
  3. BIN
      resources/images/import_icon.png

+ 2
- 37
js/plugin.contactimporter.js View File

@@ -48,38 +48,10 @@ Zarafa.plugins.contactimporter.ImportPlugin = Ext.extend(Zarafa.core.Plugin, {
/* directly import received vcfs */
this.registerInsertionPoint('common.contextmenu.attachment.actions', this.createAttachmentImportButton, this);
/* add import button to south navigation */
this.registerInsertionPoint("navigation.south", this.createImportButton, this);
/* export a contact via rightclick */
this.registerInsertionPoint('context.contact.contextmenu.actions', this.createItemExportInsertionPoint, this);
},
/**
* Creates the button
*
* @return {Object} Configuration object for a {@link Ext.Button button}
*
*/
createImportButton: function () {
var button = {
xtype: 'panel',
cls: 'zarafa-ciplg-container',
layout: 'fit',
navigationContext: container.getContextByName('contact'),
items: [{
xtype : 'button',
text : _('Import Contacts'),
iconCls : 'icon_contactimporter_button',
cls: 'zarafa-ciplg-button',
handler : this.onImportButtonClick,
scope : this
}]
};
return button;
},
/**
* This method hooks to the contact context menu and allows users to export users to vcf.
*
@@ -89,7 +61,7 @@ Zarafa.plugins.contactimporter.ImportPlugin = Ext.extend(Zarafa.core.Plugin, {
*/
createItemExportInsertionPoint: function (include, btn) {
return {
text : dgettext('plugin_files', 'Export VCF'),
text : dgettext('plugin_files', 'Export vCard'),
handler: this.exportToVCF.createDelegate(this, [btn]),
scope : this,
iconCls: 'icon_contactimporter_export'
@@ -156,7 +128,7 @@ Zarafa.plugins.contactimporter.ImportPlugin = Ext.extend(Zarafa.core.Plugin, {
*/
createAttachmentImportButton: function (include, btn) {
return {
text : _('Import Contacts'),
text : _('Import to Contacts'),
handler : this.getAttachmentFileName.createDelegate(this, [btn]),
scope : this,
iconCls : 'icon_contactimporter_button',
@@ -251,13 +223,6 @@ Zarafa.plugins.contactimporter.ImportPlugin = Ext.extend(Zarafa.core.Plugin, {
);
},
/**
* Clickhandler for the button
*/
onImportButtonClick: function () {
this.openImportDialog();
},
/**
* Open the import dialog.
*


+ 5
- 5
resources/css/contactimporter-main.css View File

@@ -2,7 +2,6 @@
background: url(../images/import_icon.png) no-repeat !important;
background-repeat: no-repeat;
background-position: center;
background-size: 18px !important;
}
.icon_contactimporter_export {
@@ -19,12 +18,13 @@
.zarafa-ciplg-container {
width: 100%;
height: 30px;
height: 50px;
}
.zarafa-ciplg-button .x-btn-small {
width: 80%;
height: 25px;
margin-left: auto;
margin-right: auto;
height: 30px;
margin-left: 10%;
margin-right: 10%;
margin-top: 10px;
}

BIN
resources/images/import_icon.png View File

Before After
Width: 100  |  Height: 100  |  Size: 926B Width: 18  |  Height: 18  |  Size: 407B

Loading…
Cancel
Save