Added icons for outlook and gmail

This commit is contained in:
Nicolai Ort 2020-08-29 17:16:31 +02:00
parent 1a3a3b8cef
commit 59fbd276a1
1 changed files with 21 additions and 9 deletions

View File

@ -39,6 +39,18 @@ var mailymailyApp = mailymailyApp || {};
*/
var worldSvg = `<svg viewBox="0 0 24 24"><g class="nc-icon-wrapper" stroke-linecap="square" stroke-linejoin="miter" stroke-width="2" fill="currentColor" stroke="currentColor"><path data-cap="butt" data-color="color-2" fill="none" stroke-miterlimit="10" d="M5.704,2.979 c0.694,0.513,1.257,1.164,1.767,2.02C7.917,5.746,8.908,7.826,8,9c-1.027,1.328-4,1.776-4,3c0,0.921,1.304,1.972,2,3 c1.047,1.546,0.571,3.044,0,4c-0.296,0.496-0.769,0.92-1.293,1.234" stroke-linecap="butt"/> <path data-cap="butt" data-color="color-2" fill="none" stroke-miterlimit="10" d="M20.668,5.227 C18.509,6.262,15.542,6.961,15,7c-1.045,0.075-1.2-0.784-2-2c-0.6-0.912-2-2.053-2-3c0-0.371,0.036-0.672,0.131-0.966" stroke-linecap="butt"/> <circle fill="none" stroke="currentColor" stroke-miterlimit="10" cx="12" cy="12" r="11"/> <path data-cap="butt" data-color="color-2" fill="none" stroke-miterlimit="10" d="M19.014,12.903 C19.056,15.987,15.042,19.833,13,19c-1.79-0.73-0.527-2.138-0.986-6.097c-0.191-1.646,1.567-3,3.5-3S18.992,11.247,19.014,12.903z" stroke-linecap="butt"/></g></svg>`;
/**
* The svg icon for outlook web.
* @type {String}
*/
var outlookSvg = `<svg viewBox="0 0 48 48" width="48px" height="48px"><path fill="#03A9F4" d="M21,31c0,1.104,0.896,2,2,2h17c1.104,0,2-0.896,2-2V16c0-1.104-0.896-2-2-2H23c-1.104,0-2,0.896-2,2V31z"/><path fill="#B3E5FC" d="M42,16.975V16c0-0.428-0.137-0.823-0.367-1.148l-11.264,6.932l-7.542-4.656L22.125,19l8.459,5L42,16.975z"/><path fill="#0277BD" d="M27 41.46L6 37.46 6 9.46 27 5.46z"/><path fill="#FFF" d="M21.216,18.311c-1.098-1.275-2.546-1.913-4.328-1.913c-1.892,0-3.408,0.669-4.554,2.003c-1.144,1.337-1.719,3.088-1.719,5.246c0,2.045,0.564,3.714,1.69,4.986c1.126,1.273,2.592,1.91,4.378,1.91c1.84,0,3.331-0.652,4.474-1.975c1.143-1.313,1.712-3.043,1.712-5.199C22.869,21.281,22.318,19.595,21.216,18.311z M19.049,26.735c-0.568,0.769-1.339,1.152-2.313,1.152c-0.939,0-1.699-0.394-2.285-1.187c-0.581-0.785-0.87-1.861-0.87-3.211c0-1.336,0.289-2.414,0.87-3.225c0.586-0.81,1.368-1.211,2.355-1.211c0.962,0,1.718,0.393,2.267,1.178c0.555,0.795,0.833,1.895,0.833,3.31C19.907,24.906,19.618,25.968,19.049,26.735z"/></svg>`;
/**
* The svg icon for gmail.
* @type {String}
*/
var gmailSvg = `<svg viewBox="0 0 48 48" width="48px" height="48px"><path fill="#e0e0e0" d="M5.5,40.5h37c1.933,0,3.5-1.567,3.5-3.5V11c0-1.933-1.567-3.5-3.5-3.5h-37C3.567,7.5,2,9.067,2,11v26C2,38.933,3.567,40.5,5.5,40.5z"/><path fill="#d9d9d9" d="M26,40.5h16.5c1.933,0,3.5-1.567,3.5-3.5V11c0-1.933-1.567-3.5-3.5-3.5h-37C3.567,7.5,2,9.067,2,11L26,40.5z"/><path fill="#eee" d="M6.745,40.5H42.5c1.933,0,3.5-1.567,3.5-3.5V11.5L6.745,40.5z"/><path fill="#e0e0e0" d="M25.745,40.5H42.5c1.933,0,3.5-1.567,3.5-3.5V11.5L18.771,31.616L25.745,40.5z"/><path fill="#ca3737" d="M42.5,9.5h-37C3.567,9.5,2,9.067,2,11v26c0,1.933,1.567,3.5,3.5,3.5H7V12h34v28.5h1.5c1.933,0,3.5-1.567,3.5-3.5V11C46,9.067,44.433,9.5,42.5,9.5z"/><path fill="#f5f5f5" d="M42.5,7.5H24H5.5C3.567,7.5,2,9.036,2,11c0,1.206,1.518,2.258,1.518,2.258L24,27.756l20.482-14.497c0,0,1.518-1.053,1.518-2.258C46,9.036,44.433,7.5,42.5,7.5z"/><path fill="#e84f4b" d="M43.246,7.582L24,21L4.754,7.582C3.18,7.919,2,9.297,2,11c0,1.206,1.518,2.258,1.518,2.258L24,27.756l20.482-14.497c0,0,1.518-1.053,1.518-2.258C46,9.297,44.82,7.919,43.246,7.582z"/></svg>`;
/**
* The default svg icon for default email app button.
* @type {String}
@ -79,43 +91,43 @@ var mailymailyApp = mailymailyApp || {};
* The modal title.
* @type {String}
*/
options.title = 'Compose new email with';
options.title = 'Neue E-Mail schreiben mit';
/**
* Text for button 1.
* @type {String}
*/
options.buttonText1 = 'Gmail in browser';
options.buttonText1 = 'Gmail';
/**
* Text for button 2.
* @type {String}
*/
options.buttonText2 = 'Outlook in browser';
options.buttonText2 = 'Outlook Web';
/**
* Text for button 3.
* @type {String}
*/
options.buttonText3 = 'Yahoo in browser';
options.buttonText3 = 'Yahoo';
/**
* Text for button 4.
* @type {String}
*/
options.buttonText4 = 'Default email app';
options.buttonText4 = 'Standardanwendung';
/**
* URL of svg file used as icon for button 1.
* @type {String}
*/
options.buttonIcon1 = worldSvg;
options.buttonIcon1 = gmailSvg;
/**
* URL of svg file used as icon for button 2.
* @type {String}
*/
options.buttonIcon2 = worldSvg;
options.buttonIcon2 = outlookSvg;
/**
* URL of svg file used as icon for button 3.
@ -139,13 +151,13 @@ var mailymailyApp = mailymailyApp || {};
* Text for Copy button.
* @type {String}
*/
options.buttonTextCopy = 'Copy';
options.buttonTextCopy = 'Kopieren';
/**
* Text for Copy button when clicked.
* @type {String}
*/
options.buttonTextCopyAction = 'Copied!';
options.buttonTextCopyAction = 'Kopiert!';
/**
* Keep track of the page's scroll position.