From 58357bbb37b93dc33e43fea998c067ecae488193 Mon Sep 17 00:00:00 2001
From: cutefishd <cutefishos@foxmail.com>
Date: Mon, 19 Apr 2021 16:07:58 +0800
Subject: [PATCH] Add options menu

---
 images/dark/checked.svg        |  57 +++++++++++
 images/dark/date.svg           | 116 +++++++++++++++++++++
 images/dark/order_by_name.svg  |  66 ++++++++++++
 images/dark/size.svg           | 110 ++++++++++++++++++++
 images/dark/up.svg             |  62 ++++++++++++
 images/light/checked.svg       |  57 +++++++++++
 images/light/date.svg          | 112 ++++++++++++++++++++
 images/light/order_by_name.svg |  66 ++++++++++++
 images/light/size.svg          | 110 ++++++++++++++++++++
 images/light/up.svg            |  61 +++++++++++
 qml.qrc                        |  11 ++
 qml/GlobalSettings.qml         |   5 +
 qml/OptionsMenu.qml            | 180 +++++++++++++++++++++++++++++++++
 qml/main.qml                   |   8 +-
 14 files changed, 1019 insertions(+), 2 deletions(-)
 create mode 100644 images/dark/checked.svg
 create mode 100644 images/dark/date.svg
 create mode 100644 images/dark/order_by_name.svg
 create mode 100644 images/dark/size.svg
 create mode 100644 images/dark/up.svg
 create mode 100644 images/light/checked.svg
 create mode 100644 images/light/date.svg
 create mode 100644 images/light/order_by_name.svg
 create mode 100644 images/light/size.svg
 create mode 100644 images/light/up.svg
 create mode 100644 qml/OptionsMenu.qml

