Improved #81

dev/Common/File.js

@@ -13,16 +13,15 @@ const
 	exts = {
 		eml: 'message/rfc822',
 		mime: 'message/rfc822',
-	rtx: 'text/richtext',
 		vcard: 'text/vcard',
 		vcf: 'text/vcard',
 		htm: 'text/html',
 		html: 'text/html',
 		csv: 'text/csv',
 		ics: 'text/calendar',
-	ifb: 'text/calendar',
 		xml: 'text/xml',
 		json: app+'json',
+		asc: app+'pgp-signature',
 		p10: app+'pkcs10',
 		p7c: app+'pkcs7-mime',
 		p7m: app+'pkcs7-mime',
@@ -34,8 +33,7 @@ const
 		pl: 'text/perl',
 		css: 'text/css',
 		asp: 'text/asp',
-	php: app+'x-httpd-php',
+		php: app+'x-php',
-	phtml: app+'x-httpd-php',
 
 		// images
 		jpg: 'image/jpeg',
@@ -101,23 +99,21 @@ const
 		odt: openDoc+'text',
 		ods: openDoc+'spreadsheet',
 		odp: openDoc+'presentation'
-};
+	};
 
 export const FileType = {
 	Unknown: 'unknown',
 	Text: 'text',
-	Html: 'html',
 	Code: 'code',
 	Eml: 'eml',
-	WordText: 'word-text',
+	Word: 'word',
 	Pdf: 'pdf',
 	Image: 'image',
 	Audio: 'audio',
 	Video: 'video',
-	Sheet: 'sheet',
+	Spreadsheet: 'spreadsheet',
 	Presentation: 'presentation',
 	Certificate: 'certificate',
-	CertificateBin: 'certificate-bin',
 	Archive: 'archive'
 };
 
@@ -138,7 +134,7 @@ export const FileInfo = {
 			return app + 'ms-tnef';
 		}
 		let ext = fileName.split('.').pop();
-		if (/^(txt|text|def|list|in|ini|log|sql|cfg|conf|asc)$/.test(ext))
+		if (/^(txt|text|def|list|in|ini|log|sql|cfg|conf)$/.test(ext))
 			return 'text/plain';
 		if (/^(mpe?g|mpe|m1v|m2v)$/.test(ext))
 			return 'video/mpeg';
