This commit is contained in:
Jan Prochazka
2019-12-30 19:13:54 +01:00
parent 31fca603dc
commit 049eabf59e
47 changed files with 2381 additions and 53 deletions

72
web/src/icons.js Normal file
View File

@@ -0,0 +1,72 @@
import React from 'react';
function getIconImage(src, { size = 16, style = {}, className, title }) {
if (src.endsWith(".svg")) {
src = "/icons/" + src;
}
// if (props.alignToLine) {
// style["position"] = "relative";
// style["top"] = "-2px";
// style["marginRight"] = "4px";
// }
return (
<img
width={size}
height={size}
src={src}
style={style}
className={className}
title={title}
/>
);
}
export const TableIcon = (props) => getIconImage("table2.svg", props);
export const ViewIcon = (props) => getIconImage("view2.svg", props);
export const DatabaseIcon = (props) => getIconImage("database.svg", props);
export const ServerIcon = (props) => getIconImage("server.svg", props);
export const MicrosoftIcon = (props) => getIconImage("microsoft.svg", props);
export const MySqlIcon = (props) => getIconImage("mysql.svg", props);
export const PostgreSqlIcon = (props) => getIconImage("postgresql.svg", props);
export const SqliteIcon = (props) => getIconImage("sqlite.svg", props);
export const ProcedureIcon = (props) => getIconImage("procedure2.svg", props);
export const FunctionIcon = (props) => getIconImage("function.svg", props);
export const TriggerIcon = (props) => getIconImage("trigger.svg", props);
export const HomeIcon = (props) => getIconImage("home.svg", props);
export const PrimaryKeyIcon = (props) => getIconImage("primarykey.svg", props);
export const ForeignKeyIcon = (props) => getIconImage("foreignkey.svg", props);
export const ComplexKeyIcon = (props) => getIconImage("complexkey.svg", props);
export const VariableIcon = (props) => getIconImage("variable.svg", props);
export const UniqueIcon = (props) => getIconImage("unique.svg", props);
export const IndexIcon = (props) => getIconImage("index.svg", props);
export const StartIcon = (props) => getIconImage("start.svg", props);
export const DownCircleIcon = (props) => getIconImage("down_circle.svg", props);
export const ColumnIcon = (props) => getIconImage("column.svg", props);
export const SqlIcon = (props) => getIconImage("sql.svg", props);
export const ExcelIcon = (props) => getIconImage("excel.svg", props);
export const DiagramIcon = (props) => getIconImage("diagram.svg", props);
export const QueryDesignIcon = (props) => getIconImage("querydesign.svg", props);
export const LocalDbIcon = (props) => getIconImage("localdb.svg", props);
export const CsvIcon = (props) => getIconImage("csv.svg", props);
export const ChangeSetIcon = (props) => getIconImage("changeset.svg", props);
export const BinaryFileIcon = (props) => getIconImage("binaryfile.svg", props);
export const ReferenceIcon = (props) => getIconImage("reference.svg", props);
export const LinkIcon = (props) => getIconImage("link.svg", props);
export const SequenceIcon = (props) => getIconImage("sequence.svg", props);
export const CheckIcon = (props) => getIconImage("check.svg", props);
export const LinkedServerIcon = (props) => getIconImage("linkedserver.svg", props);
export const EmptyIcon = (props) =>
getIconImage(
"data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=",
props
);