diff --git a/images/dark/checked.svg b/images/dark/checked.svg
new file mode 100644
index 0000000..78fe150
--- /dev/null
+++ b/images/dark/checked.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="22"
+   viewBox="0 -65 16.501246 16.500001"
+   width="22"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="checked.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2160"
+     inkscape:window-height="1240"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="14.709155"
+     inkscape:cx="15.466274"
+     inkscape:cy="21.783029"
+     inkscape:window-x="0"
+     inkscape:window-y="40"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4"
+     inkscape:document-rotation="0"
+     units="px" />
+  <path
+     d="m 6.4009367,-52.598791 c -0.1158611,0 -0.2318328,-0.04411 -0.3199447,-0.132886 l -3.6981568,-3.698157 c -0.1768871,-0.176887 -0.1768871,-0.463665 0,-0.640552 0.1768871,-0.176887 0.4636653,-0.176887 0.640663,0 l 3.3781016,3.378101 7.0762582,-7.076258 c 0.176888,-0.176887 0.463666,-0.176887 0.640553,0 0.176887,0.176887 0.176887,0.463776 0,0.640663 l -7.3962032,7.396203 c -0.089439,0.08877 -0.2052997,0.132886 -0.3212711,0.132886 z m 0,0"
+     id="path2"
+     style="fill:#ffffff;fill-opacity:1;stroke-width:0.0283019" />
+</svg>
diff --git a/images/dark/date.svg b/images/dark/date.svg
new file mode 100644
index 0000000..b24922f
--- /dev/null
+++ b/images/dark/date.svg
@@ -0,0 +1,116 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 22 22"
+   xml:space="preserve"
+   sodipodi:docname="date.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
+   width="22"
+   height="22"><metadata
+   id="metadata49"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+   id="defs47" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="2160"
+   inkscape:window-height="1240"
+   id="namedview45"
+   showgrid="false"
+   inkscape:zoom="8.7007221"
+   inkscape:cx="13.007298"
+   inkscape:cy="46.536501"
+   inkscape:window-x="0"
+   inkscape:window-y="40"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Capa_1"
+   inkscape:document-rotation="0" />
+
+<g
+   id="g856"
+   transform="matrix(0.03348219,0,0,0.03348219,2.9999999,2.9999999)"
+   style="fill:#ffffff;fill-opacity:1"><g
+     id="g6"
+     style="fill:#ffffff;fill-opacity:1">
+	<g
+   id="g4"
+   style="fill:#ffffff;fill-opacity:1">
+		<path
+   d="M 238.933,0 C 106.974,0 0,106.974 0,238.933 0,370.892 106.974,477.866 238.933,477.866 370.892,477.866 477.866,370.892 477.866,238.933 477.726,107.033 370.834,0.141 238.933,0 Z m 0,443.733 c -113.108,0 -204.8,-91.692 -204.8,-204.8 0,-113.108 91.692,-204.8 204.8,-204.8 113.108,0 204.8,91.692 204.8,204.8 -0.122,113.058 -91.742,204.678 -204.8,204.8 z"
+   id="path2"
+   style="fill:#ffffff;fill-opacity:1" />
+	</g>
+</g><g
+     id="g12"
+     style="fill:#ffffff;fill-opacity:1">
+	<g
+   id="g10"
+   style="fill:#ffffff;fill-opacity:1">
+		<path
+   d="m 238.933,85.333 c -9.426,0 -17.067,7.641 -17.067,17.067 V 221.867 H 102.4 c -9.426,0 -17.067,7.641 -17.067,17.067 0,9.426 7.641,17.066 17.067,17.066 H 238.933 C 248.359,256 256,248.359 256,238.933 V 102.4 c 0,-9.426 -7.641,-17.067 -17.067,-17.067 z"
+   id="path8"
+   style="fill:#ffffff;fill-opacity:1" />
+	</g>
+</g></g>
+<g
+   id="g14">
+</g>
+<g
+   id="g16">
+</g>
+<g
+   id="g18">
+</g>
+<g
+   id="g20">
+</g>
+<g
+   id="g22">
+</g>
+<g
+   id="g24">
+</g>
+<g
+   id="g26">
+</g>
+<g
+   id="g28">
+</g>
+<g
+   id="g30">
+</g>
+<g
+   id="g32">
+</g>
+<g
+   id="g34">
+</g>
+<g
+   id="g36">
+</g>
+<g
+   id="g38">
+</g>
+<g
+   id="g40">
+</g>
+<g
+   id="g42">
+</g>
+</svg>
diff --git a/images/dark/order_by_name.svg b/images/dark/order_by_name.svg
new file mode 100644
index 0000000..68540cd
--- /dev/null
+++ b/images/dark/order_by_name.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="22"
+   height="22"
+   viewBox="0 0 5.8208331 5.8208336"
+   version="1.1"
+   id="svg8"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
+   sodipodi:docname="order_by_name.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="31.678384"
+     inkscape:cx="1.7439988"
+     inkscape:cy="9.1544889"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="2160"
+     inkscape:window-height="1240"
+     inkscape:window-x="0"
+     inkscape:window-y="40"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       transform="matrix(0.15152546,0,0,0.12423575,-1.9277382,-1.073886)"
+       aria-label="A"
+       id="g31"
+       style="fill:#ffffff;fill-opacity:1">
+      <path
+         d="m 26.7,35.255 1.6735,-5.2065 c 1.2087,-3.8584 2.3243,-7.5309 3.3935,-11.529 h 0.18595 c 1.1157,3.9514 2.1849,7.6703 3.44,11.529 l 1.627,5.2065 z m 14.643,13.853 h 4.5557 L 34.3237,15.033 h -4.7881 l -11.575,34.075 h 4.3698 L 25.631,38.695 h 12.458 z"
+         id="path29"
+         style="fill:#ffffff;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/images/dark/size.svg b/images/dark/size.svg
new file mode 100644
index 0000000..9b8fbe2
--- /dev/null
+++ b/images/dark/size.svg
@@ -0,0 +1,110 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 21.999999 21.999999"
+   xml:space="preserve"
+   sodipodi:docname="size.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
+   width="22"
+   height="22"><metadata
+   id="metadata47"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+   id="defs45" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="2160"
+   inkscape:window-height="1240"
+   id="namedview43"
+   showgrid="false"
+   inkscape:zoom="27.304387"
+   inkscape:cx="8.0739469"
+   inkscape:cy="9.4351075"
+   inkscape:window-x="0"
+   inkscape:window-y="40"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Capa_1"
+   inkscape:document-rotation="0" />
+<g
+   id="g10"
+   style="fill:#ffffff;fill-opacity:1"
+   transform="matrix(0.07429731,0,0,0.07429903,3,2.9998519)">
+	<path
+   d="m 7.5,65.088 c 4.143,0 7.5,-3.358 7.5,-7.5 V 25.61 l 48.305,48.295 c 1.465,1.464 3.384,2.196 5.303,2.196 1.92,0 3.84,-0.732 5.304,-2.197 2.929,-2.929 2.929,-7.678 -0.001,-10.606 L 25.604,15.002 h 31.985 c 4.142,0 7.5,-3.358 7.5,-7.5 0,-4.142 -3.357,-7.5 -7.5,-7.5 H 7.5 C 3.357,0.002 0,3.36 0,7.502 v 50.087 c 0,4.141 3.357,7.499 7.5,7.499 z"
+   id="path2"
+   style="fill:#ffffff;fill-opacity:1" />
+	<path
+   d="m 207.85,150.262 c -4.143,0 -7.5,3.358 -7.5,7.5 v 31.979 l -49.792,-49.792 c -2.93,-2.929 -7.678,-2.929 -10.607,0 -2.929,2.929 -2.929,7.678 0,10.606 l 49.791,49.791 h -31.977 c -4.143,0 -7.5,3.358 -7.5,7.5 0,4.142 3.357,7.5 7.5,7.5 h 50.086 c 4.143,0 7.5,-3.358 7.5,-7.5 v -50.084 c -0.001,-4.142 -3.359,-7.5 -7.501,-7.5 z"
+   id="path4"
+   style="fill:#ffffff;fill-opacity:1" />
+	<path
+   d="M 64.792,139.949 15.005,189.74 v -31.978 c 0,-4.142 -3.357,-7.5 -7.5,-7.5 -4.143,0 -7.5,3.358 -7.5,7.5 v 50.086 c 0,4.142 3.357,7.5 7.5,7.5 h 50.084 c 4.142,0 7.5,-3.358 7.5,-7.5 0,-4.142 -3.357,-7.5 -7.5,-7.5 H 25.611 l 49.788,-49.793 c 2.929,-2.929 2.929,-7.678 -0.001,-10.607 -2.927,-2.928 -7.676,-2.928 -10.606,0.001 z"
+   id="path6"
+   style="fill:#ffffff;fill-opacity:1" />
+	<path
+   d="m 207.85,0.002 h -50.086 c -4.143,0 -7.5,3.358 -7.5,7.5 0,4.142 3.357,7.5 7.5,7.5 h 31.979 l -48.298,48.301 c -2.929,2.929 -2.929,7.678 0.001,10.607 1.464,1.464 3.384,2.196 5.303,2.196 1.919,0 3.839,-0.733 5.304,-2.197 l 48.298,-48.301 v 31.98 c 0,4.142 3.357,7.5 7.5,7.5 4.143,0 7.5,-3.358 7.5,-7.5 V 7.502 c -0.001,-4.143 -3.359,-7.5 -7.501,-7.5 z"
+   id="path8"
+   style="fill:#ffffff;fill-opacity:1" />
+</g>
+<g
+   id="g12">
+</g>
+<g
+   id="g14">
+</g>
+<g
+   id="g16">
+</g>
+<g
+   id="g18">
+</g>
+<g
+   id="g20">
+</g>
+<g
+   id="g22">
+</g>
+<g
+   id="g24">
+</g>
+<g
+   id="g26">
+</g>
+<g
+   id="g28">
+</g>
+<g
+   id="g30">
+</g>
+<g
+   id="g32">
+</g>
+<g
+   id="g34">
+</g>
+<g
+   id="g36">
+</g>
+<g
+   id="g38">
+</g>
+<g
+   id="g40">
+</g>
+</svg>
diff --git a/images/dark/up.svg b/images/dark/up.svg
new file mode 100644
index 0000000..c1a5f66
--- /dev/null
+++ b/images/dark/up.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="0 0 22 22"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="up.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2160"
+     inkscape:window-height="1240"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="33.409091"
+     inkscape:cx="11"
+     inkscape:cy="11"
+     inkscape:window-x="0"
+     inkscape:window-y="40"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6"
+     inkscape:document-rotation="0" />
+  <defs
+     id="defs3051">
+    <style
+       type="text/css"
+       id="current-color-scheme">
+      .ColorScheme-Text {
+        color:#363636;
+      }
+      </style>
+  </defs>
+  <path
+     style="fill:#ffffff;fill-opacity:1;stroke:none"
+     d="m 3.3535155,14.646485 0.707031,0.707031 6.1250005,-6.1250005 1.167969,-1.167969 1.167969,1.167969 6.124999,6.1250005 0.707031,-0.707031 -6.124999,-6.1250005 -1.875,-1.875 -1.8750005,1.875 -6.125,6.1250005"
+     class="ColorScheme-Text"
+     id="path4" />
+</svg>
diff --git a/images/light/checked.svg b/images/light/checked.svg
new file mode 100644
index 0000000..f31e904
--- /dev/null
+++ b/images/light/checked.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="22"
+   viewBox="0 -65 16.501246 16.500001"
+   width="22"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="checked.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2160"
+     inkscape:window-height="1240"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="14.709155"
+     inkscape:cx="15.466274"
+     inkscape:cy="21.783029"
+     inkscape:window-x="0"
+     inkscape:window-y="40"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4"
+     inkscape:document-rotation="0"
+     units="px" />
+  <path
+     d="m 6.4009367,-52.598791 c -0.1158611,0 -0.2318328,-0.04411 -0.3199447,-0.132886 l -3.6981568,-3.698157 c -0.1768871,-0.176887 -0.1768871,-0.463665 0,-0.640552 0.1768871,-0.176887 0.4636653,-0.176887 0.640663,0 l 3.3781016,3.378101 7.0762582,-7.076258 c 0.176888,-0.176887 0.463666,-0.176887 0.640553,0 0.176887,0.176887 0.176887,0.463776 0,0.640663 l -7.3962032,7.396203 c -0.089439,0.08877 -0.2052997,0.132886 -0.3212711,0.132886 z m 0,0"
+     id="path2"
+     style="fill:#000000;fill-opacity:1;stroke-width:0.0283019" />
+</svg>
diff --git a/images/light/date.svg b/images/light/date.svg
new file mode 100644
index 0000000..cc99669
--- /dev/null
+++ b/images/light/date.svg
@@ -0,0 +1,112 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 22 22"
+   xml:space="preserve"
+   sodipodi:docname="date.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
+   width="22"
+   height="22"><metadata
+   id="metadata49"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs47" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="2160"
+   inkscape:window-height="1240"
+   id="namedview45"
+   showgrid="false"
+   inkscape:zoom="8.7007221"
+   inkscape:cx="13.007298"
+   inkscape:cy="46.536501"
+   inkscape:window-x="0"
+   inkscape:window-y="40"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Capa_1"
+   inkscape:document-rotation="0" />
+
+<g
+   id="g856"
+   transform="matrix(0.03348219,0,0,0.03348219,2.9999999,2.9999999)"><g
+     id="g6"
+     style="fill:#000000;fill-opacity:1">
+	<g
+   id="g4"
+   style="fill:#000000;fill-opacity:1">
+		<path
+   d="M 238.933,0 C 106.974,0 0,106.974 0,238.933 0,370.892 106.974,477.866 238.933,477.866 370.892,477.866 477.866,370.892 477.866,238.933 477.726,107.033 370.834,0.141 238.933,0 Z m 0,443.733 c -113.108,0 -204.8,-91.692 -204.8,-204.8 0,-113.108 91.692,-204.8 204.8,-204.8 113.108,0 204.8,91.692 204.8,204.8 -0.122,113.058 -91.742,204.678 -204.8,204.8 z"
+   id="path2"
+   style="fill:#000000;fill-opacity:1" />
+	</g>
+</g><g
+     id="g12">
+	<g
+   id="g10">
+		<path
+   d="m 238.933,85.333 c -9.426,0 -17.067,7.641 -17.067,17.067 V 221.867 H 102.4 c -9.426,0 -17.067,7.641 -17.067,17.067 0,9.426 7.641,17.066 17.067,17.066 H 238.933 C 248.359,256 256,248.359 256,238.933 V 102.4 c 0,-9.426 -7.641,-17.067 -17.067,-17.067 z"
+   id="path8" />
+	</g>
+</g></g>
+<g
+   id="g14">
+</g>
+<g
+   id="g16">
+</g>
+<g
+   id="g18">
+</g>
+<g
+   id="g20">
+</g>
+<g
+   id="g22">
+</g>
+<g
+   id="g24">
+</g>
+<g
+   id="g26">
+</g>
+<g
+   id="g28">
+</g>
+<g
+   id="g30">
+</g>
+<g
+   id="g32">
+</g>
+<g
+   id="g34">
+</g>
+<g
+   id="g36">
+</g>
+<g
+   id="g38">
+</g>
+<g
+   id="g40">
+</g>
+<g
+   id="g42">
+</g>
+</svg>
diff --git a/images/light/order_by_name.svg b/images/light/order_by_name.svg
new file mode 100644
index 0000000..ac00325
--- /dev/null
+++ b/images/light/order_by_name.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="22"
+   height="22"
+   viewBox="0 0 5.8208331 5.8208336"
+   version="1.1"
+   id="svg8"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
+   sodipodi:docname="order_by_name.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="31.678384"
+     inkscape:cx="1.7439988"
+     inkscape:cy="9.1544889"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="2160"
+     inkscape:window-height="1240"
+     inkscape:window-x="0"
+     inkscape:window-y="40"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       transform="matrix(0.15152546,0,0,0.12423575,-1.9277382,-1.073886)"
+       aria-label="A"
+       id="g31"
+       style="fill:#363636;fill-opacity:1">
+      <path
+         d="m 26.7,35.255 1.6735,-5.2065 c 1.2087,-3.8584 2.3243,-7.5309 3.3935,-11.529 h 0.18595 c 1.1157,3.9514 2.1849,7.6703 3.44,11.529 l 1.627,5.2065 z m 14.643,13.853 h 4.5557 L 34.3237,15.033 h -4.7881 l -11.575,34.075 h 4.3698 L 25.631,38.695 h 12.458 z"
+         id="path29"
+         style="fill:#363636;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/images/light/size.svg b/images/light/size.svg
new file mode 100644
index 0000000..22132e6
--- /dev/null
+++ b/images/light/size.svg
@@ -0,0 +1,110 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 21.999999 21.999999"
+   xml:space="preserve"
+   sodipodi:docname="size.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
+   width="22"
+   height="22"><metadata
+   id="metadata47"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+   id="defs45" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="2160"
+   inkscape:window-height="1240"
+   id="namedview43"
+   showgrid="false"
+   inkscape:zoom="27.304387"
+   inkscape:cx="8.0739469"
+   inkscape:cy="9.4351075"
+   inkscape:window-x="0"
+   inkscape:window-y="40"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Capa_1"
+   inkscape:document-rotation="0" />
+<g
+   id="g10"
+   style="fill:#000000;fill-opacity:1"
+   transform="matrix(0.07429731,0,0,0.07429903,3,2.9998519)">
+	<path
+   d="m 7.5,65.088 c 4.143,0 7.5,-3.358 7.5,-7.5 V 25.61 l 48.305,48.295 c 1.465,1.464 3.384,2.196 5.303,2.196 1.92,0 3.84,-0.732 5.304,-2.197 2.929,-2.929 2.929,-7.678 -0.001,-10.606 L 25.604,15.002 h 31.985 c 4.142,0 7.5,-3.358 7.5,-7.5 0,-4.142 -3.357,-7.5 -7.5,-7.5 H 7.5 C 3.357,0.002 0,3.36 0,7.502 v 50.087 c 0,4.141 3.357,7.499 7.5,7.499 z"
+   id="path2"
+   style="fill:#000000;fill-opacity:1" />
+	<path
+   d="m 207.85,150.262 c -4.143,0 -7.5,3.358 -7.5,7.5 v 31.979 l -49.792,-49.792 c -2.93,-2.929 -7.678,-2.929 -10.607,0 -2.929,2.929 -2.929,7.678 0,10.606 l 49.791,49.791 h -31.977 c -4.143,0 -7.5,3.358 -7.5,7.5 0,4.142 3.357,7.5 7.5,7.5 h 50.086 c 4.143,0 7.5,-3.358 7.5,-7.5 v -50.084 c -0.001,-4.142 -3.359,-7.5 -7.501,-7.5 z"
+   id="path4"
+   style="fill:#000000;fill-opacity:1" />
+	<path
+   d="M 64.792,139.949 15.005,189.74 v -31.978 c 0,-4.142 -3.357,-7.5 -7.5,-7.5 -4.143,0 -7.5,3.358 -7.5,7.5 v 50.086 c 0,4.142 3.357,7.5 7.5,7.5 h 50.084 c 4.142,0 7.5,-3.358 7.5,-7.5 0,-4.142 -3.357,-7.5 -7.5,-7.5 H 25.611 l 49.788,-49.793 c 2.929,-2.929 2.929,-7.678 -0.001,-10.607 -2.927,-2.928 -7.676,-2.928 -10.606,0.001 z"
+   id="path6"
+   style="fill:#000000;fill-opacity:1" />
+	<path
+   d="m 207.85,0.002 h -50.086 c -4.143,0 -7.5,3.358 -7.5,7.5 0,4.142 3.357,7.5 7.5,7.5 h 31.979 l -48.298,48.301 c -2.929,2.929 -2.929,7.678 0.001,10.607 1.464,1.464 3.384,2.196 5.303,2.196 1.919,0 3.839,-0.733 5.304,-2.197 l 48.298,-48.301 v 31.98 c 0,4.142 3.357,7.5 7.5,7.5 4.143,0 7.5,-3.358 7.5,-7.5 V 7.502 c -0.001,-4.143 -3.359,-7.5 -7.501,-7.5 z"
+   id="path8"
+   style="fill:#000000;fill-opacity:1" />
+</g>
+<g
+   id="g12">
+</g>
+<g
+   id="g14">
+</g>
+<g
+   id="g16">
+</g>
+<g
+   id="g18">
+</g>
+<g
+   id="g20">
+</g>
+<g
+   id="g22">
+</g>
+<g
+   id="g24">
+</g>
+<g
+   id="g26">
+</g>
+<g
+   id="g28">
+</g>
+<g
+   id="g30">
+</g>
+<g
+   id="g32">
+</g>
+<g
+   id="g34">
+</g>
+<g
+   id="g36">
+</g>
+<g
+   id="g38">
+</g>
+<g
+   id="g40">
+</g>
+</svg>
diff --git a/images/light/up.svg b/images/light/up.svg
new file mode 100644
index 0000000..7063e21
--- /dev/null
+++ b/images/light/up.svg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="0 0 22 22"
+   version="1.1"
+   id="svg6"
+   sodipodi:docname="up.svg"
+   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2160"
+     inkscape:window-height="1240"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="33.409091"
+     inkscape:cx="11"
+     inkscape:cy="11"
+     inkscape:window-x="0"
+     inkscape:window-y="40"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <defs
+     id="defs3051">
+    <style
+       type="text/css"
+       id="current-color-scheme">
+      .ColorScheme-Text {
+        color:#363636;
+      }
+      </style>
+  </defs>
+  <path
+     style="fill:currentColor;fill-opacity:1;stroke:none"
+     d="m 3.3535155,14.646485 0.707031,0.707031 6.1250005,-6.1250005 1.167969,-1.167969 1.167969,1.167969 6.124999,6.1250005 0.707031,-0.707031 -6.124999,-6.1250005 -1.875,-1.875 -1.8750005,1.875 -6.125,6.1250005"
+     class="ColorScheme-Text"
+     id="path4" />
+</svg>
diff --git a/qml.qrc b/qml.qrc
index 9b1ade1..e654c32 100644
--- a/qml.qrc
+++ b/qml.qrc
@@ -31,5 +31,16 @@
         <file>qml/Dialogs/CreateFolderDialog.qml</file>
         <file>images/drive-harddisk.svg</file>
         <file>images/drive-harddisk-root.svg</file>