@@ -186,15 +182,12 @@ export const FileInfo = {
 			case 'video' == mimeTypeParts[0] || 'mkv' == ext || 'avi' == ext:
 				result = FileType.Video;
 				break;
-			case ['php', 'js', 'css'].includes(ext):
+			case ['php', 'js', 'css', 'xml', 'html'].includes(ext) || 'text/html' == mimeType:
 				result = FileType.Code;
 				break;
 			case 'eml' == ext || ['message/delivery-status', 'message/rfc822'].includes(mimeType):
 				result = FileType.Eml;
 				break;
-			case 'text/html' == mimeType || 'html' == ext:
-				result = FileType.Html;
-				break;
 			case 'text' == mimeTypeParts[0] || 'txt' == ext || 'log' == ext:
 				result = FileType.Text;
 				break;
@@ -204,19 +197,17 @@ export const FileInfo = {
 			case 'pdf' == type || 'pdf' == ext:
 				result = FileType.Pdf;
 				break;
-			case [app+'pgp-signature', app+'pgp-keys'].includes(mimeType) ||
+			case [app+'pgp-signature', app+'pgp-keys'].includes(mimeType)
-				['asc', 'pem', 'ppk'].includes(ext):
+				|| ['asc', 'pem', 'ppk'].includes(ext)
+				|| [app+'pkcs7-signature'].includes(mimeType) || 'p7s' == ext:
 				result = FileType.Certificate;
 				break;
-			case [app+'pkcs7-signature'].includes(mimeType) || 'p7s' == ext:
-				result = FileType.CertificateBin;
-				break;
 			case match(msOffice+'.wordprocessingml') || match(openDoc+'.text') || match('vnd.ms-word')
 				|| ['rtf', 'msword', 'vnd.msword'].includes(type):
-				result = FileType.WordText;
+				result = FileType.Word;
 				break;
 			case match(msOffice+'.spreadsheetml') || match(openDoc+'.spreadsheet') || match('ms-excel'):
-				result = FileType.Sheet;
+				result = FileType.Spreadsheet;
 				break;
 			case match(msOffice+'.presentationml') || match(openDoc+'.presentation') || match('ms-powerpoint'):
 				result = FileType.Presentation;
@@ -232,43 +223,22 @@ export const FileInfo = {
 	 * @returns {string}
 	 */
 	getTypeIconClass: fileType => {
-		let result = ['icon-file', ''];
+		let result = 'icon-file';
 		switch (fileType) {
 			case FileType.Text:
 			case FileType.Eml:
-			case FileType.WordText:
-				result[0] += '-text';
-				break;
-			case FileType.Html:
-			case FileType.Code:
-				result[0] += '-code';
-				break;
-			case FileType.Image:
-				result[0] += '-image';
-				break;
-			case FileType.Audio:
-				result[0] += '-music';
-				break;
-			case FileType.Video:
-				result[0] += '-movie';
-				break;
-			case FileType.Archive:
-				result[0] += '-zip';
-				break;
-			case FileType.Certificate:
-			case FileType.CertificateBin:
-				result[0] += '-certificate';
-				break;
-			case FileType.Sheet:
-				result[0] += '-excel';
-				break;
-			case FileType.Presentation:
-				result[0] += '-chart-graph';
-				break;
 			case FileType.Pdf:
-				result[1] = 'pdf';
+			case FileType.Word:
-				break;
+				return result + '-text';
-			// no default
+			case FileType.Code:
+			case FileType.Image:
+			case FileType.Audio:
+			case FileType.Video:
+			case FileType.Archive:
+			case FileType.Certificate:
+			case FileType.Spreadsheet:
+			case FileType.Presentation:
+				return result + '-' + fileType;
 		}
 		return result;
 	},
@@ -282,7 +252,7 @@ export const FileInfo = {
 	getCombinedIconClass: data => {
 		if (isNonEmptyArray(data)) {
 			let icons = data
-				.map(item => item ? FileInfo.getIconClass(FileInfo.getExtension(item[0]), item[1])[0] : '')
+				.map(item => item ? FileInfo.getIconClass(FileInfo.getExtension(item[0]), item[1]) : '')
 				.validUnique();
 
 			return (icons && 1 === icons.length && 'icon-file' !== icons[0])

dev/Model/Attachment.js

@@ -10,8 +10,6 @@ import { AbstractModel } from 'Knoin/AbstractModel';
 
 import { SMAudio } from 'Common/Audio';
 
-const bAllowPdfPreview = undefined !== navigator.mimeTypes['application/pdf'];
-
 export class AttachmentModel extends AbstractModel {
 	constructor() {
 		super();
@@ -92,27 +90,21 @@ export class AttachmentModel extends AbstractModel {
 	 * @returns {boolean}
 	 */
 	isText() {
-		return (
+		return FileType.Text === this.fileType || FileType.Eml === this.fileType;
-			FileType.Text === this.fileType ||
-			FileType.Eml === this.fileType ||
-			FileType.Certificate === this.fileType ||
-			FileType.Html === this.fileType ||
-			FileType.Code === this.fileType
-		);
 	}
 
 	/**
 	 * @returns {boolean}
 	 */
-	isPdf() {
+	pdfPreview() {
-		return FileType.Pdf === this.fileType;
+		return null != navigator.mimeTypes['application/pdf'] && FileType.Pdf === this.fileType;
 	}
 
 	/**
 	 * @returns {boolean}
 	 */
 	hasPreview() {
-		return this.isImage() || (this.isPdf() && bAllowPdfPreview) || this.isText();
+		return this.isImage() || this.pdfPreview() || this.isText();
 	}
 
 	/**
@@ -155,13 +147,6 @@ export class AttachmentModel extends AbstractModel {
 		return link ? 'background:url(' + link + ')' : '';
 	}
 
-	/**
-	 * @returns {string}
-	 */
-	linkPreviewAsPlain() {
-		return serverRequestRaw('ViewAsPlain', this.download);
-	}
-
 	/**
 	 * @returns {string}
 	 */
@@ -169,11 +154,11 @@ export class AttachmentModel extends AbstractModel {
 		let result = '';
 		switch (true) {
 			case this.isImage():
-			case this.isPdf() && bAllowPdfPreview:
+			case this.pdfPreview():
 				result = this.linkPreview();
 				break;
 			case this.isText():
-				result = this.linkPreviewAsPlain();
+				result = serverRequestRaw('ViewAsPlain', this.download);
 				break;
 			// no default
 		}
@@ -181,18 +166,6 @@ export class AttachmentModel extends AbstractModel {
 		return result;
 	}
 
-	/**
-	 * @returns {string}
-	 */
-	generateTransferDownloadUrl() {
-		let link = this.linkDownload();
-		if ('http' !== link.substr(0, 4)) {
-			link = location.protocol + '//' + location.host + location.pathname + link;
-		}
-
-		return this.mimeType + ':' + this.fileName + ':' + link;
-	}
-
 	/**
 	 * @param {AttachmentModel} attachment
 	 * @param {*} event
@@ -201,7 +174,11 @@ export class AttachmentModel extends AbstractModel {
 	eventDragStart(attachment, event) {
 		const localEvent = event.originalEvent || event;
 		if (attachment && localEvent && localEvent.dataTransfer && localEvent.dataTransfer.setData) {
-			localEvent.dataTransfer.setData('DownloadURL', this.generateTransferDownloadUrl());
+			let link = this.linkDownload();
+			if ('http' !== link.substr(0, 4)) {
+				link = location.protocol + '//' + location.host + location.pathname + link;
+			}
+			localEvent.dataTransfer.setData('DownloadURL', this.mimeType + ':' + this.fileName + ':' + link);
 		}
 
 		return true;
@@ -211,13 +188,6 @@ export class AttachmentModel extends AbstractModel {
 	 * @returns {string}
 	 */
 	iconClass() {
-		return FileInfo.getTypeIconClass(this.fileType)[0];
+		return FileInfo.getTypeIconClass(this.fileType);
-	}
-
-	/**
-	 * @returns {string}
-	 */
-	iconText() {
-		return FileInfo.getTypeIconClass(this.fileType)[1];
 	}
 }

dev/Model/ComposeAttachment.js

@@ -96,13 +96,6 @@ export class ComposeAttachmentModel extends AbstractModel {
 	 * @returns {string}
 	 */
 	iconClass() {
-		return FileInfo.getIconClass(this.fileExt(), this.mimeType())[0];
+		return FileInfo.getIconClass(this.fileExt(), this.mimeType());
-	}
-
-	/**
-	 * @returns {string}
-	 */
-	iconText() {
-		return FileInfo.getIconClass(this.fileExt(), this.mimeType())[1];
 	}
 }

dev/Styles/Attachmnets.less

@@ -103,16 +103,6 @@
 		}
 	}
 
-	.attachmentIconText {
-		display: inline-block;
-		font-size: 28px;
-		width: 60px;
-		height: 56px;
-		color: #aaa;
-		line-height: 56px;
-		font-style: normal;
-	}
-
 /*
 	.attachmentIconParent.hasPreview.isImage {
 		.iconMain {

snappymail/v/0.0.0/app/libraries/MailSo/Base/Utils.php

@@ -744,7 +744,6 @@ END;
 			'sql'	=> 'text/plain',
 			'cfg'	=> 'text/plain',
 			'conf'	=> 'text/plain',
-			'asc'	=> 'text/plain',
 			'rtx'	=> 'text/richtext',
 			'vcard'	=> 'text/vcard',
 			'vcf'	=> 'text/vcard',
@@ -759,6 +758,7 @@ END;
 			'hlp'	=> 'application/winhlp',
 			'wgt'	=> 'application/widget',
 			'chm'	=> 'application/vnd.ms-htmlhelp',
+			'asc'   => 'application/pgp-signature',
 			'p10'	=> 'application/pkcs10',
 			'p7c'	=> 'application/pkcs7-mime',
 			'p7m'	=> 'application/pkcs7-mime',
@@ -770,11 +770,7 @@ END;
 			'pl'	=> 'text/perl',
 			'css'	=> 'text/css',
 			'asp'	=> 'text/asp',
-			'php'	=> 'application/x-httpd-php',
+			'php'	=> 'application/x-php',
-			'php3'	=> 'application/x-httpd-php',
-			'php4'	=> 'application/x-httpd-php',
-			'php5'	=> 'application/x-httpd-php',
-			'phtml'	=> 'application/x-httpd-php',
 
 			// images
 			'png'	=> 'image/png',

snappymail/v/0.0.0/app/templates/Views/User/MailMessageView.html

@@ -278,15 +278,13 @@
 													<div class="attachmentIconParent" data-bind="css: { 'hasPreview': hasPreview(), 'hasPreplay': hasPreplay(), 'isImage': isImage() }">
 														<div class="hidePreview">
 															<div class="iconMain">
-																<i class="attachmentIcon attachmentMainIcon" data-bind="css: iconClass()"></i>
+																<i class="attachmentIcon" data-bind="css: iconClass()"></i>
-																<i class="attachmentIconText attachmentMainIconText" data-bind="text: iconText()"></i>
 															</div>
 														</div>
 														<div class="showPreview">
 															<a data-bind="click: $root.attachmentPreview, css: {'attachmentImagePreview': isImage(), 'visible': !isLinked}, attr: { 'title': fileName, 'href': linkPreviewMain() }" target="_blank">
 																<div class="iconMain">
-																	<i class="attachmentIcon attachmentMainIcon" data-bind="css: iconClass()"></i>
+																	<i class="attachmentIcon" data-bind="css: iconClass()"></i>
-																	<i class="attachmentIconText attachmentMainIconText" data-bind="text: iconText()"></i>
 																</div>
 																<div class="iconBG" data-bind="attr: { 'style': linkThumbnailPreviewStyle() }"></div>
 																<div class="iconPreview attachmentIcon fontastic show-hover">👁</div>
@@ -294,7 +292,7 @@
 														</div>
 														<div class="showPreplay">
 															<div class="iconMain">
-																<i class="attachmentIcon attachmentMainIcon" data-bind="css: iconClass()"></i>
+																<i class="attachmentIcon" data-bind="css: iconClass()"></i>
 															</div>
 															<div class="iconPreview attachmentIcon fontastic show-hover">▶</div>
 														</div>
@@ -316,8 +314,8 @@
 
 											<span data-bind="visible: downloadAsZipAllowed">
 												<i class="fontastic iconcolor-red" data-bind="visible: downloadAsZipError">✖</i>
-												<i class="icon-file-zip" data-bind="visible: !downloadAsZipError(),
+												<i class="icon-file-archive" data-bind="visible: !downloadAsZipError(),
-													css: {'icon-file-zip': !downloadAsZipLoading(), 'icon-spinner': downloadAsZipLoading()}"></i>
+													css: {'icon-file-archive': !downloadAsZipLoading(), 'icon-spinner': downloadAsZipLoading()}"></i>
 												<span class="g-ui-link" data-bind="click: downloadAsZip"
 													data-i18n="MESSAGE/LINK_DOWNLOAD_AS_ZIP"></span>
 											</span>

snappymail/v/0.0.0/app/templates/Views/User/PopupsCompose.html

@@ -171,8 +171,7 @@
 						<li class="attachmentItem" data-bind="attr: { 'title': title }, css: { 'waiting': waiting, 'error': '' !== error() }">
 							<div class="attachmentIconParent">
 								<div class="iconMain">
-									<i class="attachmentIcon attachmentMainIcon" data-bind="css: iconClass(), visible: !uploading() || 0 === progress()"></i>
+									<i class="attachmentIcon" data-bind="css: iconClass(), visible: !uploading() || 0 === progress()"></i>
-									<i class="attachmentIconText attachmentMainIconText" data-bind="text: iconText(), visible: !uploading() || 0 === progress()"></i>
 								</div>
 								<div class="iconProgress" data-bind="attr: { 'style': progressStyle }, visible: uploading"></div>
 								<div class="iconBG" data-bind="text: progressText, visible: uploading"></div>

vendors/fontastic/styles.css

@@ -55,13 +55,13 @@
 .icon-file-code::before {
   content: "\e030";
 }
-.icon-file-chart-graph::before {
+.icon-file-presentation::before {
   content: "\e031"; /* 📊 */
 }
-.icon-file-zip::before {
+.icon-file-archive::before {
   content: "\e032";
 }
-.icon-file-music::before {
+.icon-file-audio::before {
   content: "\e033";
 }
 .icon-file-text::before {
@@ -76,10 +76,10 @@
 .icon-attachment::before {
   content: "📎";
 }
-.icon-file-excel::before {
+.icon-file-spreadsheet::before {
   content: "\e03a";
 }
-.icon-file-movie::before {
+.icon-file-video::before {
   content: "\e03b";
 }
 .icon-folder-add::before {