From b6bfc4e801500b0a0facbc7e4c02d8b52ce209a4 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Thu, 19 Jan 2017 02:55:02 +0100
Subject: [PATCH] add icons to admin settings navigation

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
---
 settings/css/settings.css          | 30 ++++++++++++++++++++++++++++++
 settings/img/edit.svg              |  1 +
 settings/img/settings.svg          |  1 +
 settings/img/tag.svg               |  1 +
 settings/img/theming.svg           |  1 +
 settings/img/toggle.svg            |  1 +
 settings/templates/admin/frame.php |  7 +++++--
 7 files changed, 40 insertions(+), 2 deletions(-)
 create mode 100644 settings/img/edit.svg
 create mode 100644 settings/img/settings.svg
 create mode 100644 settings/img/tag.svg
 create mode 100644 settings/img/theming.svg
 create mode 100644 settings/img/toggle.svg

diff --git a/settings/css/settings.css b/settings/css/settings.css
index 9f4ea17376e..f3aa079e35f 100644
--- a/settings/css/settings.css
+++ b/settings/css/settings.css
@@ -726,6 +726,36 @@ table.grid td.date{
 }
 
 /* ADMIN */
+
+/* icons for sidebar */
+.nav-icon-server {
+	background-image: url('../img/admin.svg?v=1');
+}
+.nav-icon-sharing {
+	background-image: url('../img/share.svg?v=1');
+}
+.nav-icon-theming {
+	background-image: url('../img/theming.svg?v=1');
+}
+.nav-icon-encryption {
+	background-image: url('../img/password.svg?v=1');
+}
+.nav-icon-workflow {
+	background-image: url('../img/tag.svg?v=1');
+}
+.nav-icon-survey_client {
+	background-image: url('../img/toggle.svg?v=1');
+}
+.nav-icon-logging {
+	background-image: url('../img/edit.svg?v=1');
+}
+.nav-icon-additional {
+	background-image: url('../img/settings.svg?v=1');
+}
+.nav-icon-tips-tricks {
+	background-image: url('../img/help.svg?v=1');
+}
+
 #security-warning li {
 	list-style: initial;
 	margin: 10px 0;
