Put logo on the login screen

2 files changed, 158 insertions, 1 deletions

diff --git a/web/app/view/Login.js b/web/app/view/Login.js
index d71fed8b..3d53b82a 100644
--- a/web/app/view/Login.js
+++ b/web/app/view/Login.js
@@ -25,7 +25,7 @@ Ext.define('Traccar.view.Login', {
 
     controller: 'login',
 
-    title: Strings.loginTitle,
+    header: false,
     closable: false,
     modal: false,
 
@@ -41,6 +41,15 @@ Ext.define('Traccar.view.Login', {
         },
 
         items: [{
+            xtype: 'image',
+            src: 'logo.svg',
+            width: 180,
+            height: 48,
+            style: {
+                display: 'block',
+                margin: '10px auto 25px'
+            }
+        }, {
             xtype: 'combobox',
             name: 'language',
             fieldLabel: Strings.loginLanguage,
diff --git a/web/logo.svg b/web/logo.svg
new file mode 100644
index 00000000..f4361705
--- /dev/null
+++ b/web/logo.svg
@@ -0,0 +1,148 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<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="240"
+   height="64"
+   id="svg2985"
+   version="1.1"
+   inkscape:version="0.91+devel+osxmenu r12922"
+   sodipodi:docname="logo.svg"
+   inkscape:export-filename="/home/user/Documents/website/logo2x.png"
+   inkscape:export-xdpi="123.75"
+   inkscape:export-ydpi="123.75"
+   viewBox="0 0 240 64">
+  <defs
+     id="defs2987" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.49"
+     inkscape:cx="83.97513"
+     inkscape:cy="19.948184"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:document-units="px"
+     inkscape:grid-bbox="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-bbox-edge-midpoints="true"
+     inkscape:snap-bbox-midpoints="true"
+     inkscape:object-paths="true"
+     inkscape:object-nodes="true"
+     inkscape:snap-intersection-paths="true"
+     inkscape:snap-smooth-nodes="true"
+     inkscape:snap-midpoints="true"
+     inkscape:snap-center="true"
+     inkscape:snap-object-midpoints="true"
+     inkscape:window-width="1633"
+     inkscape:window-height="798"
+     inkscape:window-x="108"
+     inkscape:window-y="102"
+     inkscape:window-maximized="0"
+     inkscape:snap-global="true" />
+  <metadata
+     id="metadata2990">
+    <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>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer">
+    <rect
+       style="fill:none;stroke:none"
+       id="rect3778"
+       width="236.09605"
+       height="64"
+       x="0"
+       y="0"
+       inkscape:export-filename="/home/user/Documents/website/logo2x.png"
+       inkscape:export-xdpi="154.6875"
+       inkscape:export-ydpi="154.6875" />
+    <g
+       id="g2995"
+       inkscape:export-filename="/home/user/Documents/website/logo2x.png"
+       inkscape:export-xdpi="154.6875"
+       inkscape:export-ydpi="154.6875"
+       transform="matrix(1.0095018,0,0,1.0095018,-0.30405898,-0.30405887)">
+      <ellipse
+         transform="matrix(11.849785,-6.8414759,4.1048857,7.1098702,-141.6761,-453.06363)"
+         id="path3038"
+         style="fill:#ffffff"
+         cx="-6.7327504"
+         cy="61.745384"
+         rx="2.0991254"
+         ry="3.4985423" />
+      <ellipse
+         transform="matrix(0.98000485,-0.56580602,0.76260819,1.3208761,-13.500496,-10.292296)"
+         id="path2993"
+         style="fill:#000000"
+         cx="14.142136"
+         cy="38.929852"
+         rx="1.9927555"
+         ry="1.478496" />
+      <path
+         id="path3004"
+         d="m 36.965211,24.251054 -2.816072,3.57877 c 0.657208,0.517134 1.313001,1.146671 1.756681,1.915146 0.443679,0.768474 0.660975,1.651177 0.780224,2.478901 l 4.507342,-0.649405 C 41.001257,30.166972 40.565802,28.79619 39.81164,27.489944 39.057477,26.183697 38.088074,25.121191 36.965211,24.251054 Z"
+         style="fill:#000000"
+         inkscape:connector-curvature="0" />
+      <path
+         id="path3014"
+         d="m 42.404828,17.041928 -2.816072,3.578769 c 1.591875,1.223919 3.062315,2.767181 4.128704,4.614221 1.066388,1.847038 1.667671,3.892108 1.931679,5.882671 l 4.507341,-0.649405 c -0.336471,-2.571017 -1.155959,-5.102841 -2.5332,-7.488294 -1.377241,-2.385452 -3.160122,-4.36106 -5.218452,-5.937962 z"
+         style="fill:#000000"
+         inkscape:connector-curvature="0" />
+      <path
+         sodipodi:end="4.712389"
+         sodipodi:start="1.5707963"
+         transform="matrix(3.9507144,-2.2809459,1.4097023,2.4416757,-59.699972,-127.24372)"
+         d="m -2.0227272,68.375862 a 1.9772727,3.1992946 0 0 1 -1.7123685,-1.599648 1.9772727,3.1992946 0 0 1 0,-3.199294 1.9772727,3.1992946 0 0 1 1.7123685,-1.599647 l -1e-7,3.199294 z"
+         sodipodi:ry="3.1992946"
+         sodipodi:rx="1.9772727"
+         sodipodi:cy="65.176567"
+         sodipodi:cx="-2.0227273"
+         id="path3036"
+         style="fill:#000000"
+         sodipodi:type="arc" />
+      <path
+         id="path3038-8"
+         d="M 17.638883,7.1258129 C 3.9012503,15.057239 -0.80560983,32.62348 7.1258152,46.361111 15.057241,60.098742 32.623482,64.805603 46.361115,56.874177 60.098748,48.942752 64.805608,31.37651 56.874183,17.63888 48.942758,3.9012493 31.376516,-0.80561226 17.638883,7.1258129 Z m 1.689543,2.9263741 C 31.449867,3.0538711 46.949491,7.2069826 53.947808,19.328422 60.946126,31.449863 56.793012,46.949488 44.671573,53.947803 32.550132,60.94612 17.050507,56.793009 10.05219,44.671568 3.0538724,32.550127 7.2069849,17.050503 19.328426,10.052187 Z"
+         style="fill:#000000"
+         inkscape:connector-curvature="0" />
+    </g>
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:47.16480255px;line-height:125%;font-family:Sans;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
+       x="74.727028"
+       y="48.670609"
+       id="text3003"
+       sodipodi:linespacing="125%"
+       inkscape:export-filename="/home/user/Documents/website/logo2x.png"
+       inkscape:export-xdpi="154.6875"
+       inkscape:export-ydpi="154.6875"><tspan
+         sodipodi:role="line"
+         id="tspan3005"
+         x="74.727028"
+         y="48.670609"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Open Sans';-inkscape-font-specification:'Open Sans'">Traccar</tspan></text>
+  </g>
+</svg>