mirror of https://github.com/keeweb/keeweb.git
svg icons
This commit is contained in:
parent
cb150bdba9
commit
72503916a1
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M339 314.9L175.4 32h161.2l163.6 282.9H339zm-137.5 23.6L120.9 480h310.5L512 338.5H201.5zM154.1 67.4L0 338.5 80.6 480 237 208.8 154.1 67.4z"/></svg>
|
After Width: | Height: | Size: 217 B |
|
@ -0,0 +1 @@
|
|||
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" width="256" height="256" version="1.1" viewBox="0 0 256 256"><g transform="translate(296.64282,-100.61434)"><g transform="translate(222.85714,-11.428576)"><g transform="matrix(0.83394139,0,0,0.83394139,-86.101383,10.950635)"><path d="m-419.5 365.94c-18.48-4.62-28.77-19.31-28.81-41.1-0.01-6.97 0.49-10.31 2.23-14.79 4.26-10.99 15.55-19.27 30.41-22.33 7.39-1.52 9.67-3.15 9.67-6.92 0-1.18 0.88-4.71 1.95-7.83 4.88-14.2 13.93-26.03 23.59-30.87 10.11-5.07 15.22-6.21 27.45-6.14 17.38 0.09 26.04 3.86 38.17 16.6l6.67 7 5.97-2.07c28.91-10.01 57.73 7.03 60.06 35.49l0.64 7.79 5.69 2.04c16.26 5.83 23.9 18.06 22.52 36.04-0.91 11.76-6.4 21.15-15.11 25.81l-4.09 2.19-91 0.18c-69.93 0.13-92.16-0.11-96-1.07zM-487.72 353.36" fill="#000"/><path d="m-487.72 353.36c-10.79-2.56-22.22-12.09-27.58-22.99-3.04-6.18-3.2-7.09-3.2-18.03 0-10.4 0.26-12.07 2.68-17.23 5.1-10.89 14.88-18.75 27.15-21.84 2.59-0.65 5.02-1.69 5.41-2.31 0.38-0.62 0.81-4 0.95-7.5 0.85-21.78 15.15-40.97 35.1-47.14 10.78-3.33 24.33-2.51 36.05 2.18 3.72 1.49 3.3 1.81 11.16-8.5 4.65-6.1 14.05-13.68 21.74-17.55 8.3-4.17 16.94-6.09 27.26-6.07 28.86 0.07 53.73 18.12 62.92 45.67 2.94 8.8 2.79 11.27-0.67 11.34-1.51 0.03-5.85 0.86-9.63 1.85l-6.88 1.79-6.28-6.28c-17.7-17.7-46.59-21.53-71.15-9.42-9.81 4.84-17.7 11.78-23.65 20.83-4.25 6.45-9.66 18.48-9.66 21.47 0 2.12-1.72 3.18-9.05 5.58-22.69 7.44-35.94 24.63-35.93 46.62 0 8 2.06 17.8 4.93 23.41 1.08 2.11 1.68 4.13 1.34 4.47-0.88 0.88-29.11 0.58-33.01-0.35z" /></g></g></g></svg>
|
After Width: | Height: | Size: 1.5 KiB |
|
@ -4,3 +4,4 @@ import 'hbs-helpers/ifeq';
|
|||
import 'hbs-helpers/ifneq';
|
||||
import 'hbs-helpers/ifemptyoreq';
|
||||
import 'hbs-helpers/res';
|
||||
import 'hbs-helpers/svg';
|
||||
|
|
|
@ -0,0 +1,9 @@
|
|||
import Handlebars from 'hbs';
|
||||
|
||||
Handlebars.registerHelper('svg', (name, cls) => {
|
||||
const icon = require(`svg/${name}.svg`).default;
|
||||
if (cls) {
|
||||
return `<svg class="${cls}"` + icon.substr(4);
|
||||
}
|
||||
return icon;
|
||||
});
|
|
@ -21,10 +21,7 @@ class StorageGDrive extends StorageBase {
|
|||
name = 'gdrive';
|
||||
enabled = true;
|
||||
uipos = 30;
|
||||
iconSvg =
|
||||
'<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path d="M86.657536,76.246208 L47.768064,9 L89.111168,' +
|
||||
'9 L128,76.246208 L86.657536,76.246208 Z M25.010048,119.08 L102.690048,119.08 L123.36256,83.24 L45.68064,83.24 L25.010048,119.08 L25.010048,' +
|
||||
'119.08 Z M38.793088,9.003712 L0,76.30496 L20.671872,112.110016 L59.464704,44.808128 L38.793088,9.003712 Z"></path></svg>';
|
||||
iconSvg = 'google-drive';
|
||||
|
||||
_baseUrl = 'https://www.googleapis.com/drive/v3';
|
||||
_baseUrlUpload = 'https://www.googleapis.com/upload/drive/v3';
|
||||
|
|
|
@ -10,18 +10,7 @@ class StorageOneDrive extends StorageBase {
|
|||
name = 'onedrive';
|
||||
enabled = true;
|
||||
uipos = 40;
|
||||
iconSvg =
|
||||
'<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" width="256" height="256" version="1.1" viewBox="0 0 256 256">' +
|
||||
'<g transform="translate(296.64282,-100.61434)"><g transform="translate(222.85714,-11.428576)"><g transform="matrix(0.83394139,0,0,0.83394139,' +
|
||||
'-86.101383,10.950635)"><path d="m-419.5 365.94c-18.48-4.62-28.77-19.31-28.81-41.1-0.01-6.97 0.49-10.31 2.23-14.79 4.26-10.99 15.55-19.27 ' +
|
||||
'30.41-22.33 7.39-1.52 9.67-3.15 9.67-6.92 0-1.18 0.88-4.71 1.95-7.83 4.88-14.2 13.93-26.03 23.59-30.87 10.11-5.07 15.22-6.21 27.45-6.14 17.38 ' +
|
||||
'0.09 26.04 3.86 38.17 16.6l6.67 7 5.97-2.07c28.91-10.01 57.73 7.03 60.06 35.49l0.64 7.79 5.69 2.04c16.26 5.83 23.9 18.06 22.52 36.04-0.91 11.76-6.4 ' +
|
||||
'21.15-15.11 25.81l-4.09 2.19-91 0.18c-69.93 0.13-92.16-0.11-96-1.07zM-487.72 353.36" fill="#000"/><path d="m-487.72 353.36c-10.79-2.56-22.22-12.09-' +
|
||||
'27.58-22.99-3.04-6.18-3.2-7.09-3.2-18.03 0-10.4 0.26-12.07 2.68-17.23 5.1-10.89 14.88-18.75 27.15-21.84 2.59-0.65 5.02-1.69 5.41-2.31 0.38-0.62 ' +
|
||||
'0.81-4 0.95-7.5 0.85-21.78 15.15-40.97 35.1-47.14 10.78-3.33 24.33-2.51 36.05 2.18 3.72 1.49 3.3 1.81 11.16-8.5 4.65-6.1 14.05-13.68 21.74-17.55 ' +
|
||||
'8.3-4.17 16.94-6.09 27.26-6.07 28.86 0.07 53.73 18.12 62.92 45.67 2.94 8.8 2.79 11.27-0.67 11.34-1.51 0.03-5.85 0.86-9.63 1.85l-6.88 1.79-6.28-' +
|
||||
'6.28c-17.7-17.7-46.59-21.53-71.15-9.42-9.81 4.84-17.7 11.78-23.65 20.83-4.25 6.45-9.66 18.48-9.66 21.47 0 2.12-1.72 3.18-9.05 5.58-22.69 7.44-' +
|
||||
'35.94 24.63-35.93 46.62 0 8 2.06 17.8 4.93 23.41 1.08 2.11 1.68 4.13 1.34 4.47-0.88 0.88-29.11 0.58-33.01-0.35z" /></g></g></g></svg>';
|
||||
iconSvg = 'onedrive';
|
||||
|
||||
_baseUrl = 'https://graph.microsoft.com/v1.0/me';
|
||||
|
||||
|
|
|
@ -39,7 +39,7 @@
|
|||
<div class="open__icon open__icon-storage svg-btn" data-storage="{{prv.name}}" tabindex="{{add @index 5}}"
|
||||
id="open__icon-storage--{{prv.name}}">
|
||||
{{#if prv.icon}}<i class="fa fa-{{prv.icon}} open__icon-i"></i>{{/if}}
|
||||
{{#if prv.iconSvg}}<div class="open__icon-svg">{{{prv.iconSvg}}}</div>{{/if}}
|
||||
{{#if prv.iconSvg}}<div class="open__icon-svg">{{{svg prv.iconSvg}}}</div>{{/if}}
|
||||
<div class="open__icon-text">{{res prv.name}}</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
|
@ -89,7 +89,7 @@
|
|||
<div class="open__last-item" data-id="{{file.id}}" title="{{file.path}}" tabindex="{{add @index 16}}"
|
||||
id="open__last-item--{{file.id}}">
|
||||
{{#if file.icon}}<i class="fa fa-{{file.icon}} open__last-item-icon"></i>{{/if}}
|
||||
{{#if file.iconSvg}}<div class="open__last-item-icon open__last-item-icon--svg">{{{file.iconSvg}}}</div>{{/if}}
|
||||
{{#if file.iconSvg}}<div class="open__last-item-icon open__last-item-icon--svg">{{{svg file.iconSvg}}}</div>{{/if}}
|
||||
<span class="open__last-item-text">{{file.name}}</span>
|
||||
{{#if ../canRemoveLatest}}<i class="fa fa-times open__last-item-icon-del"></i>{{/if}}
|
||||
</div>
|
||||
|
|
|
@ -33,7 +33,7 @@
|
|||
{{#unless prv.own}}
|
||||
<div class="settings__file-save-to settings__file-save-to-storage svg-btn" data-storage="{{prv.name}}">
|
||||
{{#if prv.icon}}<i class="fa fa-{{prv.icon}}"></i>{{/if}}
|
||||
{{#if prv.iconSvg}}{{{prv.iconSvg}}}{{/if}}
|
||||
{{#if prv.iconSvg}}{{{svg prv.iconSvg}}}{{/if}}
|
||||
<span>{{res prv.name}}</span>
|
||||
</div>
|
||||
{{/unless}}
|
||||
|
|
|
@ -72,7 +72,8 @@ function config(options) {
|
|||
templates: path.join(rootDir, 'app/templates'),
|
||||
'public-key.pem': path.join(rootDir, 'app/resources/public-key.pem'),
|
||||
'public-key-new.pem': path.join(rootDir, 'app/resources/public-key-new.pem'),
|
||||
'demo.kdbx': path.join(rootDir, 'app/resources/Demo.kdbx')
|
||||
'demo.kdbx': path.join(rootDir, 'app/resources/Demo.kdbx'),
|
||||
svg: path.join(rootDir, 'app/resources/svg')
|
||||
}
|
||||
},
|
||||
module: {
|
||||
|
@ -136,7 +137,8 @@ function config(options) {
|
|||
},
|
||||
{ test: /\.woff2$/, loader: 'base64-inline-loader' },
|
||||
{ test: /\.pem$/, loader: 'raw-loader' },
|
||||
{ test: /\.kdbx$/, loader: 'base64-loader' }
|
||||
{ test: /\.kdbx$/, loader: 'base64-loader' },
|
||||
{ test: /\.svg$/, loader: 'raw-loader' }
|
||||
]
|
||||
},
|
||||
optimization: {
|
||||
|
|
Loading…
Reference in New Issue