+        <file>images/light/checked.svg</file>
+        <file>images/dark/checked.svg</file>
+        <file>images/light/order_by_name.svg</file>
+        <file>images/dark/order_by_name.svg</file>
+        <file>images/light/date.svg</file>
+        <file>images/dark/date.svg</file>
+        <file>images/light/size.svg</file>
+        <file>images/dark/size.svg</file>
+        <file>qml/OptionsMenu.qml</file>
+        <file>images/light/up.svg</file>
+        <file>images/dark/up.svg</file>
     </qresource>
 </RCC>
diff --git a/qml/GlobalSettings.qml b/qml/GlobalSettings.qml
index 018c5f6..6d43fb8 100644
--- a/qml/GlobalSettings.qml
+++ b/qml/GlobalSettings.qml
@@ -4,6 +4,11 @@ import Qt.labs.settings 1.0
 Settings {
     property int viewMethod: 1          // controls display mode: list or grid
     property bool showHidden: false
+
+    // Name, Date, Size
+    property int orderBy: 0
+
+    // UI
     property int width: 900
     property int height: 580
     property int desktopIconSize: 72
diff --git a/qml/OptionsMenu.qml b/qml/OptionsMenu.qml
new file mode 100644
index 0000000..3103cfa
--- /dev/null
+++ b/qml/OptionsMenu.qml
@@ -0,0 +1,180 @@
+import QtQuick 2.12
+import QtQuick.Layouts 1.12
+import QtQuick.Controls 2.12
+import FishUI 1.0 as FishUI
+
+FishUI.DesktopMenu {
+    id: control
+
+    MenuItem {
+        Layout.fillWidth: true
+
+        Image {
+            id: _gridIcon
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.left: parent.left
+            anchors.leftMargin: FishUI.Units.largeSpacing
+            source: FishUI.Theme.darkMode ? "qrc:/images/dark/grid.svg" : "qrc:/images/light/grid.svg"
+            width: 22
+            height: width
+        }
+
+        Text {
+            anchors.left: _gridIcon.right
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.leftMargin: FishUI.Units.largeSpacing
+            text: qsTr("Icons")
+            color: FishUI.Theme.textColor
+        }
+
+        Image {
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.right: parent.right
+            anchors.rightMargin: FishUI.Units.largeSpacing * 1.5
+            source: FishUI.Theme.darkMode ? "qrc:/images/dark/checked.svg" : "qrc:/images/light/checked.svg"
+            width: 22
+            height: width
+            visible: settings.viewMethod === 1
+        }
+
+        onTriggered: settings.viewMethod = 1
+    }
+
+    MenuItem {
+        Layout.fillWidth: true
+
+        Image {
+            id: _listIcon
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.left: parent.left
+            anchors.leftMargin: FishUI.Units.largeSpacing
+            source: FishUI.Theme.darkMode ? "qrc:/images/dark/list.svg" : "qrc:/images/light/list.svg"
+            width: 22
+            height: width
+        }
+
+        Text {
+            anchors.left: _listIcon.right
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.leftMargin: FishUI.Units.largeSpacing
+            text: qsTr("List")
+            color: FishUI.Theme.textColor
+        }
+
+        Image {
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.right: parent.right
+            anchors.rightMargin: FishUI.Units.largeSpacing * 1.5
+            source: FishUI.Theme.darkMode ? "qrc:/images/dark/checked.svg" : "qrc:/images/light/checked.svg"
+            width: 22
+            height: width
+            visible: settings.viewMethod === 0
+        }
+
+        onTriggered: settings.viewMethod = 0
+    }
+
+    MenuSeparator {}
+
+    MenuItem {
+        Layout.fillWidth: true
+
+        Image {
+            id: orderByNameIcon
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.left: parent.left
+            anchors.leftMargin: FishUI.Units.largeSpacing
+            source: FishUI.Theme.darkMode ? "qrc:/images/dark/order_by_name.svg" : "qrc:/images/light/order_by_name.svg"
+            width: 22
+            height: width
+        }
+
+        Text {
+            anchors.left: orderByNameIcon.right
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.leftMargin: FishUI.Units.largeSpacing
+            text: qsTr("Name")
+            color: FishUI.Theme.textColor
+        }
+
+        Image {
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.right: parent.right
+            anchors.rightMargin: FishUI.Units.largeSpacing * 1.5
+            source: FishUI.Theme.darkMode ? "qrc:/images/dark/up.svg" : "qrc:/images/light/up.svg"
+            height: width
+            width: 22
+            visible: settings.orderBy === 0
+        }
+
+        onTriggered: settings.orderBy = 0
+    }
+
+    MenuItem {
+        Layout.fillWidth: true
+
+        Image {
+            id: orderByDateIcon
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.left: parent.left
+            anchors.leftMargin: FishUI.Units.largeSpacing
+            source: FishUI.Theme.darkMode ? "qrc:/images/dark/date.svg" : "qrc:/images/light/date.svg"
+            width: 22
+            height: width
+        }
+
+        Text {
+            anchors.left: orderByDateIcon.right
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.leftMargin: FishUI.Units.largeSpacing
+            text: qsTr("Date")
+            color: FishUI.Theme.textColor
+        }
+
+        Image {
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.right: parent.right
+            anchors.rightMargin: FishUI.Units.largeSpacing * 1.5
+            source: FishUI.Theme.darkMode ? "qrc:/images/dark/up.svg" : "qrc:/images/light/up.svg"
+            width: 22
+            height: width
+            visible: settings.orderBy === 1
+        }
+
+        onTriggered: settings.orderBy = 1
+    }
+
+    MenuItem {
+        Layout.fillWidth: true
+
+        Image {
+            id: orderBySizeIcon
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.left: parent.left
+            anchors.leftMargin: FishUI.Units.largeSpacing
+            source: FishUI.Theme.darkMode ? "qrc:/images/dark/size.svg" : "qrc:/images/light/size.svg"
+            width: 22
+            height: width
+        }
+
+        Text {
+            anchors.left: orderBySizeIcon.right
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.leftMargin: FishUI.Units.largeSpacing
+            text: qsTr("Size")
+            color: FishUI.Theme.textColor
+        }
+
+        Image {
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.right: parent.right
+            anchors.rightMargin: FishUI.Units.largeSpacing * 1.5
+            source: FishUI.Theme.darkMode ? "qrc:/images/dark/up.svg" : "qrc:/images/light/up.svg"
+            width: 22
+            height: width
+            visible: settings.orderBy === 2
+        }
+
+        onTriggered: settings.orderBy = 2
+    }
+}
diff --git a/qml/main.qml b/qml/main.qml
index 6e1c994..8f85db0 100644
--- a/qml/main.qml
+++ b/qml/main.qml
@@ -16,7 +16,7 @@ FishUI.Window {
     title: qsTr("File Manager")
 
     headerBarHeight: 35 + FishUI.Units.smallSpacing * 3
-    backgroundColor: FishUI.Theme.secondBackgroundColor
+    backgroundColor: FishUI.Theme.darkMode ? "#262626" : "#F2F2F7"
 
     property QtObject settings: GlobalSettings { }
 
@@ -28,6 +28,10 @@ FishUI.Window {
         }
     }
 
+    OptionsMenu {
+        id: optionsMenu
+    }
+
     headerBar: Item {
         RowLayout {
             anchors.fill: parent
@@ -72,7 +76,7 @@ FishUI.Window {
                 source: settings.viewMethod === 0 ? listSource : gridSource
 
                 onClicked: {
-                    settings.viewMethod ^= 1    // reverse settings.viewMethod
+                    optionsMenu.popup()
                 }
             }
         }