diff --git a/settings/img/edit.svg b/settings/img/edit.svg
new file mode 100644
index 00000000000..a8ab7162a46
--- /dev/null
+++ b/settings/img/edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1"><path style="block-progression:tb;text-transform:none;text-indent:0" d="M2.35 1.002A.45.45 0 0 0 2 1.44V14.56c0 .232.206.44.432.44H13.57a.452.452 0 0 0 .432-.438V4.42a.458.458 0 0 0-.055-.192l-3.312-3.2a.427.427 0 0 0-.135-.026H2.43a.424.424 0 0 0-.08 0zM4 3h6v1H4V3zm0 3h5v1H4V6zm0 3h8v1H4V9zm0 3h4v1H4v-1z" color="#000"/></svg>
\ No newline at end of file
diff --git a/settings/img/settings.svg b/settings/img/settings.svg
new file mode 100644
index 00000000000..2160b673e30
--- /dev/null
+++ b/settings/img/settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1"><path d="M6.938 0A.43.43 0 0 0 6.5.438v1.25a5.818 5.818 0 0 0-1.53.656l-.907-.906a.436.436 0 0 0-.625 0l-1.5 1.5a.436.436 0 0 0 0 .624l.906.907c-.285.48-.514.976-.656 1.53H.938a.43.43 0 0 0-.438.438v2.125C.5 8.81.69 9 .938 9h1.25a5.82 5.82 0 0 0 .656 1.53l-.907.908a.436.436 0 0 0 0 .625l1.5 1.5c.176.176.45.176.625 0l.907-.907c.48.285.976.514 1.53.656v1.25c0 .25.19.438.437.438h2.125a.43.43 0 0 0 .438-.438v-1.25a5.82 5.82 0 0 0 1.53-.657l.907.907c.176.175.45.175.625 0l1.5-1.5a.436.436 0 0 0 0-.625l-.906-.906A5.79 5.79 0 0 0 13.812 9h1.25a.43.43 0 0 0 .438-.438V6.437A.43.43 0 0 0 15.062 6h-1.25a5.79 5.79 0 0 0-.656-1.532l.906-.906a.436.436 0 0 0 0-.625l-1.5-1.5a.436.436 0 0 0-.625 0l-.906.906a5.816 5.816 0 0 0-1.53-.656V.437A.43.43 0 0 0 9.063 0zM8 4.157a3.344 3.344 0 0 1 0 6.686 3.344 3.344 0 0 1 0-6.686z" display="block"/></svg>
diff --git a/settings/img/tag.svg b/settings/img/tag.svg
new file mode 100644
index 00000000000..464ab936a74
--- /dev/null
+++ b/settings/img/tag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1" viewBox="0 0 16 16"><path color="#000" fill="none" d="M-62.897-32.993h163.31v97.986h-163.31z"/><path d="M6.186.96L1.38.975c-.273 0-.347.21-.348.346l-.015 4.802 8.723 8.722a.498.498 0 0 0 .71 0l4.456-4.457a.5.5 0 0 0 .002-.71v.01L6.54 1.318 6.186.964zM4.02 2.814a1.144 1.144 0 0 1 1.143 1.144A1.144 1.144 0 0 1 4.02 5.1a1.144 1.144 0 0 1-1.145-1.143A1.144 1.144 0 0 1 4.02 2.813z"/></svg>
\ No newline at end of file
diff --git a/settings/img/theming.svg b/settings/img/theming.svg
new file mode 100644
index 00000000000..adf97966c41
--- /dev/null
+++ b/settings/img/theming.svg
@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M10.707 11.412l-.587-.587-.03-.03a.513.513 0 0 1-.074-.526L13.07 3.4l-1.5-1.498-.15.15-.708-.706.505-.505a.538.538 0 0 1 .224-.128c.04-.01.05-.01.087-.016h.087c.04.006.05.006.086.016.072.02.134.055.192.1.74.676 1.42 1.415 2.127 2.124a.503.503 0 0 1 .103.556l-3.053 6.87.344.343.49-.49 3.01 3.01a1.192 1.192 0 0 1-1.685 1.686l-3.012-3.01.49-.488zm-.533-10.217a.986.986 0 0 0-1.396 0l-7.582 7.58a.99.99 0 0 0 0 1.398l1.397 1.396a.986.986 0 0 0 1.396 0l7.58-7.583a.988.988 0 0 0 0-1.396l-1.396-1.395z" fill="#000"/></svg>
diff --git a/settings/img/toggle.svg b/settings/img/toggle.svg
new file mode 100644
index 00000000000..1f3de01ff34
--- /dev/null
+++ b/settings/img/toggle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16" overflow="visible"><path d="M8 3C4.89 3 2.073 4.72 0 7.5 2.073 10.28 4.89 12 8 12c3.11 0 5.927-1.72 8-4.5C13.927 4.72 11.11 3 8 3zm0 1.5a3 3 0 1 1 0 6 3 3 0 0 1 0-6zM8 6a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z" fill="#222"/></svg>
\ No newline at end of file
diff --git a/settings/templates/admin/frame.php b/settings/templates/admin/frame.php
index 761d76c4434..7ae6b5fa012 100644
--- a/settings/templates/admin/frame.php
+++ b/settings/templates/admin/frame.php
@@ -29,13 +29,16 @@ script('files', 'jquery.fileupload');
 ?>
 
 <div id="app-navigation">
-	<ul>
+	<ul class="with-icon">
 		<?php foreach($_['forms'] as $form) {
 			if (isset($form['anchor'])) {
 				$anchor = \OC::$server->getURLGenerator()->linkToRoute('settings.AdminSettings.index', ['section' => $form['anchor']]);
+				$class = 'nav-icon-' . $form['anchor'];
 				$sectionName = $form['section-name'];
 				$active = $form['active'] ? ' class="active"' : '';
-				print_unescaped(sprintf("<li%s><a href='%s'>%s</a></li>", $active, \OCP\Util::sanitizeHTML($anchor), \OCP\Util::sanitizeHTML($sectionName)));
+				print_unescaped(sprintf("<li%s><a href='%s' class='%s'>%s</a></li>", $active, \OCP\Util::sanitizeHTML($anchor),
+				\OCP\Util::sanitizeHTML($class),
+				\OCP\Util::sanitizeHTML($sectionName)));
 			}
 		}?>
 	</ul>
-- 
2.39.5