Add icon to mimetype mindmap

ACTom · Mar 10, 2020 · ad802f6 · nickvergessen · Mar 11, 2020 · ACTom
1 parent 6020921
commit ad802f6
Show file tree

Hide file tree

Showing 7 changed files with 57 additions and 19 deletions.
diff --git a/css/style.css b/css/style.css
@@ -2,10 +2,16 @@
 #body-public .full-height {
 	height: 100%;
 }
+
 .ie #body-public .full-height {
 	display: block;
 }
 
 #mmframe {
 	padding-top: inherit;
 }
+
+.icon-mindmap
+{
+    background-image: url("../img/mindmap.svg") !important;
+}
diff --git a/img/mindmap.svg b/img/mindmap.svg
diff --git a/js/mindmap.js b/js/mindmap.js
@@ -4,6 +4,7 @@ var FilesMindMap = {
 	_fileList: null,
 	init: function() {
 		this.registerFileActions();
+		this.hackFileIcon();
 	},
 
 	showMessage: function(msg, delay, t) {
@@ -197,6 +198,32 @@ var FilesMindMap = {
 		});
 	},
 
+	hackFileIcon: function() {
+		var changeMindmapIcons = function() {
+			$("#filestable")
+			.find("tr[data-type=file]")
+			.each(function () {
+				if (($(this).attr("data-mime") == "application/km") 
+					&& ($(this).find("div.thumbnail").length > 0)) {
+						if ($(this).find("div.thumbnail").hasClass("icon-mindmap") == false) {
+							$(this).find("div.thumbnail").addClass("icon icon-mindmap");
+						}
+					}
+			});
+		}
+
+		if ($('#filesApp').val()) {
+			$('#app-content-files')
+			.add('#app-content-extstoragemounts')
+			.on('changeDirectory', function (e) {
+				changeMindmapIcons();
+			})
+			.on('fileActionsReady', function (e) {
+				changeMindmapIcons();
+			});
+        }
+	},
+
 	_onEditorTrigger: function(fileName, context) {
 		this._currentContext = context;
 		this._file.name = fileName;
@@ -233,7 +260,7 @@ FilesMindMap.NewFileMenuPlugin = {
 			id: 'mindmapfile',
 			displayName: t('files_mindmap', 'New mind map file'),
 			templateName: t('files_mindmap', 'New mind map.km'),
-			iconClass: 'icon-link',
+			iconClass: 'icon-mindmap',
 			fileType: 'application/km',
 			actionHandler: function(name) {
 				var dir = fileList.getCurrentDirectory();

diff --git a/js/viewer.js b/js/viewer.js
@@ -144,7 +144,7 @@ redirectIfNotDisplayedInFrame();
 				if (self.getAutoSaveStatus()) {
 					self.save();
 				}
-			}, 5000);
+			}, 10000);
 		},
 		getAutoSaveStatus: function() {
 			var status = $('#autosave-checkbox').is(':checked');

diff --git a/lib/Migration/InstallStep.php b/lib/Migration/InstallStep.php
@@ -30,15 +30,17 @@ public function getName() {
     * @param IOutput $output
     */
     public function run(IOutput $output) {
-            $configDir = \OC::$configDir;
-            $mimetypealiasesFile = $configDir . 'mimetypealiases.json';
-            $mimetypemappingFile = $configDir . 'mimetypemapping.json';
-
-            $this->appendToFile($mimetypealiasesFile, ['application/km' => 'mindmap']);
-            $this->appendToFile($mimetypemappingFile, ['km' => ['application/km']]);
-            $this->logger->info("Add .km to mimetype list.", ["app" => "files_mindmap"]);
-
-            $this->updateJS->run(new StringInput(''), new NullOutput());
+        $configDir = \OC::$configDir;
+        $mimetypealiasesFile = $configDir . 'mimetypealiases.json';
+        $mimetypemappingFile = $configDir . 'mimetypemapping.json';
+
+        $this->appendToFile($mimetypealiasesFile, ['application/km' => 'mindmap']);
+        $this->appendToFile($mimetypemappingFile, ['km' => ['application/km']]);
+        $this->logger->info("Add .km to mimetype list.", ["app" => "files_mindmap"]);
+        $this->updateJS->run(new StringInput(''), new NullOutput());
+
+        $this->logger->info("Copy mindmap icon to core/img directory.", ["app" => "files_mindmap"]);
+        copy(__DIR__ . '/../../img/mindmap.svg', \OC::$SERVERROOT . '/core/img/filetypes/mindmap.svg');
     }
 
     private function appendToFile(string $filename, array $data) {

diff --git a/lib/Migration/UninstallStep.php b/lib/Migration/UninstallStep.php
@@ -30,15 +30,17 @@ public function getName() {
     * @param IOutput $output
     */
     public function run(IOutput $output) {
-            $configDir = \OC::$configDir;
-            $mimetypealiasesFile = $configDir . 'mimetypealiases.json';
-            $mimetypemappingFile = $configDir . 'mimetypemapping.json';
+        $configDir = \OC::$configDir;
+        $mimetypealiasesFile = $configDir . 'mimetypealiases.json';
+        $mimetypemappingFile = $configDir . 'mimetypemapping.json';
 
-            $this->removeFromFile($mimetypealiasesFile, ['application/km' => 'mindmap']);
-            $this->removeFromFile($mimetypemappingFile, ['km' => 'application/km']);
-            $this->logger->info("Remove .km from mimetype list.", ["app" => "files_mindmap"]);
+        $this->removeFromFile($mimetypealiasesFile, ['application/km' => 'mindmap']);
+        $this->removeFromFile($mimetypemappingFile, ['km' => 'application/km']);
+        $this->logger->info("Remove .km from mimetype list.", ["app" => "files_mindmap"]);
+        $this->updateJS->run(new StringInput(''), new NullOutput());
 
-            $this->updateJS->run(new StringInput(''), new NullOutput());
+        $this->logger->info("Remove mindmap icon from core/img directory.", ["app" => "files_mindmap"]);
+        unlink(\OC::$SERVERROOT . '/core/img/filetypes/mindmap.svg');
     }
 
     private function removeFromFile(string $filename, array $data) {

diff --git a/templates/viewer.php b/templates/viewer.php
@@ -96,7 +96,7 @@
             position: absolute;
             right: 280px;
             z-index: 100000;
-            width: 60px;
+            width: 100px;
         }
         #autosave-checkbox {
             bottom: 3px;