From e0de0a122f477d1e445f4f36c85c7462c5c66eb1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?=
 <skjnldsv@protonmail.com>
Date: Mon, 5 Nov 2018 17:27:09 +0100
Subject: [PATCH] Disable grid for ie
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
---
 apps/files/list.php           |  5 ++++-
 apps/files/templates/list.php |  3 +++
 core/css/styles.scss          |  1 +
 core/js/oc-dialogs.js         | 10 +++++++++-
 4 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/apps/files/list.php b/apps/files/list.php
index f18dc5964b..23b94d9be2 100644
--- a/apps/files/list.php
+++ b/apps/files/list.php
@@ -26,10 +26,13 @@ $userSession = \OC::$server->getUserSession();
 // TODO: move this to the generated config.js
 $publicUploadEnabled = $config->getAppValue('core', 'shareapi_allow_public_upload', 'yes');
 $showgridview = $config->getUserValue($userSession->getUser()->getUID(), 'files', 'show_grid', true);
+$isIE = \OCP\Util::isIE();
 
 // renders the controls and table headers template
 $tmpl = new OCP\Template('files', 'list', '');
 $tmpl->assign('publicUploadEnabled', $publicUploadEnabled);
-$tmpl->assign('showgridview', $showgridview);
+// gridview not available for ie
+$tmpl->assign('showgridview', $showgridview && !$isIE);
+$tmpl->assign('isIE', $isIE);
 $tmpl->printPage();
 
diff --git a/apps/files/templates/list.php b/apps/files/templates/list.php
index 2740359436..2bc94ca7af 100644
--- a/apps/files/templates/list.php
+++ b/apps/files/templates/list.php
@@ -24,10 +24,13 @@
 	<?php endif;?>
 	<input type="hidden" class="max_human_file_size"
 		   value="(max <?php isset($_['uploadMaxHumanFilesize']) ? p($_['uploadMaxHumanFilesize']) : ''; ?>)">
+	<!-- IF NOT IE, SHOW GRIDVIEW -->
+	<?php if (!$_['isIE']) { ?>
 	<input type="checkbox" class="hidden-visually" id="showgridview"
 		<?php if($_['showgridview']) { ?>checked="checked" <?php } ?>/>
 	<label id="view-toggle" for="showgridview" class="button <?php p($_['showgridview'] ? 'icon-toggle-filelist' : 'icon-toggle-pictures') ?>"
 		   title="<?php p($l->t('Toggle grid view'))?>"></label>
+	<?php } ?>
 </div>
 
 <div id="emptycontent" class="hidden">
diff --git a/core/css/styles.scss b/core/css/styles.scss
index f23f4c2dea..9b7da39369 100644
--- a/core/css/styles.scss
+++ b/core/css/styles.scss
@@ -196,6 +196,7 @@ body {
 			display: flex;
 			height: 36px;
 			width: 36px;
+			padding: 9px; // width - border - icon width = 18px
 			align-items: center;
 			justify-content: center;
 		}
diff --git a/core/js/oc-dialogs.js b/core/js/oc-dialogs.js
index 5231a94f33..dee74502a6 100644
--- a/core/js/oc-dialogs.js
+++ b/core/js/oc-dialogs.js
@@ -236,12 +236,20 @@ var OCdialogs = {
 				multiselect = false;
 			}
 
+			// No grid for IE! 
+			if (OC.Util.isIE()) {
+				self.$filePicker.find('#picker-view-toggle').remove();
+				self.$filePicker.find('#filestable').removeClass('view-grid');
+			}
+
 			$('body').append(self.$filePicker);
 
 			self.$showGridView = $('input#picker-showgridview');
 			self.$showGridView.on('change', _.bind(self._onGridviewChange, self));
 
-			self._getGridSettings();
+			if (!OC.Util.isIE()) {
+				self._getGridSettings();
+			}
 
 			self.$filePicker.ready(function() {
 				self.$filelist = self.$filePicker.find('.filelist tbody');