Merge branch 'feature/widget-cards-pane' into 'release'
Feature/widget cards pane See merge request theappsmith/internal-tools-client!21
4
app/client/.gitignore
vendored
|
|
@ -23,4 +23,6 @@ npm-debug.log*
|
|||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
/out
|
||||
/out
|
||||
/public/fonts
|
||||
/src/assets/icon/fonts
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
{
|
||||
"src/**/*.tsx": ["eslint --fix", "prettier --write", "git add"]
|
||||
"src/**/*.tsx": ["npx eslint --fix", "npx prettier --write", "git add"]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -26,10 +26,11 @@
|
|||
"@types/react-router-dom": "^4.3.5",
|
||||
"@types/styled-components": "^4.1.8",
|
||||
"axios": "^0.18.0",
|
||||
"eslint": "^6.4.0",
|
||||
"flow-bin": "^0.91.0",
|
||||
"fontfaceobserver": "^2.1.0",
|
||||
"jsonpath-plus": "^1.0.0",
|
||||
"husky": "^3.0.5",
|
||||
"jsonpath-plus": "^1.0.0",
|
||||
"lint-staged": "^9.2.5",
|
||||
"lodash": "^4.17.11",
|
||||
"nanoid": "^2.0.4",
|
||||
|
|
@ -57,7 +58,8 @@
|
|||
"build": "react-scripts build",
|
||||
"test": "react-scripts test",
|
||||
"eject": "react-scripts eject",
|
||||
"flow": "flow"
|
||||
"flow": "flow",
|
||||
"postinstall": "./src/assets/icons/build.sh"
|
||||
},
|
||||
"resolutions": {
|
||||
"jest": "24.8.0"
|
||||
|
|
@ -78,6 +80,7 @@
|
|||
"eslint-config-prettier": "^6.1.0",
|
||||
"eslint-config-react": "^1.1.7",
|
||||
"eslint-plugin-prettier": "^3.1.0",
|
||||
"icon-font-generator": "^2.1.10",
|
||||
"redux-devtools": "^3.5.0"
|
||||
},
|
||||
"husky": {
|
||||
|
|
|
|||
|
|
@ -1,27 +0,0 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>Generated by Fontastic.me</metadata>
|
||||
<defs>
|
||||
<font id="appsmith-widget-font" horiz-adv-x="512">
|
||||
<font-face font-family="appsmith-widget-font" units-per-em="512" ascent="480" descent="-32"/>
|
||||
<missing-glyph horiz-adv-x="512" />
|
||||
|
||||
<glyph glyph-name="alert" unicode="a" d="M275 221c0-9-7-16-16-16l-6 0c-9 0-16 7-16 16l0 44c0 9 7 16 16 16l6 0c9 0 16-7 16-16z m0-76c0-8-7-16-16-16l-6 0c-9 0-16 8-16 16l0 6c0 9 7 16 16 16l6 0c9 0 16-7 16-16z m-213-48c-6-11 1-24 14-24l360 0c13 0 20 13 14 24l-180 311c-6 11-22 11-28 0z"/>
|
||||
<glyph glyph-name="button" unicode="b" d="M512 352c0 19-13 32-32 32l-448 0c-19 0-32-13-32-32l0-192c0-19 13-32 32-32l448 0c19 0 32 13 32 32z m-452-126c4-2 9-3 15-3 6 0 11 1 15 3 4 2 7 5 9 8 3 4 4 8 4 12 0 4-1 8-3 11-2 3-5 5-8 7-3 2-7 4-11 5-3 1-7 2-9 3-3 1-6 3-7 4-2 2-3 4-3 6 0 3 1 6 4 7 2 2 4 3 7 3 4 0 7-1 9-4 2-2 3-4 3-7l16 0c-1 5-2 9-4 12-2 3-5 6-10 8-3 2-8 3-13 3-5 0-10-1-14-3-4-2-7-4-9-8-3-3-4-7-4-12 0-5 2-9 5-13 3-3 8-6 14-8l10-3c4-2 6-3 8-5 2-2 3-4 3-7 0-3-1-6-3-8-2-1-5-2-9-2-4 0-8 1-10 3-3 3-4 6-4 10l-16 0c1-6 2-10 4-14 3-4 6-6 11-8z m74 0c5-2 10-3 16-3 6 0 11 1 15 3 5 2 9 6 12 10 3 5 4 11 4 18l0 48-14 0 0-48c0-6-2-11-5-14-3-3-7-4-12-4-5 0-9 1-12 4-3 3-5 8-5 14l0 48-14 0 0-48c0-7 1-13 4-18 3-4 7-8 11-10z m66 76l0-78 15 0 0 54 21-43 12 0 22 43 0-54 14 0 0 78-17 0-25-49-25 49z m104 0l0-78 32 0c8 0 15 2 19 6 5 4 7 9 7 15 0 5-1 9-4 13-3 3-7 6-11 6 3 1 7 3 9 6 3 3 4 7 4 12 0 6-2 11-6 15-5 3-11 5-19 5z m29-33l-15 0 0 22 15 0c4 0 7-1 9-3 2-2 4-4 4-8 0-3-2-6-4-8-2-2-5-3-9-3z m1-33l-16 0 0 23 16 0c4 0 7-1 10-3 2-3 3-5 3-9 0-4-1-6-3-8-2-2-6-3-10-3z m45 66l0-78 14 0 0 78z m52-11l0-67 14 0 0 67 23 0 0 11-60 0 0-11z"/>
|
||||
<glyph glyph-name="checkbox" unicode="c" d="M213 149l-106 107 30 30 76-76 162 162 30-31z m192 299l-298 0c-24 0-43-19-43-43l0-298c0-24 19-43 43-43l298 0c12 0 23 5 31 13 8 8 12 18 12 30l0 298c0 12-4 23-12 31-8 8-19 12-31 12z"/>
|
||||
<glyph glyph-name="collapse" unicode="d" d="M407 64l-302 0c-23 0-41 18-41 41l0 302c0 23 18 41 41 41l302 0c23 0 41-18 41-41l0-302c0-23-18-41-41-41z m-121 305l-105-106c-4-4-4-10 0-14l105-106c7-6 18-2 18 8l0 210c0 10-11 14-18 8z"/>
|
||||
<glyph glyph-name="datepicker" unicode="e" d="M376 444c0-13 11-24 24-24l16 0c18 0 32-14 32-32l0-296c0-18-14-32-32-32l-320 0c-18 0-32 14-32 32l0 296c0 18 14 32 32 32l16 0c13 0 24 11 24 24 0 10 4 18 11 25 7 7 15 11 25 11 10 0 18-4 25-11 7-7 11-15 11-25 0-13 11-24 24-24l48 0c13 0 24 11 24 24 0 10 4 18 11 25 7 7 15 11 25 11 10 0 18-4 25-11 7-7 11-15 11-25z m-216 0l0-60c0-2 0-3 1-5 0-1 1-2 2-4 2-1 3-2 4-2 2-1 3-1 5-1 2 0 3 0 5 1 1 0 2 1 4 2 1 2 2 3 2 4 1 2 1 3 1 5l0 60c0 3-1 6-4 8-2 3-5 4-8 4-3 0-6-1-8-4-3-2-4-5-4-8z m168 0l0-60c0-3 1-6 3-9 3-2 6-3 9-3 3 0 6 1 9 3 2 3 3 6 3 9l0 60c0 2 0 3-1 5 0 1-1 2-2 4-2 1-3 2-4 2-2 1-3 1-5 1-2 0-3 0-5-1-1 0-2-1-4-2-1-2-2-3-2-4-1-2-1-3-1-5z m64-360c18 0 32 14 32 32l0 176c0 18-14 32-32 32l-272 0c-18 0-32-14-32-32l0-176c0-18 14-32 32-32z m-232 216c13 0 24-11 24-24 0-13-11-24-24-24-13 0-24 11-24 24 0 13 11 24 24 24z m72-24c0 13 11 24 24 24 13 0 24-11 24-24 0-13-11-24-24-24-13 0-24 11-24 24z m120-24c-13 0-24 11-24 24 0 13 11 24 24 24 13 0 24-11 24-24 0-13-11-24-24-24z m-192-24c13 0 24-11 24-24 0-13-11-24-24-24-13 0-24 11-24 24 0 13 11 24 24 24z m72-24c0 13 11 24 24 24 13 0 24-11 24-24 0-13-11-24-24-24-13 0-24 11-24 24z m120-24c-13 0-24 11-24 24 0 13 11 24 24 24 13 0 24-11 24-24 0-13-11-24-24-24z m-192-24c13 0 24-11 24-24 0-13-11-24-24-24-13 0-24 11-24 24 0 13 11 24 24 24z m120-24c0-13-11-24-24-24-13 0-24 11-24 24 0 13 11 24 24 24 13 0 24-11 24-24z m96 0c0-13-11-24-24-24-13 0-24 11-24 24 0 13 11 24 24 24 13 0 24-11 24-24z"/>
|
||||
<glyph glyph-name="dropdown" unicode="f" d="M480 384c19 0 32-13 32-32l0-192c0-19-13-32-32-32l-448 0c-19 0-32 13-32 32l0 192c0 19 13 32 32 32z m-100-165c1 0 3 0 4 0 3 0 5 1 7 3l43 41c1 1 2 2 3 3 0 2 1 3 1 4 0 2 0 3-1 5 0 1-1 2-2 3-1 1-2 2-4 3-1 0-3 1-4 1-2 0-3-1-4-1-2-1-3-2-4-3l-35-34-35 36c-1 1-2 1-4 2-1 0-2 1-4 1-1 0-2-1-4-1-1-1-2-1-3-2-1-1-2-3-3-4 0-1 0-3 0-4 0-1 0-3 0-4 1-1 2-3 3-4l42-42c1-1 3-2 4-3z"/>
|
||||
<glyph glyph-name="file-upload" unicode="g" d="M393 287c-6 32-23 61-48 81-25 21-57 32-89 32-54 0-101-31-124-75-28-3-53-16-71-37-19-20-29-47-29-75 0-61 50-112 112-112l243 0c51 0 93 42 93 94 0 49-38 89-87 92z m-100-55l0-75-74 0 0 75-56 0 86 87c4 4 10 4 14 0l86-87z"/>
|
||||
<glyph glyph-name="image" unicode="h" d="M448 107l0 298c0 24-19 43-43 43l-298 0c-24 0-43-19-43-43l0-298c0-24 19-43 43-43l298 0c24 0 43 19 43 43z m-267 117l54-64 74 96 96-128-298 0z"/>
|
||||
<glyph glyph-name="input" unicode="i" d="M512 352c0 19-13 32-32 32l-448 0c-19 0-32-13-32-32l0-192c0-19 13-32 32-32l448 0c19 0 32 13 32 32z m-32-192l-448 0 0 192 448 0z m-416 160l32 0 0-128-32 0z"/>
|
||||
<glyph glyph-name="location-picker" unicode="j" d="M256 469c71 0 128-56 128-127 0-95-128-235-128-235 0 0-128 140-128 235 0 71 57 127 128 127z m0-85c-11 0-22-4-30-12-8-9-13-19-13-31 0-11 5-22 13-30 8-8 19-12 30-12 11 0 22 4 30 12 8 8 13 19 13 30 0 12-5 22-13 31-8 8-19 12-30 12z m171-277c0-47-77-86-171-86-94 0-171 39-171 86 0 27 26 52 67 67l13-19c-23-10-37-23-37-38 0-29 57-53 128-53 71 0 128 24 128 53 0 15-14 28-37 38l13 19c41-15 67-40 67-67z"/>
|
||||
<glyph glyph-name="modal" unicode="k" d="M136 284c0 7 5 12 12 12l24 0c7 0 12-5 12-12 0-7-5-12-12-12l-24 0c-7 0-12 5-12 12z m72 0c0 7 5 12 12 12l144 0c7 0 12-5 12-12 0-7-5-12-12-12l-144 0c-7 0-12 5-12 12z m-72-48c0 7 5 12 12 12l24 0c7 0 12-5 12-12 0-7-5-12-12-12l-24 0c-7 0-12 5-12 12z m72 0c0 7 5 12 12 12l144 0c7 0 12-5 12-12 0-7-5-12-12-12l-144 0c-7 0-12 5-12 12z m-72-48c0 7 5 12 12 12l24 0c7 0 12-5 12-12 0-7-5-12-12-12l-24 0c-7 0-12 5-12 12z m72 0c0 7 5 12 12 12l144 0c7 0 12-5 12-12 0-7-5-12-12-12l-144 0c-7 0-12 5-12 12z m-128 228c-9 0-16-7-16-16l0-304c0-9 7-16 16-16l352 0c9 0 16 7 16 16l0 304c0 9-7 16-16 16z m344-296c0-9-7-16-16-16l-304 0c-9 0-16 7-16 16l0 208c0 9 7 16 16 16l304 0c9 0 16-7 16-16z m0 260c0-7-5-12-12-12-7 0-12 5-12 12 0 7 5 12 12 12 7 0 12-5 12-12z"/>
|
||||
<glyph glyph-name="radio" unicode="l" d="M240 376c-57 0-104-47-104-104 0-57 47-104 104-104 57 0 104 47 104 104 0 57-47 104-104 104z m0 104c-115 0-208-93-208-208 0-115 93-208 208-208 115 0 208 93 208 208 0 115-93 208-208 208z m0-374c-92 0-166 74-166 166 0 92 74 166 166 166 92 0 166-74 166-166 0-92-74-166-166-166z"/>
|
||||
<glyph glyph-name="rich-text" unicode="m" d="M256 245l0 150c0 11-10 21-21 21l-150 0c-11 0-21-10-21-21l0-150c0-11 10-21 21-21l150 0c11 0 21 10 21 21z m-146 43c7 8 19 9 25 1l2-2c6-8 18-7 25 1l12 15c6 9 19 9 25 0l16-21c8-11 1-26-12-26l-85 0c-13 0-21 15-13 26z m338-112c0-9-7-16-16-16l-352 0c-9 0-16 7-16 16 0 9 7 16 16 16l352 0c9 0 16-7 16-16z m0-64c0-9-7-16-16-16l-352 0c-9 0-16 7-16 16 0 9 7 16 16 16l352 0c9 0 16-7 16-16z m0 272c0-9-7-16-16-16l-112 0c-9 0-16 7-16 16 0 9 7 16 16 16l112 0c9 0 16-7 16-16z m0-64c0-9-7-16-16-16l-112 0c-9 0-16 7-16 16 0 9 7 16 16 16l112 0c9 0 16-7 16-16z m0-64c0-9-7-16-16-16l-112 0c-9 0-16 7-16 16 0 9 7 16 16 16l112 0c9 0 16-7 16-16z"/>
|
||||
<glyph glyph-name="switch" unicode="n" d="M323 416l-134 0c-21 0-41-4-60-12-19-8-37-19-51-34-15-14-26-32-34-51-8-19-12-39-12-60 0-20 4-41 12-60 8-19 19-36 34-51 14-14 32-26 51-34 19-8 39-12 60-12l134 0c21 0 41 4 60 12 19 8 37 20 51 34 15 15 26 32 34 51 8 19 12 40 12 60 0 21-4 41-12 60-8 19-19 37-34 51-14 15-32 26-51 34-19 8-39 12-60 12z m0-269c-30 0-58 12-79 33-21 21-33 50-33 79 0 30 12 58 33 79 21 21 50 33 79 33 15 0 29-3 43-8 14-6 26-14 36-25 11-10 19-22 25-36 5-14 8-28 8-43 0-15-3-29-8-43-6-13-14-26-25-36-10-10-22-19-36-24-14-6-28-9-43-9z"/>
|
||||
<glyph glyph-name="table" unicode="o" d="M102 432l308 0c10 0 20-4 27-11 7-7 11-17 11-27l0-288c0-11-4-20-11-28-7-7-17-11-27-11l-308 0c-10 0-20 4-27 11-7 8-11 17-11 28l0 288c0 10 4 20 11 27 7 7 17 11 27 11z m0-77l0-57 77 0 0 57z m116 0l0-57 76 0 0 57z m192-57l0 57-77 0 0-57z m-308-39l0-57 77 0 0 57z m0-153l77 0 0 57-77 0z m116 153l0-57 76 0 0 57z m0-153l76 0 0 57-76 0z m192 0l0 57-77 0 0-57z m0 153l-77 0 0-57 77 0z"/>
|
||||
<glyph glyph-name="tabs" unicode="p" d="M424 352c-13 0-24 11-24 24 0 13-11 24-24 24l-280 0c-18 0-32-14-32-32l0-224c0-18 14-32 32-32l320 0c18 0 32 14 32 32l0 184c0 13-11 24-24 24z m-120 12c0 7 5 12 12 12l48 0c7 0 12-5 12-12 0-7-5-12-12-12l-48 0c-7 0-12 5-12 12z m-96 0c0 7 5 12 12 12l48 0c7 0 12-5 12-12 0-7-5-12-12-12l-48 0c-7 0-12 5-12 12z m216-196c0-18-14-32-32-32l-272 0c-18 0-32 14-32 32l0 176c0 18 14 32 32 32l40 0c13 0 24-11 24-24 0-13 11-24 24-24l184 0c18 0 32-14 32-32z"/>
|
||||
<glyph glyph-name="text" unicode="q" d="M80 400c-9 0-16-7-16-16l0-29c0-8 7-16 16-16l69 0c9 0 16-7 16-16l0-210c0-9 7-16 16-16l29 0c9 0 16 7 16 16l0 210c0 9 7 16 16 16l69 0c9 0 16 8 16 16l0 29c0 9-7 16-16 16z m368-117c0 9-7 16-16 16l-150 0c-9 0-16-7-16-16l0-29c0-9 7-16 16-16l29 0c9 0 16-7 16-16l0-109c0-9 7-16 16-16l28 0c9 0 16 7 16 16l0 109c0 9 8 16 16 16l29 0c9 0 16 7 16 16z"/>
|
||||
</font></defs></svg>
|
||||
|
Before Width: | Height: | Size: 8.8 KiB |
|
|
@ -1,176 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>Font Reference - appsmith-widget-font</title>
|
||||
<link href="http://fonts.googleapis.com/css?family=Dosis:400,500,700" rel="stylesheet" type="text/css">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<style type="text/css">html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0;vertical-align:middle}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}a img{border:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{font-family:'Dosis','Tahoma',sans-serif}.container{margin:15px auto;width:80%}h1{margin:40px 0 20px;font-weight:700;font-size:38px;line-height:32px;color:#fb565e}h2{font-size:18px;padding:0 0 21px 5px;margin:45px 0 0 0;text-transform:uppercase;font-weight:500}.small{font-size:14px;color:#a5adb4;}.small a{color:#a5adb4;}.small a:hover{color:#fb565e}.glyphs.character-mapping{margin:0 0 20px 0;padding:20px 0 20px 30px;color:rgba(0,0,0,0.5);border:1px solid #d8e0e5;border-radius:3px;}.glyphs.character-mapping li{margin:0 30px 20px 0;display:inline-block;width:90px}.glyphs.character-mapping .icon{margin:10px 0 10px 15px;padding:15px;position:relative;width:55px;height:55px;color:#162a36 !important;overflow:hidden;border-radius:3px;font-size:32px;}.glyphs.character-mapping .icon svg{fill:#000}.glyphs.character-mapping input{margin:0;padding:5px 0;line-height:12px;font-size:12px;display:block;width:100%;border:1px solid #d8e0e5;border-radius:5px;text-align:center;outline:0;}.glyphs.character-mapping input:focus{border:1px solid #fbde4a;-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}.glyphs.character-mapping input:hover{-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}.glyphs.css-mapping{margin:0 0 60px 0;padding:30px 0 20px 30px;color:rgba(0,0,0,0.5);border:1px solid #d8e0e5;border-radius:3px;}.glyphs.css-mapping li{margin:0 30px 20px 0;padding:0;display:inline-block;overflow:hidden}.glyphs.css-mapping .icon{margin:0;margin-right:10px;padding:13px;height:50px;width:50px;color:#162a36 !important;overflow:hidden;float:left;font-size:24px}.glyphs.css-mapping input{margin:0;margin-top:5px;padding:8px;line-height:16px;font-size:16px;display:block;width:150px;height:40px;border:1px solid #d8e0e5;border-radius:5px;background:#fff;outline:0;float:right;}.glyphs.css-mapping input:focus{border:1px solid #fbde4a;-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}.glyphs.css-mapping input:hover{-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>appsmith-widget-font</h1>
|
||||
<p class="small">This font was created with<a href="http://fontastic.me/">Fontastic</a></p>
|
||||
<h2>CSS mapping</h2>
|
||||
<ul class="glyphs css-mapping">
|
||||
<li>
|
||||
<div class="icon appsmith-widget-alert"></div>
|
||||
<input type="text" readonly="readonly" value="alert">
|
||||
</li>
|
||||
<li>
|
||||
<div class="icon appsmith-widget-button"></div>
|
||||
<input type="text" readonly="readonly" value="button">
|
||||
</li>
|
||||
<li>
|
||||
<div class="icon appsmith-widget-checkbox"></div>
|
||||
<input type="text" readonly="readonly" value="checkbox">
|
||||
</li>
|
||||
<li>
|
||||
<div class="icon appsmith-widget-collapse"></div>
|
||||
<input type="text" readonly="readonly" value="collapse">
|
||||
</li>
|
||||
<li>
|
||||
<div class="icon appsmith-widget-datepicker"></div>
|
||||
<input type="text" readonly="readonly" value="datepicker">
|
||||
</li>
|
||||
<li>
|
||||
<div class="icon appsmith-widget-dropdown"></div>
|
||||
<input type="text" readonly="readonly" value="dropdown">
|
||||
</li>
|
||||
<li>
|
||||
<div class="icon appsmith-widget-file-upload"></div>
|
||||
<input type="text" readonly="readonly" value="file-upload">
|
||||
</li>
|
||||
<li>
|
||||
<div class="icon appsmith-widget-image"></div>
|
||||
<input type="text" readonly="readonly" value="image">
|
||||
</li>
|
||||
<li>
|
||||
<div class="icon appsmith-widget-input"></div>
|
||||
<input type="text" readonly="readonly" value="input">
|
||||
</li>
|
||||
<li>
|
||||
<div class="icon appsmith-widget-location-picker"></div>
|
||||
<input type="text" readonly="readonly" value="location-picker">
|
||||
</li>
|
||||
<li>
|
||||
<div class="icon appsmith-widget-modal"></div>
|
||||
<input type="text" readonly="readonly" value="modal">
|
||||
</li>
|
||||
<li>
|
||||
<div class="icon appsmith-widget-radio"></div>
|
||||
<input type="text" readonly="readonly" value="radio">
|
||||
</li>
|
||||
<li>
|
||||
<div class="icon appsmith-widget-rich-text"></div>
|
||||
<input type="text" readonly="readonly" value="rich-text">
|
||||
</li>
|
||||
<li>
|
||||
<div class="icon appsmith-widget-switch"></div>
|
||||
<input type="text" readonly="readonly" value="switch">
|
||||
</li>
|
||||
<li>
|
||||
<div class="icon appsmith-widget-table"></div>
|
||||
<input type="text" readonly="readonly" value="table">
|
||||
</li>
|
||||
<li>
|
||||
<div class="icon appsmith-widget-tabs"></div>
|
||||
<input type="text" readonly="readonly" value="tabs">
|
||||
</li>
|
||||
<li>
|
||||
<div class="icon appsmith-widget-text"></div>
|
||||
<input type="text" readonly="readonly" value="text">
|
||||
</li>
|
||||
</ul>
|
||||
<h2>Character mapping</h2>
|
||||
<ul class="glyphs character-mapping">
|
||||
<li>
|
||||
<div data-icon="a" class="icon"></div>
|
||||
<input type="text" readonly="readonly" value="a">
|
||||
</li>
|
||||
<li>
|
||||
<div data-icon="b" class="icon"></div>
|
||||
<input type="text" readonly="readonly" value="b">
|
||||
</li>
|
||||
<li>
|
||||
<div data-icon="c" class="icon"></div>
|
||||
<input type="text" readonly="readonly" value="c">
|
||||
</li>
|
||||
<li>
|
||||
<div data-icon="d" class="icon"></div>
|
||||
<input type="text" readonly="readonly" value="d">
|
||||
</li>
|
||||
<li>
|
||||
<div data-icon="e" class="icon"></div>
|
||||
<input type="text" readonly="readonly" value="e">
|
||||
</li>
|
||||
<li>
|
||||
<div data-icon="f" class="icon"></div>
|
||||
<input type="text" readonly="readonly" value="f">
|
||||
</li>
|
||||
<li>
|
||||
<div data-icon="g" class="icon"></div>
|
||||
<input type="text" readonly="readonly" value="g">
|
||||
</li>
|
||||
<li>
|
||||
<div data-icon="h" class="icon"></div>
|
||||
<input type="text" readonly="readonly" value="h">
|
||||
</li>
|
||||
<li>
|
||||
<div data-icon="i" class="icon"></div>
|
||||
<input type="text" readonly="readonly" value="i">
|
||||
</li>
|
||||
<li>
|
||||
<div data-icon="j" class="icon"></div>
|
||||
<input type="text" readonly="readonly" value="j">
|
||||
</li>
|
||||
<li>
|
||||
<div data-icon="k" class="icon"></div>
|
||||
<input type="text" readonly="readonly" value="k">
|
||||
</li>
|
||||
<li>
|
||||
<div data-icon="l" class="icon"></div>
|
||||
<input type="text" readonly="readonly" value="l">
|
||||
</li>
|
||||
<li>
|
||||
<div data-icon="m" class="icon"></div>
|
||||
<input type="text" readonly="readonly" value="m">
|
||||
</li>
|
||||
<li>
|
||||
<div data-icon="n" class="icon"></div>
|
||||
<input type="text" readonly="readonly" value="n">
|
||||
</li>
|
||||
<li>
|
||||
<div data-icon="o" class="icon"></div>
|
||||
<input type="text" readonly="readonly" value="o">
|
||||
</li>
|
||||
<li>
|
||||
<div data-icon="p" class="icon"></div>
|
||||
<input type="text" readonly="readonly" value="p">
|
||||
</li>
|
||||
<li>
|
||||
<div data-icon="q" class="icon"></div>
|
||||
<input type="text" readonly="readonly" value="q">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<script>(function() {
|
||||
var glyphs, i, len, ref;
|
||||
|
||||
ref = document.getElementsByClassName('glyphs');
|
||||
for (i = 0, len = ref.length; i < len; i++) {
|
||||
glyphs = ref[i];
|
||||
glyphs.addEventListener('click', function(event) {
|
||||
if (event.target.tagName === 'INPUT') {
|
||||
return event.target.select();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
}).call(this);
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,91 +0,0 @@
|
|||
@charset "UTF-8";
|
||||
|
||||
@font-face {
|
||||
font-family: "appsmith-widget-font";
|
||||
src:url("fonts/appsmith-widget-font.eot");
|
||||
src:url("fonts/appsmith-widget-font.eot?#iefix") format("embedded-opentype"),
|
||||
url("fonts/appsmith-widget-font.woff") format("woff"),
|
||||
url("fonts/appsmith-widget-font.ttf") format("truetype"),
|
||||
url("fonts/appsmith-widget-font.svg#appsmith-widget-font") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
|
||||
[data-icon]:before {
|
||||
font-family: "appsmith-widget-font" !important;
|
||||
content: attr(data-icon);
|
||||
font-style: normal !important;
|
||||
font-weight: normal !important;
|
||||
font-variant: normal !important;
|
||||
text-transform: none !important;
|
||||
speak: none;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
[class^="appsmith-widget-"]:before,
|
||||
[class*=" appsmith-widget-"]:before {
|
||||
font-family: "appsmith-widget-font" !important;
|
||||
font-style: normal !important;
|
||||
font-weight: normal !important;
|
||||
font-variant: normal !important;
|
||||
text-transform: none !important;
|
||||
speak: none;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.appsmith-widget-alert:before {
|
||||
content: "\61";
|
||||
}
|
||||
.appsmith-widget-button:before {
|
||||
content: "\62";
|
||||
}
|
||||
.appsmith-widget-checkbox:before {
|
||||
content: "\63";
|
||||
}
|
||||
.appsmith-widget-collapse:before {
|
||||
content: "\64";
|
||||
}
|
||||
.appsmith-widget-datepicker:before {
|
||||
content: "\65";
|
||||
}
|
||||
.appsmith-widget-dropdown:before {
|
||||
content: "\66";
|
||||
}
|
||||
.appsmith-widget-file-upload:before {
|
||||
content: "\67";
|
||||
}
|
||||
.appsmith-widget-image:before {
|
||||
content: "\68";
|
||||
}
|
||||
.appsmith-widget-input:before {
|
||||
content: "\69";
|
||||
}
|
||||
.appsmith-widget-location-picker:before {
|
||||
content: "\6a";
|
||||
}
|
||||
.appsmith-widget-modal:before {
|
||||
content: "\6b";
|
||||
}
|
||||
.appsmith-widget-radio:before {
|
||||
content: "\6c";
|
||||
}
|
||||
.appsmith-widget-rich-text:before {
|
||||
content: "\6d";
|
||||
}
|
||||
.appsmith-widget-switch:before {
|
||||
content: "\6e";
|
||||
}
|
||||
.appsmith-widget-table:before {
|
||||
content: "\6f";
|
||||
}
|
||||
.appsmith-widget-tabs:before {
|
||||
content: "\70";
|
||||
}
|
||||
.appsmith-widget-text:before {
|
||||
content: "\71";
|
||||
}
|
||||
|
|
@ -1,71 +0,0 @@
|
|||
@font-face {
|
||||
font-family: "Widget-Icons";
|
||||
src: url("./Widget-Icons.eot?8c5fb10027fde9f328ea41c7f2f3873d?#iefix") format("embedded-opentype"),
|
||||
url("./Widget-Icons.woff2?8c5fb10027fde9f328ea41c7f2f3873d") format("woff2"),
|
||||
url("./Widget-Icons.woff?8c5fb10027fde9f328ea41c7f2f3873d") format("woff"),
|
||||
url("./Widget-Icons.ttf?8c5fb10027fde9f328ea41c7f2f3873d") format("truetype"),
|
||||
url("./Widget-Icons.svg?8c5fb10027fde9f328ea41c7f2f3873d#Widget-Icons") format("svg");
|
||||
}
|
||||
|
||||
i[class^="icon-"]:before, i[class*=" icon-"]:before {
|
||||
font-family: Widget-Icons !important;
|
||||
font-style: normal;
|
||||
font-weight: normal !important;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-alert:before {
|
||||
content: "\f101";
|
||||
}
|
||||
.icon-button:before {
|
||||
content: "\f102";
|
||||
}
|
||||
.icon-checkbox:before {
|
||||
content: "\f103";
|
||||
}
|
||||
.icon-collapse:before {
|
||||
content: "\f104";
|
||||
}
|
||||
.icon-datepicker:before {
|
||||
content: "\f105";
|
||||
}
|
||||
.icon-dropdown:before {
|
||||
content: "\f106";
|
||||
}
|
||||
.icon-file upload:before {
|
||||
content: "\f107";
|
||||
}
|
||||
.icon-image:before {
|
||||
content: "\f108";
|
||||
}
|
||||
.icon-input:before {
|
||||
content: "\f109";
|
||||
}
|
||||
.icon-location picker:before {
|
||||
content: "\f10a";
|
||||
}
|
||||
.icon-modal:before {
|
||||
content: "\f10b";
|
||||
}
|
||||
.icon-radio:before {
|
||||
content: "\f10c";
|
||||
}
|
||||
.icon-rich text:before {
|
||||
content: "\f10d";
|
||||
}
|
||||
.icon-switch:before {
|
||||
content: "\f10e";
|
||||
}
|
||||
.icon-table:before {
|
||||
content: "\f10f";
|
||||
}
|
||||
.icon-tabs:before {
|
||||
content: "\f110";
|
||||
}
|
||||
.icon-text:before {
|
||||
content: "\f111";
|
||||
}
|
||||
|
|
@ -1,218 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Widget-Icons</title>
|
||||
|
||||
<style>
|
||||
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
margin: 0;
|
||||
padding: 10px 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.preview {
|
||||
width: 100px;
|
||||
display: inline-block;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.preview .inner {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
background: #f5f5f5;
|
||||
-webkit-border-radius: 3px 3px 0 0;
|
||||
-moz-border-radius: 3px 3px 0 0;
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
|
||||
.preview .inner i {
|
||||
line-height: 85px;
|
||||
font-size: 40px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.label {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 5px;
|
||||
font-size: 10px;
|
||||
font-family: Monaco, monospace;
|
||||
color: #666;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
background: #ddd;
|
||||
-webkit-border-radius: 0 0 3px 3px;
|
||||
-moz-border-radius: 0 0 3px 3px;
|
||||
border-radius: 0 0 3px 3px;
|
||||
color: #666;
|
||||
}
|
||||
</style>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="Widget-Icons.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>Widget-Icons</h1>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-alert"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>alert</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-button"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>button</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-checkbox"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>checkbox</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-collapse"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>collapse</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-datepicker"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>datepicker</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-dropdown"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>dropdown</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-file upload"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>file upload</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-image"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>image</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-input"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>input</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-location picker"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>location picker</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-modal"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>modal</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-radio"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>radio</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-rich text"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>rich text</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-switch"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>switch</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-table"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>table</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-tabs"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>tabs</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-text"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>text</span>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,19 +0,0 @@
|
|||
{
|
||||
"alert": "\\f101",
|
||||
"button": "\\f102",
|
||||
"checkbox": "\\f103",
|
||||
"collapse": "\\f104",
|
||||
"datepicker": "\\f105",
|
||||
"dropdown": "\\f106",
|
||||
"file upload": "\\f107",
|
||||
"image": "\\f108",
|
||||
"input": "\\f109",
|
||||
"location picker": "\\f10a",
|
||||
"modal": "\\f10b",
|
||||
"radio": "\\f10c",
|
||||
"rich text": "\\f10d",
|
||||
"switch": "\\f10e",
|
||||
"table": "\\f10f",
|
||||
"tabs": "\\f110",
|
||||
"text": "\\f111"
|
||||
}
|
||||
|
|
@ -1,63 +0,0 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<font id="Widget-Icons" horiz-adv-x="32">
|
||||
<font-face font-family="Widget-Icons"
|
||||
units-per-em="32" ascent="32"
|
||||
descent="0" />
|
||||
<missing-glyph horiz-adv-x="0" />
|
||||
<glyph glyph-name="alert"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M17.1818 13.8182C17.1818 13.2659 16.7341 12.8182 16.1818 12.8182H15.8182C15.2659 12.8182 14.8182 13.2659 14.8182 13.8182V16.5455C14.8182 17.0977 15.2659 17.5455 15.8182 17.5455H16.1818C16.7341 17.5455 17.1818 17.0977 17.1818 16.5455V13.8182zM17.1818 9.0909C17.1818 8.5386 16.7341 8.0909 16.1818 8.0909H15.8182C15.2659 8.0909 14.8182 8.5386 14.8182 9.0909V9.4545C14.8182 10.0068 15.2659 10.4545 15.8182 10.4545H16.1818C16.7341 10.4545 17.1818 10.0068 17.1818 9.4545V9.0909zM3.86902 6.0465C3.48306 5.3798 3.96411 4.5455 4.73445 4.5455H27.2656C28.0359 4.5455 28.5169 5.3798 28.131 6.0465L16.8654 25.50517C16.4803 26.17046 15.5197 26.17046 15.1346 25.50517L3.86902 6.0465z" />
|
||||
<glyph glyph-name="button"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M32 22C32 23.2 31.2 24 30 24H2C0.8 24 0 23.2 0 22V10C0 8.8 0.8 8 2 8H30C31.2 8 32 8.8 32 10V22zM3.73772 14.098C4.01306 13.9767 4.33039 13.916 4.68972 13.916C5.06306 13.916 5.37806 13.9813 5.63472 14.112C5.89139 14.2473 6.08506 14.4247 6.21572 14.644C6.34639 14.8633 6.41172 15.1013 6.41172 15.358C6.41172 15.6473 6.35106 15.883 6.22972 16.065C6.10839 16.2517 5.94739 16.401 5.74672 16.513C5.54606 16.625 5.32439 16.723 5.08172 16.807C4.85306 16.8817 4.65006 16.9517 4.47272 17.017C4.29539 17.0823 4.15539 17.1617 4.05272 17.255C3.95006 17.353 3.89872 17.4837 3.89872 17.647C3.89872 17.8383 3.96406 17.983 4.09472 18.081C4.23006 18.1837 4.39572 18.2327 4.59172 18.228C4.82039 18.228 4.99772 18.1603 5.12372 18.025C5.25439 17.8943 5.32206 17.7427 5.32672 17.57H6.28572C6.27639 17.8593 6.19939 18.109 6.05472 18.319C5.91472 18.529 5.71872 18.6923 5.46672 18.809C5.21939 18.9257 4.93239 18.984 4.60572 18.984C4.28372 18.984 3.99906 18.9257 3.75172 18.809C3.50439 18.697 3.30839 18.536 3.16372 18.326C3.02372 18.1207 2.95606 17.8733 2.96072 17.584C2.96072 17.2433 3.05872 16.9703 3.25472 16.765C3.45539 16.5597 3.74472 16.3917 4.12272 16.261L4.78072 16.037C4.98606 15.967 5.14939 15.876 5.27072 15.764C5.39672 15.652 5.45972 15.4957 5.45972 15.295C5.45972 15.1037 5.38972 14.9497 5.24972 14.833C5.10972 14.721 4.92072 14.665 4.68272 14.665C4.40739 14.665 4.19039 14.742 4.03172 14.896C3.87772 15.0547 3.79606 15.2483 3.78672 15.477H2.84172C2.84639 15.1457 2.92806 14.8633 3.08672 14.63C3.24539 14.4013 3.46239 14.224 3.73772 14.098zM8.39048 14.126C8.67981 13.986 9.00415 13.916 9.36348 13.916C9.72281 13.916 10.0495 13.986 10.3435 14.126C10.6421 14.2707 10.8801 14.4877 11.0575 14.777C11.2348 15.0663 11.3235 15.4327 11.3235 15.876V18.9H10.4275V15.869C10.4275 15.4863 10.3341 15.2017 10.1475 15.015C9.96081 14.8283 9.70648 14.735 9.38448 14.735C9.05781 14.735 8.80115 14.8283 8.61448 15.015C8.43248 15.2017 8.34148 15.4863 8.34148 15.869V18.9H7.44548V15.876C7.44548 15.4327 7.52948 15.0663 7.69748 14.777C7.87015 14.4877 8.10115 14.2707 8.39048 14.126zM12.5181 18.9V14H13.4141V17.381L14.7791 14.7H15.4861L16.8511 17.381V14H17.7471V18.9H16.6831L15.1431 15.792L13.5821 18.9H12.5181zM18.9778 18.9V14H21.0148C21.5281 14 21.9248 14.126 22.2048 14.378C22.4848 14.63 22.6248 14.9497 22.6248 15.337C22.6248 15.631 22.5338 15.8877 22.3518 16.107C22.1698 16.331 21.9388 16.471 21.6588 16.527C21.8968 16.5923 22.0975 16.716 22.2608 16.898C22.4288 17.0847 22.5128 17.332 22.5128 17.64C22.5128 18.0087 22.3775 18.3097 22.1068 18.543C21.8408 18.781 21.4535 18.9 20.9448 18.9H18.9778zM20.8118 16.842H19.8738V18.179H20.7978C21.0638 18.179 21.2621 18.1183 21.3928 17.997C21.5281 17.8803 21.5958 17.7193 21.5958 17.514C21.5958 17.2993 21.5281 17.1337 21.3928 17.017C21.2575 16.9003 21.0638 16.842 20.8118 16.842zM20.8748 14.728H19.8738V16.17H20.8608C21.1221 16.17 21.3298 16.1047 21.4838 15.974C21.6378 15.8433 21.7148 15.6637 21.7148 15.435C21.7148 15.211 21.6402 15.036 21.4908 14.91C21.3461 14.7887 21.1408 14.728 20.8748 14.728zM23.6738 18.9V14H24.5698V18.9H23.6738zM26.9405 18.179V14H27.8365V18.179H29.2715V18.9H25.5125V18.179H26.9405z" />
|
||||
<glyph glyph-name="checkbox"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M13.3333 9.336L6.66667 16.0027L8.55067 17.888L13.3333 13.1067L23.448 23.22134L25.3333 21.336L13.3333 9.336zM25.3333 28.00267H6.66667C5.192 28.00267 4 26.80934 4 25.336V6.6693C4 5.196 5.192 4.0027 6.66667 4.0027H25.3333C26.0406 4.0027 26.7189 4.2836 27.219 4.7837C27.719 5.2838 28 5.9621 28 6.6693V25.336C28 26.04325 27.719 26.72152 27.219 27.22162C26.7189 27.72172 26.0406 28.00267 25.3333 28.00267z" />
|
||||
<glyph glyph-name="collapse"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M25.4286 4H6.57143C5.15125 4 4 5.1512 4 6.5714V25.42857C4 26.84875 5.15125 28 6.57143 28H25.4286C26.8488 28 28 26.84875 28 25.42857V6.5714C28 5.1512 26.8488 4 25.4286 4zM17.9026 23.04545L11.3117 16.4546C11.0607 16.2035 11.0607 15.7965 11.3117 15.5454L17.9025 8.9546C18.3075 8.5496 18.9999 8.8364 18.9999 9.4091V22.59084C19 23.16357 18.3075 23.45039 17.9026 23.04545z" />
|
||||
<glyph glyph-name="datepicker"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M23.5 27.75C23.5 26.92157 24.1716 26.25 25 26.25H26C27.1046 26.25 28 25.35457 28 24.25V5.75C28 4.6454 27.1046 3.75 26 3.75H6C4.89543 3.75 4 4.6454 4 5.75V24.25C4 25.35457 4.89543 26.25 6 26.25H7C7.82843 26.25 8.5 26.92157 8.5 27.75C8.5 28.365 8.725 28.89 9.16 29.34C9.595 29.775 10.135 30 10.75 30C11.365 30 11.905 29.775 12.34 29.34C12.775 28.89 13 28.365 13 27.75C13 26.92157 13.6716 26.25 14.5 26.25H17.5C18.3284 26.25 19 26.92157 19 27.75C19 28.365 19.225 28.89 19.66 29.34C20.095 29.775 20.635 30 21.25 30C21.865 30 22.405 29.775 22.84 29.34C23.275 28.89 23.5 28.365 23.5 27.75zM10 27.75V24C9.99817 23.901 10.0163 23.80266 10.0534 23.71083C10.0904 23.61901 10.1456 23.5356 10.2156 23.46559C10.2856 23.39558 10.369 23.3404 10.4608 23.30336C10.5527 23.26632 10.651 23.24817 10.75 23.25C10.849 23.24817 10.9473 23.26632 11.0392 23.30336C11.131 23.3404 11.2144 23.39558 11.2844 23.46559C11.3544 23.5356 11.4096 23.61901 11.4466 23.71083C11.4837 23.80266 11.5018 23.901 11.5 24V27.75C11.5 27.96 11.425 28.14 11.275 28.275C11.14 28.425 10.96 28.5 10.75 28.5C10.54 28.5 10.36 28.425 10.225 28.275C10.075 28.14 10 27.96 10 27.75zM20.5 27.75V24C20.5 23.79 20.575 23.61 20.71 23.46C20.86 23.325 21.04 23.25 21.25 23.25C21.46 23.25 21.64 23.325 21.79 23.46C21.925 23.61 22 23.79 22 24V27.75C22.0018 27.849 21.9837 27.94734 21.9466 28.03917C21.9096 28.13099 21.8544 28.2144 21.7844 28.28441C21.7144 28.35442 21.631 28.4096 21.5392 28.44664C21.4473 28.48368 21.349 28.50183 21.25 28.5C21.151 28.50183 21.0527 28.48368 20.9608 28.44664C20.869 28.4096 20.7856 28.35442 20.7156 28.28441C20.6456 28.2144 20.5904 28.13099 20.5534 28.03917C20.5163 27.94734 20.4982 27.849 20.5 27.75zM24.5 5.25C25.6046 5.25 26.5 6.1454 26.5 7.25V18.25C26.5 19.3546 25.6046 20.25 24.5 20.25H7.5C6.39543 20.25 5.5 19.3546 5.5 18.25V7.25C5.5 6.1454 6.39543 5.25 7.5 5.25H24.5zM10 18.75C10.8284 18.75 11.5 18.0784 11.5 17.25C11.5 16.4216 10.8284 15.75 10 15.75C9.17157 15.75 8.5 16.4216 8.5 17.25C8.5 18.0784 9.17157 18.75 10 18.75zM14.5 17.25C14.5 18.0784 15.1716 18.75 16 18.75C16.8284 18.75 17.5 18.0784 17.5 17.25C17.5 16.4216 16.8284 15.75 16 15.75C15.1716 15.75 14.5 16.4216 14.5 17.25zM22 15.75C21.1716 15.75 20.5 16.4216 20.5 17.25C20.5 18.0784 21.1716 18.75 22 18.75C22.8284 18.75 23.5 18.0784 23.5 17.25C23.5 16.4216 22.8284 15.75 22 15.75zM10 14.25C10.8284 14.25 11.5 13.5784 11.5 12.75C11.5 11.9216 10.8284 11.25 10 11.25C9.17157 11.25 8.5 11.9216 8.5 12.75C8.5 13.5784 9.17157 14.25 10 14.25zM14.5 12.75C14.5 13.5784 15.1716 14.25 16 14.25C16.8284 14.25 17.5 13.5784 17.5 12.75C17.5 11.9216 16.8284 11.25 16 11.25C15.1716 11.25 14.5 11.9216 14.5 12.75zM22 11.25C21.1716 11.25 20.5 11.9216 20.5 12.75C20.5 13.5784 21.1716 14.25 22 14.25C22.8284 14.25 23.5 13.5784 23.5 12.75C23.5 11.9216 22.8284 11.25 22 11.25zM10 9.75C10.8284 9.75 11.5 9.0784 11.5 8.25C11.5 7.4216 10.8284 6.75 10 6.75C9.17157 6.75 8.5 7.4216 8.5 8.25C8.5 9.0784 9.17157 9.75 10 9.75zM17.5 8.25C17.5 7.4216 16.8284 6.75 16 6.75C15.1716 6.75 14.5 7.4216 14.5 8.25C14.5 9.0784 15.1716 9.75 16 9.75C16.8284 9.75 17.5 9.0784 17.5 8.25zM23.5 8.25C23.5 7.4216 22.8284 6.75 22 6.75C21.1716 6.75 20.5 7.4216 20.5 8.25C20.5 9.0784 21.1716 9.75 22 9.75C22.8284 9.75 23.5 9.0784 23.5 8.25z" />
|
||||
<glyph glyph-name="dropdown"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M30 24C31.2 24 32 23.2 32 22V10C32 8.8 31.2 8 30 8H2C0.8 8 0 8.8 0 10V22C0 23.2 0.8 24 2 24H30zM23.7441 13.7161C23.8253 13.683 23.9123 13.6662 24 13.6667C24.1693 13.669 24.3314 13.7358 24.4533 13.8533L27.12 16.4267C27.1907 16.485 27.2487 16.5574 27.2902 16.6392C27.3317 16.7209 27.3559 16.8104 27.3612 16.902C27.3666 16.9935 27.353 17.0852 27.3213 17.1713C27.2896 17.2573 27.2405 17.3359 27.177 17.4021C27.1136 17.4684 27.0371 17.5208 26.9525 17.5561C26.8679 17.5914 26.7768 17.6089 26.6851 17.6075C26.5934 17.606 26.503 17.5856 26.4195 17.5477C26.3361 17.5097 26.2613 17.4549 26.2 17.3867L24 15.2667L21.8067 17.4733C21.7445 17.5355 21.6707 17.5848 21.5895 17.6184C21.5083 17.6521 21.4212 17.6694 21.3333 17.6694C21.2454 17.6694 21.1584 17.6521 21.0772 17.6184C20.996 17.5848 20.9222 17.5355 20.86 17.4733C20.7978 17.4112 20.7485 17.3374 20.7149 17.2562C20.6813 17.1749 20.6639 17.0879 20.6639 17C20.6639 16.9121 20.6813 16.825 20.7149 16.7438C20.7485 16.6626 20.7978 16.5888 20.86 16.5267L23.5267 13.86C23.589 13.7982 23.6628 13.7493 23.7441 13.7161z" />
|
||||
<glyph glyph-name="file upload"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M24.575 17.9533C24.1831 19.9393 23.1139 21.7277 21.5499 23.01288C19.9859 24.29809 18.0243 25.00046 16 25C12.6283 25 9.7 23.08667 8.24167 20.2867C6.52694 20.1014 4.94117 19.2889 3.78907 18.0055C2.63697 16.722 1.9998 15.058 2 13.3333C2 9.4717 5.13833 6.3333 9 6.3333H24.1667C27.3867 6.3333 30 8.9467 30 12.1667C30 15.2467 27.6083 17.7433 24.575 17.9533zM18.3333 14.5V9.8333H13.6667V14.5H10.1667L15.5917 19.925C15.825 20.1583 16.1867 20.1583 16.42 19.925L21.8333 14.5H18.3333z" />
|
||||
<glyph glyph-name="image"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M28 6.6667V25.33333C28 26.8 26.8 28 25.3333 28H6.66667C5.2 28 4 26.8 4 25.33333V6.6667C4 5.2 5.2 4 6.66667 4H25.3333C26.8 4 28 5.2 28 6.6667zM11.3333 14L14.6667 9.9867L19.3333 16L25.3333 8H6.66667L11.3333 14z" />
|
||||
<glyph glyph-name="input"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M32 22C32 23.2 31.2 24 30 24H2C0.8 24 0 23.2 0 22V10C0 8.8 0.8 8 2 8H30C31.2 8 32 8.8 32 10V22zM30 10H2V22H30V10z M4 20H6V12H4V20z" />
|
||||
<glyph glyph-name="location picker"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M16 29.336C20.416 29.336 24 25.784 24 21.4027C24 15.452 16 6.6693 16 6.6693C16 6.6693 8.00001 15.452 8.00001 21.4027C8.00001 25.784 11.5813 29.336 16 29.336zM16 24C15.2928 24 14.6145 23.71905 14.1144 23.21895C13.6143 22.71885 13.3333 22.04058 13.3333 21.3333C13.3333 20.6261 13.6143 19.9478 14.1144 19.4477C14.6145 18.9476 15.2928 18.6667 16 18.6667C16.7073 18.6667 17.3855 18.9476 17.8856 19.4477C18.3857 19.9478 18.6667 20.6261 18.6667 21.3333C18.6667 22.04058 18.3857 22.71885 17.8856 23.21895C17.3855 23.71905 16.7073 24 16 24zM26.6667 6.6667C26.6667 3.72 21.8907 1.3333 16 1.3333C10.1093 1.3333 5.33334 3.72 5.33334 6.6667C5.33334 8.3853 6.96001 9.9133 9.48401 10.8893L10.328 9.684C8.88801 9.08 8.00001 8.2507 8.00001 7.3333C8.00001 5.4933 11.5813 4 16 4C20.4187 4 24 5.4933 24 7.3333C24 8.2507 23.1107 9.08 21.672 9.684L22.516 10.8893C25.0413 9.9133 26.6667 8.3853 26.6667 6.6667z" />
|
||||
<glyph glyph-name="modal"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M8.5 17.75C8.5 18.1642 8.83579 18.5 9.25 18.5H10.75C11.1642 18.5 11.5 18.1642 11.5 17.75C11.5 17.3358 11.1642 17 10.75 17H9.25C8.83579 17 8.5 17.3358 8.5 17.75z M13 17.75C13 18.1642 13.3358 18.5 13.75 18.5H22.75C23.1642 18.5 23.5 18.1642 23.5 17.75C23.5 17.3358 23.1642 17 22.75 17H13.75C13.3358 17 13 17.3358 13 17.75z M8.5 14.75C8.5 15.1642 8.83579 15.5 9.25 15.5H10.75C11.1642 15.5 11.5 15.1642 11.5 14.75C11.5 14.3358 11.1642 14 10.75 14H9.25C8.83579 14 8.5 14.3358 8.5 14.75z M13 14.75C13 15.1642 13.3358 15.5 13.75 15.5H22.75C23.1642 15.5 23.5 15.1642 23.5 14.75C23.5 14.3358 23.1642 14 22.75 14H13.75C13.3358 14 13 14.3358 13 14.75z M8.5 11.75C8.5 12.1642 8.83579 12.5 9.25 12.5H10.75C11.1642 12.5 11.5 12.1642 11.5 11.75C11.5 11.3358 11.1642 11 10.75 11H9.25C8.83579 11 8.5 11.3358 8.5 11.75z M13 11.75C13 12.1642 13.3358 12.5 13.75 12.5H22.75C23.1642 12.5 23.5 12.1642 23.5 11.75C23.5 11.3358 23.1642 11 22.75 11H13.75C13.3358 11 13 11.3358 13 11.75z M5 26C4.44772 26 4 25.55228 4 25V6C4 5.4477 4.44772 5 5 5H27C27.5523 5 28 5.4477 28 6V25C28 25.55228 27.5523 26 27 26H5zM26.5 7.5C26.5 6.9477 26.0523 6.5 25.5 6.5H6.5C5.94772 6.5 5.5 6.9477 5.5 7.5V20.5C5.5 21.0523 5.94772 21.5 6.5 21.5H25.5C26.0523 21.5 26.5 21.0523 26.5 20.5V7.5zM26.5 23.75C26.5 23.33579 26.1642 23 25.75 23C25.3358 23 25 23.33579 25 23.75C25 24.16421 25.3358 24.5 25.75 24.5C26.1642 24.5 26.5 24.16421 26.5 23.75z" />
|
||||
<glyph glyph-name="radio"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M15 23.5C11.412 23.5 8.5 20.588 8.5 17C8.5 13.412 11.412 10.5 15 10.5C18.588 10.5 21.5 13.412 21.5 17C21.5 20.588 18.588 23.5 15 23.5zM15 30C7.824 30 2 24.176 2 17C2 9.824 7.824 4 15 4C22.176 4 28 9.824 28 17C28 24.176 22.176 30 15 30zM15 6.6C9.254 6.6 4.6 11.254 4.6 17C4.6 22.746 9.254 27.4 15 27.4C20.746 27.4 25.4 22.746 25.4 17C25.4 11.254 20.746 6.6 15 6.6z" />
|
||||
<glyph glyph-name="rich text"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M16 15.3333V24.66667C16 25.4 15.4 26 14.6667 26H5.33333C4.6 26 4 25.4 4 24.66667V15.3333C4 14.6 4.6 14 5.33333 14H14.6667C15.4 14 16 14.6 16 15.3333zM6.9029 18.018C7.29516 18.5223 8.0533 18.5345 8.46152 18.043L8.53761 17.9514C8.94611 17.4595 9.7049 17.4721 10.0969 17.9772L10.8631 18.9645C11.2676 19.4858 12.0572 19.4793 12.4531 18.9514L13.4667 17.6C13.9611 16.9408 13.4907 16 12.6667 16H7.37797C6.54582 16 6.07773 16.9571 6.58862 17.6139L6.9029 18.018z M28 11C28 10.4477 27.5523 10 27 10H5C4.44772 10 4 10.4477 4 11C4 11.5523 4.44772 12 5 12H27C27.5523 12 28 11.5523 28 11z M28 7C28 6.4477 27.5523 6 27 6H5C4.44772 6 4 6.4477 4 7C4 7.5523 4.44772 8 5 8H27C27.5523 8 28 7.5523 28 7z M28 24C28 23.44772 27.5523 23 27 23H20C19.4477 23 19 23.44772 19 24C19 24.55228 19.4477 25 20 25H27C27.5523 25 28 24.55228 28 24z M28 20C28 19.4477 27.5523 19 27 19H20C19.4477 19 19 19.4477 19 20C19 20.5523 19.4477 21 20 21H27C27.5523 21 28 20.5523 28 20z M28 16C28 15.4477 27.5523 15 27 15H20C19.4477 15 19 15.4477 19 16C19 16.5523 19.4477 17 20 17H27C27.5523 17 28 16.5523 28 16z" />
|
||||
<glyph glyph-name="switch"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M20.2 26H11.8C10.513 26 9.23869 25.74652 8.0497 25.25402C6.86071 24.76152 5.78037 24.03966 4.87035 23.12965C3.96034 22.21963 3.23848 21.1393 2.74598 19.9503C2.25348 18.7613 2 17.487 2 16.2C2 14.913 2.25348 13.6387 2.74598 12.4497C3.23848 11.2607 3.96034 10.1804 4.87035 9.2704C5.78037 8.3603 6.86071 7.6385 8.0497 7.146C9.23869 6.6535 10.513 6.4 11.8 6.4H20.2C21.487 6.4 22.7613 6.6535 23.9503 7.146C25.1393 7.6385 26.2196 8.3603 27.1296 9.2704C28.0397 10.1804 28.7615 11.2607 29.254 12.4497C29.7465 13.6387 30 14.913 30 16.2C30 17.487 29.7465 18.7613 29.254 19.9503C28.7615 21.1393 28.0397 22.21963 27.1296 23.12965C26.2196 24.03966 25.1393 24.76152 23.9503 25.25402C22.7613 25.74652 21.487 26 20.2 26zM20.2 9.2C18.3433 9.2002 16.5627 9.9379 15.25 11.251C13.9372 12.564 13.1998 14.3447 13.2 16.2014C13.2002 18.0581 13.9379 19.8387 15.251 21.1514C16.564 22.46419 18.3447 23.20159 20.2014 23.2014C21.1207 23.20131 22.0311 23.02014 22.8804 22.66824C23.7297 22.31633 24.5014 21.8006 25.1514 21.1504C25.8014 20.5003 26.317 19.7285 26.6688 18.8791C27.0205 18.0297 27.2015 17.1193 27.2014 16.2C27.2013 15.2807 27.0201 14.3703 26.6682 13.521C26.3163 12.6717 25.8006 11.9 25.1504 11.25C24.5003 10.6 23.7285 10.0844 22.8791 9.7326C22.0297 9.3809 21.1193 9.1999 20.2 9.2z" />
|
||||
<glyph glyph-name="table"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M6.39998 27H25.6C26.2365 27 26.847 26.74714 27.297 26.29706C27.7471 25.84697 28 25.23652 28 24.6V6.6C28 5.9635 27.7471 5.353 27.297 4.9029C26.847 4.4529 26.2365 4.2 25.6 4.2H6.39998C5.76347 4.2 5.15302 4.4529 4.70293 4.9029C4.25284 5.353 3.99998 5.9635 3.99998 6.6V24.6C3.99998 25.23652 4.25284 25.84697 4.70293 26.29706C5.15302 26.74714 5.76347 27 6.39998 27zM6.39998 22.2V18.6H11.2V22.2H6.39998zM13.6 22.2V18.6H18.4V22.2H13.6zM25.6 18.6V22.2H20.8V18.6H25.6zM6.39998 16.2V12.6H11.2V16.2H6.39998zM6.39998 6.6H11.2V10.2H6.39998V6.6zM13.6 16.2V12.6H18.4V16.2H13.6zM13.6 6.6H18.4V10.2H13.6V6.6zM25.6 6.6V10.2H20.8V6.6H25.6zM25.6 16.2H20.8V12.6H25.6V16.2z" />
|
||||
<glyph glyph-name="tabs"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M26.5 22C25.6716 22 25 22.67157 25 23.5C25 24.32843 24.3284 25 23.5 25H6C4.89543 25 4 24.10457 4 23V9C4 7.8954 4.89543 7 6 7H26C27.1046 7 28 7.8954 28 9V20.5C28 21.3284 27.3284 22 26.5 22zM19 22.75C19 23.16421 19.3358 23.5 19.75 23.5H22.75C23.1642 23.5 23.5 23.16421 23.5 22.75C23.5 22.33579 23.1642 22 22.75 22H19.75C19.3358 22 19 22.33579 19 22.75zM13 22.75C13 23.16421 13.3358 23.5 13.75 23.5H16.75C17.1642 23.5 17.5 23.16421 17.5 22.75C17.5 22.33579 17.1642 22 16.75 22H13.75C13.3358 22 13 22.33579 13 22.75zM26.5 10.5C26.5 9.3954 25.6046 8.5 24.5 8.5H7.5C6.39543 8.5 5.5 9.3954 5.5 10.5V21.5C5.5 22.60457 6.39543 23.5 7.5 23.5H10C10.8284 23.5 11.5 22.82843 11.5 22C11.5 21.1716 12.1716 20.5 13 20.5H24.5C25.6046 20.5 26.5 19.6046 26.5 18.5V10.5z" />
|
||||
<glyph glyph-name="text"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M5.00003 25C4.44775 25 4.00003 24.55228 4.00003 24V22.21053C4.00003 21.6582 4.44775 21.2105 5.00003 21.2105H9.31582C9.86811 21.2105 10.3158 20.7628 10.3158 20.2105V7.0526C10.3158 6.5003 10.7635 6.0526 11.3158 6.0526H13.1053C13.6576 6.0526 14.1053 6.5003 14.1053 7.0526V20.2105C14.1053 20.7628 14.553 21.2105 15.1053 21.2105H19.4211C19.9734 21.2105 20.4211 21.6582 20.4211 22.21053V24C20.4211 24.55228 19.9734 25 19.4211 25H5.00003zM28 17.6842C28 18.2365 27.5523 18.6842 27 18.6842H17.6316C17.0793 18.6842 16.6316 18.2365 16.6316 17.6842V15.8947C16.6316 15.3425 17.0793 14.8947 17.6316 14.8947H19.4211C19.9734 14.8947 20.4211 14.447 20.4211 13.8947V7.0526C20.4211 6.5003 20.8688 6.0526 21.4211 6.0526H23.2106C23.7628 6.0526 24.2106 6.5003 24.2106 7.0526V13.8947C24.2106 14.447 24.6583 14.8947 25.2106 14.8947H27C27.5523 14.8947 28 15.3425 28 15.8947V17.6842z" />
|
||||
</font>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 18 KiB |
|
|
@ -15,7 +15,7 @@
|
|||
rel="stylesheet"
|
||||
/>
|
||||
<!-- add other blueprint-*.css files here -->
|
||||
<link rel="stylesheet" href="%PUBLIC_URL%/fonts/widgets/Widget-Icons.css">
|
||||
<link rel="stylesheet" href="%PUBLIC_URL%/fonts/widget/Widget-Icons.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=DM+Sans:400,500,700&display=swap" rel="stylesheet">
|
||||
|
||||
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
|
||||
|
|
|
|||
13
app/client/src/assets/icons/build.sh
Executable file
|
|
@ -0,0 +1,13 @@
|
|||
#!/bin/bash
|
||||
# assumes yarn is installed globally
|
||||
|
||||
cd "$(dirname "$0")"
|
||||
mkdir fonts;
|
||||
find ./ -maxdepth 1 -mindepth 1 -type d \! -name fonts | sed -e "s/^\.\/\///g" | while read d;
|
||||
do
|
||||
mkdir fonts/${d};
|
||||
npx icon-font-generator ${d}/*.svg -o fonts/${d} -n "${d}-icons";
|
||||
done;
|
||||
|
||||
# using relative path for now
|
||||
mv fonts ../../../public/
|
||||
|
|
@ -1,71 +0,0 @@
|
|||
@font-face {
|
||||
font-family: "Widget-Icons";
|
||||
src: url("./Widget-Icons.eot?8c5fb10027fde9f328ea41c7f2f3873d?#iefix") format("embedded-opentype"),
|
||||
url("./Widget-Icons.woff2?8c5fb10027fde9f328ea41c7f2f3873d") format("woff2"),
|
||||
url("./Widget-Icons.woff?8c5fb10027fde9f328ea41c7f2f3873d") format("woff"),
|
||||
url("./Widget-Icons.ttf?8c5fb10027fde9f328ea41c7f2f3873d") format("truetype"),
|
||||
url("./Widget-Icons.svg?8c5fb10027fde9f328ea41c7f2f3873d#Widget-Icons") format("svg");
|
||||
}
|
||||
|
||||
i[class^="icon-"]:before, i[class*=" icon-"]:before {
|
||||
font-family: Widget-Icons !important;
|
||||
font-style: normal;
|
||||
font-weight: normal !important;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-alert:before {
|
||||
content: "\f101";
|
||||
}
|
||||
.icon-button:before {
|
||||
content: "\f102";
|
||||
}
|
||||
.icon-checkbox:before {
|
||||
content: "\f103";
|
||||
}
|
||||
.icon-collapse:before {
|
||||
content: "\f104";
|
||||
}
|
||||
.icon-datepicker:before {
|
||||
content: "\f105";
|
||||
}
|
||||
.icon-dropdown:before {
|
||||
content: "\f106";
|
||||
}
|
||||
.icon-file upload:before {
|
||||
content: "\f107";
|
||||
}
|
||||
.icon-image:before {
|
||||
content: "\f108";
|
||||
}
|
||||
.icon-input:before {
|
||||
content: "\f109";
|
||||
}
|
||||
.icon-location picker:before {
|
||||
content: "\f10a";
|
||||
}
|
||||
.icon-modal:before {
|
||||
content: "\f10b";
|
||||
}
|
||||
.icon-radio:before {
|
||||
content: "\f10c";
|
||||
}
|
||||
.icon-rich text:before {
|
||||
content: "\f10d";
|
||||
}
|
||||
.icon-switch:before {
|
||||
content: "\f10e";
|
||||
}
|
||||
.icon-table:before {
|
||||
content: "\f10f";
|
||||
}
|
||||
.icon-tabs:before {
|
||||
content: "\f110";
|
||||
}
|
||||
.icon-text:before {
|
||||
content: "\f111";
|
||||
}
|
||||
|
|
@ -1,218 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Widget-Icons</title>
|
||||
|
||||
<style>
|
||||
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
margin: 0;
|
||||
padding: 10px 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.preview {
|
||||
width: 100px;
|
||||
display: inline-block;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.preview .inner {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
background: #f5f5f5;
|
||||
-webkit-border-radius: 3px 3px 0 0;
|
||||
-moz-border-radius: 3px 3px 0 0;
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
|
||||
.preview .inner i {
|
||||
line-height: 85px;
|
||||
font-size: 40px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.label {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 5px;
|
||||
font-size: 10px;
|
||||
font-family: Monaco, monospace;
|
||||
color: #666;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
background: #ddd;
|
||||
-webkit-border-radius: 0 0 3px 3px;
|
||||
-moz-border-radius: 0 0 3px 3px;
|
||||
border-radius: 0 0 3px 3px;
|
||||
color: #666;
|
||||
}
|
||||
</style>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="Widget-Icons.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>Widget-Icons</h1>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-alert"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>alert</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-button"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>button</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-checkbox"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>checkbox</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-collapse"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>collapse</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-datepicker"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>datepicker</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-dropdown"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>dropdown</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-file upload"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>file upload</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-image"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>image</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-input"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>input</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-location picker"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>location picker</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-modal"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>modal</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-radio"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>radio</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-rich text"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>rich text</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-switch"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>switch</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-table"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>table</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-tabs"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>tabs</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="preview">
|
||||
<span class="inner">
|
||||
<i class=" icon-text"></i>
|
||||
</span>
|
||||
<br>
|
||||
<span class='label'>text</span>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,19 +0,0 @@
|
|||
{
|
||||
"alert": "\\f101",
|
||||
"button": "\\f102",
|
||||
"checkbox": "\\f103",
|
||||
"collapse": "\\f104",
|
||||
"datepicker": "\\f105",
|
||||
"dropdown": "\\f106",
|
||||
"file upload": "\\f107",
|
||||
"image": "\\f108",
|
||||
"input": "\\f109",
|
||||
"location picker": "\\f10a",
|
||||
"modal": "\\f10b",
|
||||
"radio": "\\f10c",
|
||||
"rich text": "\\f10d",
|
||||
"switch": "\\f10e",
|
||||
"table": "\\f10f",
|
||||
"tabs": "\\f110",
|
||||
"text": "\\f111"
|
||||
}
|
||||
|
|
@ -1,63 +0,0 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<font id="Widget-Icons" horiz-adv-x="32">
|
||||
<font-face font-family="Widget-Icons"
|
||||
units-per-em="32" ascent="32"
|
||||
descent="0" />
|
||||
<missing-glyph horiz-adv-x="0" />
|
||||
<glyph glyph-name="alert"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M17.1818 13.8182C17.1818 13.2659 16.7341 12.8182 16.1818 12.8182H15.8182C15.2659 12.8182 14.8182 13.2659 14.8182 13.8182V16.5455C14.8182 17.0977 15.2659 17.5455 15.8182 17.5455H16.1818C16.7341 17.5455 17.1818 17.0977 17.1818 16.5455V13.8182zM17.1818 9.0909C17.1818 8.5386 16.7341 8.0909 16.1818 8.0909H15.8182C15.2659 8.0909 14.8182 8.5386 14.8182 9.0909V9.4545C14.8182 10.0068 15.2659 10.4545 15.8182 10.4545H16.1818C16.7341 10.4545 17.1818 10.0068 17.1818 9.4545V9.0909zM3.86902 6.0465C3.48306 5.3798 3.96411 4.5455 4.73445 4.5455H27.2656C28.0359 4.5455 28.5169 5.3798 28.131 6.0465L16.8654 25.50517C16.4803 26.17046 15.5197 26.17046 15.1346 25.50517L3.86902 6.0465z" />
|
||||
<glyph glyph-name="button"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M32 22C32 23.2 31.2 24 30 24H2C0.8 24 0 23.2 0 22V10C0 8.8 0.8 8 2 8H30C31.2 8 32 8.8 32 10V22zM3.73772 14.098C4.01306 13.9767 4.33039 13.916 4.68972 13.916C5.06306 13.916 5.37806 13.9813 5.63472 14.112C5.89139 14.2473 6.08506 14.4247 6.21572 14.644C6.34639 14.8633 6.41172 15.1013 6.41172 15.358C6.41172 15.6473 6.35106 15.883 6.22972 16.065C6.10839 16.2517 5.94739 16.401 5.74672 16.513C5.54606 16.625 5.32439 16.723 5.08172 16.807C4.85306 16.8817 4.65006 16.9517 4.47272 17.017C4.29539 17.0823 4.15539 17.1617 4.05272 17.255C3.95006 17.353 3.89872 17.4837 3.89872 17.647C3.89872 17.8383 3.96406 17.983 4.09472 18.081C4.23006 18.1837 4.39572 18.2327 4.59172 18.228C4.82039 18.228 4.99772 18.1603 5.12372 18.025C5.25439 17.8943 5.32206 17.7427 5.32672 17.57H6.28572C6.27639 17.8593 6.19939 18.109 6.05472 18.319C5.91472 18.529 5.71872 18.6923 5.46672 18.809C5.21939 18.9257 4.93239 18.984 4.60572 18.984C4.28372 18.984 3.99906 18.9257 3.75172 18.809C3.50439 18.697 3.30839 18.536 3.16372 18.326C3.02372 18.1207 2.95606 17.8733 2.96072 17.584C2.96072 17.2433 3.05872 16.9703 3.25472 16.765C3.45539 16.5597 3.74472 16.3917 4.12272 16.261L4.78072 16.037C4.98606 15.967 5.14939 15.876 5.27072 15.764C5.39672 15.652 5.45972 15.4957 5.45972 15.295C5.45972 15.1037 5.38972 14.9497 5.24972 14.833C5.10972 14.721 4.92072 14.665 4.68272 14.665C4.40739 14.665 4.19039 14.742 4.03172 14.896C3.87772 15.0547 3.79606 15.2483 3.78672 15.477H2.84172C2.84639 15.1457 2.92806 14.8633 3.08672 14.63C3.24539 14.4013 3.46239 14.224 3.73772 14.098zM8.39048 14.126C8.67981 13.986 9.00415 13.916 9.36348 13.916C9.72281 13.916 10.0495 13.986 10.3435 14.126C10.6421 14.2707 10.8801 14.4877 11.0575 14.777C11.2348 15.0663 11.3235 15.4327 11.3235 15.876V18.9H10.4275V15.869C10.4275 15.4863 10.3341 15.2017 10.1475 15.015C9.96081 14.8283 9.70648 14.735 9.38448 14.735C9.05781 14.735 8.80115 14.8283 8.61448 15.015C8.43248 15.2017 8.34148 15.4863 8.34148 15.869V18.9H7.44548V15.876C7.44548 15.4327 7.52948 15.0663 7.69748 14.777C7.87015 14.4877 8.10115 14.2707 8.39048 14.126zM12.5181 18.9V14H13.4141V17.381L14.7791 14.7H15.4861L16.8511 17.381V14H17.7471V18.9H16.6831L15.1431 15.792L13.5821 18.9H12.5181zM18.9778 18.9V14H21.0148C21.5281 14 21.9248 14.126 22.2048 14.378C22.4848 14.63 22.6248 14.9497 22.6248 15.337C22.6248 15.631 22.5338 15.8877 22.3518 16.107C22.1698 16.331 21.9388 16.471 21.6588 16.527C21.8968 16.5923 22.0975 16.716 22.2608 16.898C22.4288 17.0847 22.5128 17.332 22.5128 17.64C22.5128 18.0087 22.3775 18.3097 22.1068 18.543C21.8408 18.781 21.4535 18.9 20.9448 18.9H18.9778zM20.8118 16.842H19.8738V18.179H20.7978C21.0638 18.179 21.2621 18.1183 21.3928 17.997C21.5281 17.8803 21.5958 17.7193 21.5958 17.514C21.5958 17.2993 21.5281 17.1337 21.3928 17.017C21.2575 16.9003 21.0638 16.842 20.8118 16.842zM20.8748 14.728H19.8738V16.17H20.8608C21.1221 16.17 21.3298 16.1047 21.4838 15.974C21.6378 15.8433 21.7148 15.6637 21.7148 15.435C21.7148 15.211 21.6402 15.036 21.4908 14.91C21.3461 14.7887 21.1408 14.728 20.8748 14.728zM23.6738 18.9V14H24.5698V18.9H23.6738zM26.9405 18.179V14H27.8365V18.179H29.2715V18.9H25.5125V18.179H26.9405z" />
|
||||
<glyph glyph-name="checkbox"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M13.3333 9.336L6.66667 16.0027L8.55067 17.888L13.3333 13.1067L23.448 23.22134L25.3333 21.336L13.3333 9.336zM25.3333 28.00267H6.66667C5.192 28.00267 4 26.80934 4 25.336V6.6693C4 5.196 5.192 4.0027 6.66667 4.0027H25.3333C26.0406 4.0027 26.7189 4.2836 27.219 4.7837C27.719 5.2838 28 5.9621 28 6.6693V25.336C28 26.04325 27.719 26.72152 27.219 27.22162C26.7189 27.72172 26.0406 28.00267 25.3333 28.00267z" />
|
||||
<glyph glyph-name="collapse"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M25.4286 4H6.57143C5.15125 4 4 5.1512 4 6.5714V25.42857C4 26.84875 5.15125 28 6.57143 28H25.4286C26.8488 28 28 26.84875 28 25.42857V6.5714C28 5.1512 26.8488 4 25.4286 4zM17.9026 23.04545L11.3117 16.4546C11.0607 16.2035 11.0607 15.7965 11.3117 15.5454L17.9025 8.9546C18.3075 8.5496 18.9999 8.8364 18.9999 9.4091V22.59084C19 23.16357 18.3075 23.45039 17.9026 23.04545z" />
|
||||
<glyph glyph-name="datepicker"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M23.5 27.75C23.5 26.92157 24.1716 26.25 25 26.25H26C27.1046 26.25 28 25.35457 28 24.25V5.75C28 4.6454 27.1046 3.75 26 3.75H6C4.89543 3.75 4 4.6454 4 5.75V24.25C4 25.35457 4.89543 26.25 6 26.25H7C7.82843 26.25 8.5 26.92157 8.5 27.75C8.5 28.365 8.725 28.89 9.16 29.34C9.595 29.775 10.135 30 10.75 30C11.365 30 11.905 29.775 12.34 29.34C12.775 28.89 13 28.365 13 27.75C13 26.92157 13.6716 26.25 14.5 26.25H17.5C18.3284 26.25 19 26.92157 19 27.75C19 28.365 19.225 28.89 19.66 29.34C20.095 29.775 20.635 30 21.25 30C21.865 30 22.405 29.775 22.84 29.34C23.275 28.89 23.5 28.365 23.5 27.75zM10 27.75V24C9.99817 23.901 10.0163 23.80266 10.0534 23.71083C10.0904 23.61901 10.1456 23.5356 10.2156 23.46559C10.2856 23.39558 10.369 23.3404 10.4608 23.30336C10.5527 23.26632 10.651 23.24817 10.75 23.25C10.849 23.24817 10.9473 23.26632 11.0392 23.30336C11.131 23.3404 11.2144 23.39558 11.2844 23.46559C11.3544 23.5356 11.4096 23.61901 11.4466 23.71083C11.4837 23.80266 11.5018 23.901 11.5 24V27.75C11.5 27.96 11.425 28.14 11.275 28.275C11.14 28.425 10.96 28.5 10.75 28.5C10.54 28.5 10.36 28.425 10.225 28.275C10.075 28.14 10 27.96 10 27.75zM20.5 27.75V24C20.5 23.79 20.575 23.61 20.71 23.46C20.86 23.325 21.04 23.25 21.25 23.25C21.46 23.25 21.64 23.325 21.79 23.46C21.925 23.61 22 23.79 22 24V27.75C22.0018 27.849 21.9837 27.94734 21.9466 28.03917C21.9096 28.13099 21.8544 28.2144 21.7844 28.28441C21.7144 28.35442 21.631 28.4096 21.5392 28.44664C21.4473 28.48368 21.349 28.50183 21.25 28.5C21.151 28.50183 21.0527 28.48368 20.9608 28.44664C20.869 28.4096 20.7856 28.35442 20.7156 28.28441C20.6456 28.2144 20.5904 28.13099 20.5534 28.03917C20.5163 27.94734 20.4982 27.849 20.5 27.75zM24.5 5.25C25.6046 5.25 26.5 6.1454 26.5 7.25V18.25C26.5 19.3546 25.6046 20.25 24.5 20.25H7.5C6.39543 20.25 5.5 19.3546 5.5 18.25V7.25C5.5 6.1454 6.39543 5.25 7.5 5.25H24.5zM10 18.75C10.8284 18.75 11.5 18.0784 11.5 17.25C11.5 16.4216 10.8284 15.75 10 15.75C9.17157 15.75 8.5 16.4216 8.5 17.25C8.5 18.0784 9.17157 18.75 10 18.75zM14.5 17.25C14.5 18.0784 15.1716 18.75 16 18.75C16.8284 18.75 17.5 18.0784 17.5 17.25C17.5 16.4216 16.8284 15.75 16 15.75C15.1716 15.75 14.5 16.4216 14.5 17.25zM22 15.75C21.1716 15.75 20.5 16.4216 20.5 17.25C20.5 18.0784 21.1716 18.75 22 18.75C22.8284 18.75 23.5 18.0784 23.5 17.25C23.5 16.4216 22.8284 15.75 22 15.75zM10 14.25C10.8284 14.25 11.5 13.5784 11.5 12.75C11.5 11.9216 10.8284 11.25 10 11.25C9.17157 11.25 8.5 11.9216 8.5 12.75C8.5 13.5784 9.17157 14.25 10 14.25zM14.5 12.75C14.5 13.5784 15.1716 14.25 16 14.25C16.8284 14.25 17.5 13.5784 17.5 12.75C17.5 11.9216 16.8284 11.25 16 11.25C15.1716 11.25 14.5 11.9216 14.5 12.75zM22 11.25C21.1716 11.25 20.5 11.9216 20.5 12.75C20.5 13.5784 21.1716 14.25 22 14.25C22.8284 14.25 23.5 13.5784 23.5 12.75C23.5 11.9216 22.8284 11.25 22 11.25zM10 9.75C10.8284 9.75 11.5 9.0784 11.5 8.25C11.5 7.4216 10.8284 6.75 10 6.75C9.17157 6.75 8.5 7.4216 8.5 8.25C8.5 9.0784 9.17157 9.75 10 9.75zM17.5 8.25C17.5 7.4216 16.8284 6.75 16 6.75C15.1716 6.75 14.5 7.4216 14.5 8.25C14.5 9.0784 15.1716 9.75 16 9.75C16.8284 9.75 17.5 9.0784 17.5 8.25zM23.5 8.25C23.5 7.4216 22.8284 6.75 22 6.75C21.1716 6.75 20.5 7.4216 20.5 8.25C20.5 9.0784 21.1716 9.75 22 9.75C22.8284 9.75 23.5 9.0784 23.5 8.25z" />
|
||||
<glyph glyph-name="dropdown"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M30 24C31.2 24 32 23.2 32 22V10C32 8.8 31.2 8 30 8H2C0.8 8 0 8.8 0 10V22C0 23.2 0.8 24 2 24H30zM23.7441 13.7161C23.8253 13.683 23.9123 13.6662 24 13.6667C24.1693 13.669 24.3314 13.7358 24.4533 13.8533L27.12 16.4267C27.1907 16.485 27.2487 16.5574 27.2902 16.6392C27.3317 16.7209 27.3559 16.8104 27.3612 16.902C27.3666 16.9935 27.353 17.0852 27.3213 17.1713C27.2896 17.2573 27.2405 17.3359 27.177 17.4021C27.1136 17.4684 27.0371 17.5208 26.9525 17.5561C26.8679 17.5914 26.7768 17.6089 26.6851 17.6075C26.5934 17.606 26.503 17.5856 26.4195 17.5477C26.3361 17.5097 26.2613 17.4549 26.2 17.3867L24 15.2667L21.8067 17.4733C21.7445 17.5355 21.6707 17.5848 21.5895 17.6184C21.5083 17.6521 21.4212 17.6694 21.3333 17.6694C21.2454 17.6694 21.1584 17.6521 21.0772 17.6184C20.996 17.5848 20.9222 17.5355 20.86 17.4733C20.7978 17.4112 20.7485 17.3374 20.7149 17.2562C20.6813 17.1749 20.6639 17.0879 20.6639 17C20.6639 16.9121 20.6813 16.825 20.7149 16.7438C20.7485 16.6626 20.7978 16.5888 20.86 16.5267L23.5267 13.86C23.589 13.7982 23.6628 13.7493 23.7441 13.7161z" />
|
||||
<glyph glyph-name="file upload"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M24.575 17.9533C24.1831 19.9393 23.1139 21.7277 21.5499 23.01288C19.9859 24.29809 18.0243 25.00046 16 25C12.6283 25 9.7 23.08667 8.24167 20.2867C6.52694 20.1014 4.94117 19.2889 3.78907 18.0055C2.63697 16.722 1.9998 15.058 2 13.3333C2 9.4717 5.13833 6.3333 9 6.3333H24.1667C27.3867 6.3333 30 8.9467 30 12.1667C30 15.2467 27.6083 17.7433 24.575 17.9533zM18.3333 14.5V9.8333H13.6667V14.5H10.1667L15.5917 19.925C15.825 20.1583 16.1867 20.1583 16.42 19.925L21.8333 14.5H18.3333z" />
|
||||
<glyph glyph-name="image"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M28 6.6667V25.33333C28 26.8 26.8 28 25.3333 28H6.66667C5.2 28 4 26.8 4 25.33333V6.6667C4 5.2 5.2 4 6.66667 4H25.3333C26.8 4 28 5.2 28 6.6667zM11.3333 14L14.6667 9.9867L19.3333 16L25.3333 8H6.66667L11.3333 14z" />
|
||||
<glyph glyph-name="input"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M32 22C32 23.2 31.2 24 30 24H2C0.8 24 0 23.2 0 22V10C0 8.8 0.8 8 2 8H30C31.2 8 32 8.8 32 10V22zM30 10H2V22H30V10z M4 20H6V12H4V20z" />
|
||||
<glyph glyph-name="location picker"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M16 29.336C20.416 29.336 24 25.784 24 21.4027C24 15.452 16 6.6693 16 6.6693C16 6.6693 8.00001 15.452 8.00001 21.4027C8.00001 25.784 11.5813 29.336 16 29.336zM16 24C15.2928 24 14.6145 23.71905 14.1144 23.21895C13.6143 22.71885 13.3333 22.04058 13.3333 21.3333C13.3333 20.6261 13.6143 19.9478 14.1144 19.4477C14.6145 18.9476 15.2928 18.6667 16 18.6667C16.7073 18.6667 17.3855 18.9476 17.8856 19.4477C18.3857 19.9478 18.6667 20.6261 18.6667 21.3333C18.6667 22.04058 18.3857 22.71885 17.8856 23.21895C17.3855 23.71905 16.7073 24 16 24zM26.6667 6.6667C26.6667 3.72 21.8907 1.3333 16 1.3333C10.1093 1.3333 5.33334 3.72 5.33334 6.6667C5.33334 8.3853 6.96001 9.9133 9.48401 10.8893L10.328 9.684C8.88801 9.08 8.00001 8.2507 8.00001 7.3333C8.00001 5.4933 11.5813 4 16 4C20.4187 4 24 5.4933 24 7.3333C24 8.2507 23.1107 9.08 21.672 9.684L22.516 10.8893C25.0413 9.9133 26.6667 8.3853 26.6667 6.6667z" />
|
||||
<glyph glyph-name="modal"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M8.5 17.75C8.5 18.1642 8.83579 18.5 9.25 18.5H10.75C11.1642 18.5 11.5 18.1642 11.5 17.75C11.5 17.3358 11.1642 17 10.75 17H9.25C8.83579 17 8.5 17.3358 8.5 17.75z M13 17.75C13 18.1642 13.3358 18.5 13.75 18.5H22.75C23.1642 18.5 23.5 18.1642 23.5 17.75C23.5 17.3358 23.1642 17 22.75 17H13.75C13.3358 17 13 17.3358 13 17.75z M8.5 14.75C8.5 15.1642 8.83579 15.5 9.25 15.5H10.75C11.1642 15.5 11.5 15.1642 11.5 14.75C11.5 14.3358 11.1642 14 10.75 14H9.25C8.83579 14 8.5 14.3358 8.5 14.75z M13 14.75C13 15.1642 13.3358 15.5 13.75 15.5H22.75C23.1642 15.5 23.5 15.1642 23.5 14.75C23.5 14.3358 23.1642 14 22.75 14H13.75C13.3358 14 13 14.3358 13 14.75z M8.5 11.75C8.5 12.1642 8.83579 12.5 9.25 12.5H10.75C11.1642 12.5 11.5 12.1642 11.5 11.75C11.5 11.3358 11.1642 11 10.75 11H9.25C8.83579 11 8.5 11.3358 8.5 11.75z M13 11.75C13 12.1642 13.3358 12.5 13.75 12.5H22.75C23.1642 12.5 23.5 12.1642 23.5 11.75C23.5 11.3358 23.1642 11 22.75 11H13.75C13.3358 11 13 11.3358 13 11.75z M5 26C4.44772 26 4 25.55228 4 25V6C4 5.4477 4.44772 5 5 5H27C27.5523 5 28 5.4477 28 6V25C28 25.55228 27.5523 26 27 26H5zM26.5 7.5C26.5 6.9477 26.0523 6.5 25.5 6.5H6.5C5.94772 6.5 5.5 6.9477 5.5 7.5V20.5C5.5 21.0523 5.94772 21.5 6.5 21.5H25.5C26.0523 21.5 26.5 21.0523 26.5 20.5V7.5zM26.5 23.75C26.5 23.33579 26.1642 23 25.75 23C25.3358 23 25 23.33579 25 23.75C25 24.16421 25.3358 24.5 25.75 24.5C26.1642 24.5 26.5 24.16421 26.5 23.75z" />
|
||||
<glyph glyph-name="radio"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M15 23.5C11.412 23.5 8.5 20.588 8.5 17C8.5 13.412 11.412 10.5 15 10.5C18.588 10.5 21.5 13.412 21.5 17C21.5 20.588 18.588 23.5 15 23.5zM15 30C7.824 30 2 24.176 2 17C2 9.824 7.824 4 15 4C22.176 4 28 9.824 28 17C28 24.176 22.176 30 15 30zM15 6.6C9.254 6.6 4.6 11.254 4.6 17C4.6 22.746 9.254 27.4 15 27.4C20.746 27.4 25.4 22.746 25.4 17C25.4 11.254 20.746 6.6 15 6.6z" />
|
||||
<glyph glyph-name="rich text"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M16 15.3333V24.66667C16 25.4 15.4 26 14.6667 26H5.33333C4.6 26 4 25.4 4 24.66667V15.3333C4 14.6 4.6 14 5.33333 14H14.6667C15.4 14 16 14.6 16 15.3333zM6.9029 18.018C7.29516 18.5223 8.0533 18.5345 8.46152 18.043L8.53761 17.9514C8.94611 17.4595 9.7049 17.4721 10.0969 17.9772L10.8631 18.9645C11.2676 19.4858 12.0572 19.4793 12.4531 18.9514L13.4667 17.6C13.9611 16.9408 13.4907 16 12.6667 16H7.37797C6.54582 16 6.07773 16.9571 6.58862 17.6139L6.9029 18.018z M28 11C28 10.4477 27.5523 10 27 10H5C4.44772 10 4 10.4477 4 11C4 11.5523 4.44772 12 5 12H27C27.5523 12 28 11.5523 28 11z M28 7C28 6.4477 27.5523 6 27 6H5C4.44772 6 4 6.4477 4 7C4 7.5523 4.44772 8 5 8H27C27.5523 8 28 7.5523 28 7z M28 24C28 23.44772 27.5523 23 27 23H20C19.4477 23 19 23.44772 19 24C19 24.55228 19.4477 25 20 25H27C27.5523 25 28 24.55228 28 24z M28 20C28 19.4477 27.5523 19 27 19H20C19.4477 19 19 19.4477 19 20C19 20.5523 19.4477 21 20 21H27C27.5523 21 28 20.5523 28 20z M28 16C28 15.4477 27.5523 15 27 15H20C19.4477 15 19 15.4477 19 16C19 16.5523 19.4477 17 20 17H27C27.5523 17 28 16.5523 28 16z" />
|
||||
<glyph glyph-name="switch"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M20.2 26H11.8C10.513 26 9.23869 25.74652 8.0497 25.25402C6.86071 24.76152 5.78037 24.03966 4.87035 23.12965C3.96034 22.21963 3.23848 21.1393 2.74598 19.9503C2.25348 18.7613 2 17.487 2 16.2C2 14.913 2.25348 13.6387 2.74598 12.4497C3.23848 11.2607 3.96034 10.1804 4.87035 9.2704C5.78037 8.3603 6.86071 7.6385 8.0497 7.146C9.23869 6.6535 10.513 6.4 11.8 6.4H20.2C21.487 6.4 22.7613 6.6535 23.9503 7.146C25.1393 7.6385 26.2196 8.3603 27.1296 9.2704C28.0397 10.1804 28.7615 11.2607 29.254 12.4497C29.7465 13.6387 30 14.913 30 16.2C30 17.487 29.7465 18.7613 29.254 19.9503C28.7615 21.1393 28.0397 22.21963 27.1296 23.12965C26.2196 24.03966 25.1393 24.76152 23.9503 25.25402C22.7613 25.74652 21.487 26 20.2 26zM20.2 9.2C18.3433 9.2002 16.5627 9.9379 15.25 11.251C13.9372 12.564 13.1998 14.3447 13.2 16.2014C13.2002 18.0581 13.9379 19.8387 15.251 21.1514C16.564 22.46419 18.3447 23.20159 20.2014 23.2014C21.1207 23.20131 22.0311 23.02014 22.8804 22.66824C23.7297 22.31633 24.5014 21.8006 25.1514 21.1504C25.8014 20.5003 26.317 19.7285 26.6688 18.8791C27.0205 18.0297 27.2015 17.1193 27.2014 16.2C27.2013 15.2807 27.0201 14.3703 26.6682 13.521C26.3163 12.6717 25.8006 11.9 25.1504 11.25C24.5003 10.6 23.7285 10.0844 22.8791 9.7326C22.0297 9.3809 21.1193 9.1999 20.2 9.2z" />
|
||||
<glyph glyph-name="table"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M6.39998 27H25.6C26.2365 27 26.847 26.74714 27.297 26.29706C27.7471 25.84697 28 25.23652 28 24.6V6.6C28 5.9635 27.7471 5.353 27.297 4.9029C26.847 4.4529 26.2365 4.2 25.6 4.2H6.39998C5.76347 4.2 5.15302 4.4529 4.70293 4.9029C4.25284 5.353 3.99998 5.9635 3.99998 6.6V24.6C3.99998 25.23652 4.25284 25.84697 4.70293 26.29706C5.15302 26.74714 5.76347 27 6.39998 27zM6.39998 22.2V18.6H11.2V22.2H6.39998zM13.6 22.2V18.6H18.4V22.2H13.6zM25.6 18.6V22.2H20.8V18.6H25.6zM6.39998 16.2V12.6H11.2V16.2H6.39998zM6.39998 6.6H11.2V10.2H6.39998V6.6zM13.6 16.2V12.6H18.4V16.2H13.6zM13.6 6.6H18.4V10.2H13.6V6.6zM25.6 6.6V10.2H20.8V6.6H25.6zM25.6 16.2H20.8V12.6H25.6V16.2z" />
|
||||
<glyph glyph-name="tabs"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M26.5 22C25.6716 22 25 22.67157 25 23.5C25 24.32843 24.3284 25 23.5 25H6C4.89543 25 4 24.10457 4 23V9C4 7.8954 4.89543 7 6 7H26C27.1046 7 28 7.8954 28 9V20.5C28 21.3284 27.3284 22 26.5 22zM19 22.75C19 23.16421 19.3358 23.5 19.75 23.5H22.75C23.1642 23.5 23.5 23.16421 23.5 22.75C23.5 22.33579 23.1642 22 22.75 22H19.75C19.3358 22 19 22.33579 19 22.75zM13 22.75C13 23.16421 13.3358 23.5 13.75 23.5H16.75C17.1642 23.5 17.5 23.16421 17.5 22.75C17.5 22.33579 17.1642 22 16.75 22H13.75C13.3358 22 13 22.33579 13 22.75zM26.5 10.5C26.5 9.3954 25.6046 8.5 24.5 8.5H7.5C6.39543 8.5 5.5 9.3954 5.5 10.5V21.5C5.5 22.60457 6.39543 23.5 7.5 23.5H10C10.8284 23.5 11.5 22.82843 11.5 22C11.5 21.1716 12.1716 20.5 13 20.5H24.5C25.6046 20.5 26.5 19.6046 26.5 18.5V10.5z" />
|
||||
<glyph glyph-name="text"
|
||||
unicode=""
|
||||
horiz-adv-x="32" d=" M5.00003 25C4.44775 25 4.00003 24.55228 4.00003 24V22.21053C4.00003 21.6582 4.44775 21.2105 5.00003 21.2105H9.31582C9.86811 21.2105 10.3158 20.7628 10.3158 20.2105V7.0526C10.3158 6.5003 10.7635 6.0526 11.3158 6.0526H13.1053C13.6576 6.0526 14.1053 6.5003 14.1053 7.0526V20.2105C14.1053 20.7628 14.553 21.2105 15.1053 21.2105H19.4211C19.9734 21.2105 20.4211 21.6582 20.4211 22.21053V24C20.4211 24.55228 19.9734 25 19.4211 25H5.00003zM28 17.6842C28 18.2365 27.5523 18.6842 27 18.6842H17.6316C17.0793 18.6842 16.6316 18.2365 16.6316 17.6842V15.8947C16.6316 15.3425 17.0793 14.8947 17.6316 14.8947H19.4211C19.9734 14.8947 20.4211 14.447 20.4211 13.8947V7.0526C20.4211 6.5003 20.8688 6.0526 21.4211 6.0526H23.2106C23.7628 6.0526 24.2106 6.5003 24.2106 7.0526V13.8947C24.2106 14.447 24.6583 14.8947 25.2106 14.8947H27C27.5523 14.8947 28 15.3425 28 15.8947V17.6842z" />
|
||||
</font>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 832 B After Width: | Height: | Size: 832 B |
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 549 B After Width: | Height: | Size: 549 B |
|
Before Width: | Height: | Size: 516 B After Width: | Height: | Size: 516 B |
3
app/client/src/assets/icons/widget/container.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="1" y="1" width="22" height="22" stroke="white" stroke-width="2" stroke-dasharray="3 1"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 201 B |
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 623 B After Width: | Height: | Size: 623 B |
3
app/client/src/assets/icons/widget/file-upload.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M24.575 14.0467C24.1831 12.0607 23.1139 10.2723 21.5499 8.98712C19.9859 7.70191 18.0243 6.99954 16 7C12.6283 7 9.7 8.91333 8.24167 11.7133C6.52694 11.8986 4.94117 12.7111 3.78907 13.9945C2.63697 15.278 1.9998 16.942 2 18.6667C2 22.5283 5.13833 25.6667 9 25.6667H24.1667C27.3867 25.6667 30 23.0533 30 19.8333C30 16.7533 27.6083 14.2567 24.575 14.0467ZM18.3333 17.5V22.1667H13.6667V17.5H10.1667L15.5917 12.075C15.825 11.8417 16.1867 11.8417 16.42 12.075L21.8333 17.5H18.3333Z" fill="#F2FAFF" fill-opacity="0.9"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 623 B |
|
Before Width: | Height: | Size: 361 B After Width: | Height: | Size: 361 B |
|
Before Width: | Height: | Size: 326 B After Width: | Height: | Size: 326 B |
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
3
app/client/src/assets/icons/widget/location-picker.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16 2.664C20.416 2.664 24 6.216 24 10.5973C24 16.548 16 25.3307 16 25.3307C16 25.3307 8.00001 16.548 8.00001 10.5973C8.00001 6.216 11.5813 2.664 16 2.664ZM16 8C15.2928 8 14.6145 8.28095 14.1144 8.78105C13.6143 9.28115 13.3333 9.95942 13.3333 10.6667C13.3333 11.3739 13.6143 12.0522 14.1144 12.5523C14.6145 13.0524 15.2928 13.3333 16 13.3333C16.7073 13.3333 17.3855 13.0524 17.8856 12.5523C18.3857 12.0522 18.6667 11.3739 18.6667 10.6667C18.6667 9.95942 18.3857 9.28115 17.8856 8.78105C17.3855 8.28095 16.7073 8 16 8ZM26.6667 25.3333C26.6667 28.28 21.8907 30.6667 16 30.6667C10.1093 30.6667 5.33334 28.28 5.33334 25.3333C5.33334 23.6147 6.96001 22.0867 9.48401 21.1107L10.328 22.316C8.88801 22.92 8.00001 23.7493 8.00001 24.6667C8.00001 26.5067 11.5813 28 16 28C20.4187 28 24 26.5067 24 24.6667C24 23.7493 23.1107 22.92 21.672 22.316L22.516 21.1107C25.0413 22.0867 26.6667 23.6147 26.6667 25.3333Z" fill="#F2FAFF" fill-opacity="0.9"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
4
app/client/src/assets/icons/widget/plus.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
||||
<path d="M0 0h24v24H0z" fill="none"/>
|
||||
<path d="M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 307 B |
|
Before Width: | Height: | Size: 507 B After Width: | Height: | Size: 507 B |
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
8
app/client/src/assets/icons/widget/rich-text.svg
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16 16.6667V7.33333C16 6.6 15.4 6 14.6667 6H5.33333C4.6 6 4 6.6 4 7.33333V16.6667C4 17.4 4.6 18 5.33333 18H14.6667C15.4 18 16 17.4 16 16.6667ZM6.9029 13.982C7.29516 13.4777 8.0533 13.4655 8.46152 13.957L8.53761 14.0486C8.94611 14.5405 9.7049 14.5279 10.0969 14.0228L10.8631 13.0355C11.2676 12.5142 12.0572 12.5207 12.4531 13.0486L13.4667 14.4C13.9611 15.0592 13.4907 16 12.6667 16H7.37797C6.54582 16 6.07773 15.0429 6.58862 14.3861L6.9029 13.982Z" fill="#F2FAFF" fill-opacity="0.9"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M28 21C28 21.5523 27.5523 22 27 22H5C4.44772 22 4 21.5523 4 21C4 20.4477 4.44772 20 5 20H27C27.5523 20 28 20.4477 28 21Z" fill="#F2FAFF" fill-opacity="0.9"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M28 25C28 25.5523 27.5523 26 27 26H5C4.44772 26 4 25.5523 4 25C4 24.4477 4.44772 24 5 24H27C27.5523 24 28 24.4477 28 25Z" fill="#F2FAFF" fill-opacity="0.9"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M28 8C28 8.55228 27.5523 9 27 9H20C19.4477 9 19 8.55228 19 8C19 7.44772 19.4477 7 20 7H27C27.5523 7 28 7.44772 28 8Z" fill="#F2FAFF" fill-opacity="0.9"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M28 12C28 12.5523 27.5523 13 27 13H20C19.4477 13 19 12.5523 19 12C19 11.4477 19.4477 11 20 11H27C27.5523 11 28 11.4477 28 12Z" fill="#F2FAFF" fill-opacity="0.9"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M28 16C28 16.5523 27.5523 17 27 17H20C19.4477 17 19 16.5523 19 16C19 15.4477 19.4477 15 20 15H27C27.5523 15 28 15.4477 28 16Z" fill="#F2FAFF" fill-opacity="0.9"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 801 B After Width: | Height: | Size: 801 B |
|
Before Width: | Height: | Size: 879 B After Width: | Height: | Size: 879 B |
|
Before Width: | Height: | Size: 1011 B After Width: | Height: | Size: 1011 B |
|
|
@ -1,6 +1,5 @@
|
|||
// import ContainerWidget from "../widgets/ContainerWidget"
|
||||
import { WidgetProps, WidgetCardProps } from "../widgets/BaseWidget";
|
||||
import { ExecuteActionResponse } from "../api/ActionAPI";
|
||||
|
||||
export type ReduxActionType =
|
||||
| "LOAD_CANVAS_WIDGETS"
|
||||
|
|
|
|||
|
|
@ -1,9 +1,6 @@
|
|||
import { ComponentProps } from "./BaseComponent";
|
||||
import { ContainerOrientation } from "../constants/WidgetConstants";
|
||||
import styled from "../constants/DefaultTheme";
|
||||
import { useDrop } from "react-dnd";
|
||||
import { WidgetTypes } from "../constants/WidgetConstants";
|
||||
import { DraggableWidget } from "../widgets/BaseWidget";
|
||||
import React from "react";
|
||||
|
||||
export const Container = styled("div")<ContainerProps>`
|
||||
|
|
@ -28,21 +25,7 @@ export const Container = styled("div")<ContainerProps>`
|
|||
}};
|
||||
`;
|
||||
const ContainerComponent = (props: ContainerProps) => {
|
||||
const addWidgetFn = props.addWidget;
|
||||
const [, drop] = useDrop({
|
||||
accept: Object.values(WidgetTypes),
|
||||
drop(item: DraggableWidget, monitor) {
|
||||
if (addWidgetFn && monitor.isOver({ shallow: true })) {
|
||||
addWidgetFn(item.type);
|
||||
}
|
||||
return undefined;
|
||||
},
|
||||
});
|
||||
return (
|
||||
<Container ref={drop} {...props}>
|
||||
{props.children}
|
||||
</Container>
|
||||
);
|
||||
return <Container {...props}>{props.children}</Container>;
|
||||
};
|
||||
|
||||
export interface ContainerProps extends ComponentProps {
|
||||
|
|
|
|||
|
|
@ -1,43 +0,0 @@
|
|||
import * as React from "react";
|
||||
import { ComponentProps } from "./BaseComponent";
|
||||
import { IconName, InputGroup, Intent } from "@blueprintjs/core";
|
||||
import { Container } from "./ContainerComponent";
|
||||
class InputGroupComponent extends React.Component<InputGroupComponentProps> {
|
||||
render() {
|
||||
return (
|
||||
<Container {...this.props}>
|
||||
<InputGroup
|
||||
className={this.props.className}
|
||||
disabled={this.props.disabled}
|
||||
large={this.props.large}
|
||||
leftIcon={this.props.leftIcon}
|
||||
placeholder={this.props.placeholder}
|
||||
rightElement={this.props.rightElement}
|
||||
round={this.props.round}
|
||||
small={this.props.small}
|
||||
value={this.props.value}
|
||||
intent={this.props.intent}
|
||||
defaultValue={this.props.defaultValue}
|
||||
type={this.props.type}
|
||||
/>
|
||||
</Container>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export interface InputGroupComponentProps extends ComponentProps {
|
||||
className?: string;
|
||||
disabled?: boolean;
|
||||
large?: boolean;
|
||||
intent?: Intent;
|
||||
defaultValue?: string;
|
||||
leftIcon?: IconName;
|
||||
rightElement?: JSX.Element;
|
||||
round?: boolean;
|
||||
small?: boolean;
|
||||
type?: string;
|
||||
value?: string;
|
||||
placeholder?: string;
|
||||
}
|
||||
|
||||
export default InputGroupComponent;
|
||||
|
|
@ -17,6 +17,7 @@ import { rootSaga } from "./sagas";
|
|||
import { DndProvider } from "react-dnd";
|
||||
import HTML5Backend from "react-dnd-html5-backend";
|
||||
import { appInitializer } from "./utils/AppsmithUtils";
|
||||
import ProtectedRoute from "./pages/common/ProtectedRoute";
|
||||
|
||||
appInitializer();
|
||||
WidgetBuilderRegistry.registerWidgetBuilders();
|
||||
|
|
@ -30,7 +31,7 @@ ReactDOM.render(
|
|||
<BrowserRouter>
|
||||
<Switch>
|
||||
<Route exact path="/" component={App} />
|
||||
<Route path="/builder" component={Editor} />
|
||||
<ProtectedRoute path="/builder" component={Editor} />
|
||||
<Route exact path="/login" component={LoginPage} />
|
||||
<Route component={PageNotFound} />
|
||||
</Switch>
|
||||
|
|
|
|||
|
|
@ -1,51 +1,108 @@
|
|||
import { WidgetCardsPaneReduxState } from "../reducers/uiReducers/widgetCardsPaneReducer";
|
||||
import { generateReactKey } from "../utils/generators";
|
||||
|
||||
const WidgetCardsPaneResponse: WidgetCardsPaneReduxState = {
|
||||
cards: {
|
||||
common: [
|
||||
{
|
||||
widgetType: "TEXT_WIDGET",
|
||||
icon: "icon-text",
|
||||
label: "Container",
|
||||
icon: "icon-plus",
|
||||
label: "Text",
|
||||
key: generateReactKey(),
|
||||
},
|
||||
{
|
||||
widgetType: "CHECKBOX_WIDGET",
|
||||
icon: "icon-checkbox",
|
||||
label: "Container",
|
||||
},
|
||||
{
|
||||
widgetType: "RADIO_GROUP_WIDGET",
|
||||
icon: "icon-radio",
|
||||
label: "Container",
|
||||
widgetType: "IMAGE_WIDGET",
|
||||
icon: "icon-image",
|
||||
label: "Image",
|
||||
key: generateReactKey(),
|
||||
},
|
||||
{
|
||||
widgetType: "BUTTON_WIDGET",
|
||||
icon: "icon-button",
|
||||
label: "Button",
|
||||
key: generateReactKey(),
|
||||
},
|
||||
{
|
||||
widgetType: "SPINNER_WIDGET",
|
||||
icon: "icon-switch",
|
||||
label: "Spinner",
|
||||
key: generateReactKey(),
|
||||
},
|
||||
{
|
||||
widgetType: "CONTAINER_WIDGET",
|
||||
icon: "icon-modal",
|
||||
icon: "icon-container",
|
||||
label: "Container",
|
||||
key: generateReactKey(),
|
||||
},
|
||||
],
|
||||
form: [
|
||||
{
|
||||
widgetType: "BUTTON_WIDGET",
|
||||
icon: "appsmith-widget-button",
|
||||
icon: "icon-button",
|
||||
label: "Button",
|
||||
key: generateReactKey(),
|
||||
},
|
||||
{
|
||||
widgetType: "BUTTON_WIDGET",
|
||||
icon: "icon-button",
|
||||
label: "Button",
|
||||
key: generateReactKey(),
|
||||
},
|
||||
{
|
||||
widgetType: "DROP_DOWN_WIDGET",
|
||||
icon: "icon-dropdown",
|
||||
label: "Dropdown",
|
||||
key: generateReactKey(),
|
||||
},
|
||||
{
|
||||
widgetType: "DATE_PICKER_WIDGET",
|
||||
icon: "icon-datepicker",
|
||||
label: "DatePicker",
|
||||
key: generateReactKey(),
|
||||
},
|
||||
{
|
||||
widgetType: "RADIO_GROUP_WIDGET",
|
||||
icon: "icon-radio",
|
||||
label: "Radio Button",
|
||||
key: generateReactKey(),
|
||||
},
|
||||
{
|
||||
widgetType: "SWITCH_WIDGET",
|
||||
icon: "icon-switch",
|
||||
label: "Toggle",
|
||||
key: generateReactKey(),
|
||||
},
|
||||
],
|
||||
view: [
|
||||
{
|
||||
widgetType: "BUTTON_WIDGET",
|
||||
icon: "appsmith-widget-button",
|
||||
label: "Button",
|
||||
widgetType: "TEXT_WIDGET",
|
||||
icon: "icon-text",
|
||||
label: "Text",
|
||||
key: generateReactKey(),
|
||||
},
|
||||
{
|
||||
widgetType: "IMAGE_WIDGET",
|
||||
icon: "icon-image",
|
||||
label: "Image",
|
||||
key: generateReactKey(),
|
||||
},
|
||||
{
|
||||
widgetType: "CONTAINER_WIDGET",
|
||||
icon: "icon-container",
|
||||
label: "Container",
|
||||
key: generateReactKey(),
|
||||
},
|
||||
{
|
||||
widgetType: "SPINNER_WIDGET",
|
||||
icon: "icon-spinner",
|
||||
label: "Spinner",
|
||||
key: generateReactKey(),
|
||||
},
|
||||
{
|
||||
widgetType: "TABLE_WIDGET",
|
||||
icon: "icon-table",
|
||||
label: "Table",
|
||||
key: generateReactKey(),
|
||||
},
|
||||
],
|
||||
},
|
||||
|
|
|
|||
|
|
@ -1,46 +1,15 @@
|
|||
import React, { MutableRefObject, useLayoutEffect } from "react";
|
||||
import React from "react";
|
||||
import styled from "styled-components";
|
||||
import WidgetFactory from "../../utils/WidgetFactory";
|
||||
import { WidgetTypes } from "../../constants/WidgetConstants";
|
||||
import { DraggableWidget } from "../../widgets/BaseWidget";
|
||||
import { useDrop } from "react-dnd";
|
||||
import { ContainerWidgetProps } from "../../widgets/ContainerWidget";
|
||||
import EditorDragLayer from "./EditorDragLayer";
|
||||
|
||||
const ArtBoardBackgroundMask = styled.div`
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
z-index: -10;
|
||||
`;
|
||||
|
||||
const ArtBoard = styled.div<ArtBoardProps>`
|
||||
const ArtBoard = styled.div`
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
transparent,
|
||||
transparent 1px,
|
||||
#ffffff 1px,
|
||||
#ffffff 63px,
|
||||
transparent 63px,
|
||||
transparent 100%
|
||||
),
|
||||
linear-gradient(
|
||||
transparent,
|
||||
transparent 1px,
|
||||
#ffffff 1px,
|
||||
#ffffff 63px,
|
||||
transparent 63px,
|
||||
transparent 100%
|
||||
),
|
||||
black;
|
||||
background-size: 64px 64px;
|
||||
background-position: 0 0;
|
||||
`;
|
||||
|
||||
interface CanvasProps {
|
||||
|
|
@ -48,36 +17,14 @@ interface CanvasProps {
|
|||
addWidget: Function;
|
||||
}
|
||||
|
||||
interface ArtBoardProps {
|
||||
cellSize: string;
|
||||
}
|
||||
|
||||
const Canvas = (props: CanvasProps) => {
|
||||
const [width, setWidth] = React.useState(1);
|
||||
const artBoardMask: MutableRefObject<HTMLDivElement | null> = React.useRef(
|
||||
null,
|
||||
);
|
||||
const [, drop] = useDrop({
|
||||
accept: Object.values(WidgetTypes),
|
||||
drop(item: DraggableWidget) {
|
||||
props.addWidget(item.type, item.key);
|
||||
return undefined;
|
||||
},
|
||||
});
|
||||
|
||||
useLayoutEffect(() => {
|
||||
const el = artBoardMask.current;
|
||||
if (el) {
|
||||
const rect = el.getBoundingClientRect();
|
||||
setWidth(rect.width);
|
||||
}
|
||||
}, [setWidth]);
|
||||
|
||||
return (
|
||||
<React.Fragment>
|
||||
<EditorDragLayer />
|
||||
<ArtBoard ref={drop} cellSize={Math.floor(width / 16) - 1 + "px"}>
|
||||
<ArtBoardBackgroundMask ref={artBoardMask}></ArtBoardBackgroundMask>
|
||||
<ArtBoard ref={drop}>
|
||||
{props.pageWidget && WidgetFactory.createWidget(props.pageWidget)}
|
||||
</ArtBoard>
|
||||
</React.Fragment>
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@ const WidgetCardsPane: React.SFC<WidgetCardPaneProps> = (
|
|||
<h5>{group}</h5>
|
||||
<CardsWrapper>
|
||||
{props.cards[group].map((card: WidgetCardProps) => (
|
||||
<WidgetCard details={card} key={card.widgetType} />
|
||||
<WidgetCard details={card} key={card.key} />
|
||||
))}
|
||||
</CardsWrapper>
|
||||
</React.Fragment>
|
||||
|
|
|
|||
|
|
@ -7,12 +7,10 @@ import { AppState } from "../../reducers";
|
|||
import { EditorReduxState } from "../../reducers/uiReducers/editorReducer";
|
||||
import WidgetCardsPane from "./WidgetCardsPane";
|
||||
import EditorHeader from "./EditorHeader";
|
||||
import { WidgetType } from "../../constants/WidgetConstants";
|
||||
import CanvasWidgetsNormalizer from "../../normalizers/CanvasWidgetsNormalizer";
|
||||
import { ContainerWidgetProps } from "../../widgets/ContainerWidget";
|
||||
import { fetchPage, addWidget } from "../../actions/pageActions";
|
||||
import { RenderModes } from "../../constants/WidgetConstants";
|
||||
// import EditorDragLayer from "./EditorDragLayer"
|
||||
|
||||
const CanvasContainer = styled.section`
|
||||
height: 100%;
|
||||
|
|
@ -56,23 +54,7 @@ class Editor extends Component<EditorProps> {
|
|||
this.props.fetchCanvasWidgets("1");
|
||||
}
|
||||
|
||||
addWidgetToCanvas = (widgetType: WidgetType, key: string): void => {
|
||||
this.props.addPageWidget("1", {
|
||||
key: key,
|
||||
bottomRow: 9,
|
||||
leftColumn: 1,
|
||||
parentColumnSpace: 90,
|
||||
parentRowSpace: 50,
|
||||
renderMode: RenderModes.CANVAS,
|
||||
rightColumn: 3,
|
||||
snapColumns: 20,
|
||||
snapRows: 20,
|
||||
children: [],
|
||||
topRow: 1,
|
||||
widgetId: key,
|
||||
widgetType: widgetType,
|
||||
});
|
||||
};
|
||||
addWidgetToCanvas = (): void => {};
|
||||
|
||||
public render() {
|
||||
return (
|
||||
|
|
|
|||
|
|
@ -11,7 +11,6 @@ const ProtectedRoute = ({
|
|||
path: string;
|
||||
component: React.ReactType;
|
||||
}) => {
|
||||
// let windowDoc: any = window
|
||||
return (
|
||||
<Route
|
||||
{...rest}
|
||||
|
|
|
|||
|
|
@ -1,59 +1,98 @@
|
|||
import CanvasWidgetsNormalizer from "../normalizers/CanvasWidgetsNormalizer"
|
||||
import { ReduxActionTypes, ReduxAction } from "../constants/ReduxActionConstants"
|
||||
import PageApi, { PageResponse, PageRequest } from "../api/PageApi"
|
||||
import { call, put, takeEvery, select, all } from "redux-saga/effects"
|
||||
import { RenderModes } from "../constants/WidgetConstants"
|
||||
import { APIActionPayload, QueryActionPayload, PageAction } from '../constants/ActionConstants';
|
||||
import ActionAPI, { ActionCreatedResponse } from '../api/ActionAPI';
|
||||
import { AppState } from '../reducers';
|
||||
import {JSONPath} from 'jsonpath-plus';
|
||||
import _ from "lodash"
|
||||
import CanvasWidgetsNormalizer from "../normalizers/CanvasWidgetsNormalizer";
|
||||
import {
|
||||
ReduxActionTypes,
|
||||
ReduxAction,
|
||||
} from "../constants/ReduxActionConstants";
|
||||
import PageApi, { PageResponse, PageRequest } from "../api/PageApi";
|
||||
import { call, put, takeEvery, select, all } from "redux-saga/effects";
|
||||
import { RenderModes } from "../constants/WidgetConstants";
|
||||
import {
|
||||
APIActionPayload,
|
||||
QueryActionPayload,
|
||||
PageAction,
|
||||
} from "../constants/ActionConstants";
|
||||
import ActionAPI, { ActionCreatedResponse } from "../api/ActionAPI";
|
||||
import { AppState } from "../reducers";
|
||||
import { JSONPath } from "jsonpath-plus";
|
||||
import _ from "lodash";
|
||||
|
||||
const getDataTree = (state: AppState) => {
|
||||
return state.entities
|
||||
}
|
||||
return state.entities;
|
||||
};
|
||||
|
||||
const getAction = (state: AppState, actionId: string): ActionCreatedResponse => {
|
||||
return state.entities.actions[actionId]
|
||||
}
|
||||
const getAction = (
|
||||
state: AppState,
|
||||
actionId: string,
|
||||
): ActionCreatedResponse => {
|
||||
return state.entities.actions[actionId];
|
||||
};
|
||||
|
||||
export function* evaluateJSONPath(jsonPath: string): any {
|
||||
const dataTree = yield select(getDataTree)
|
||||
const result = JSONPath({path: jsonPath, json: dataTree})
|
||||
return result
|
||||
const dataTree = yield select(getDataTree);
|
||||
const result = JSONPath({ path: jsonPath, json: dataTree });
|
||||
return result;
|
||||
}
|
||||
|
||||
export function* executeAPIAction(apiAction: APIActionPayload) {
|
||||
const api: PageAction = yield select(getAction, apiAction.apiId)
|
||||
const responses: any = yield all(api.dynamicBindings.map((jsonPath: string) => { return call(evaluateJSONPath, jsonPath)}))
|
||||
const dynamicBindingMap: Record<string, any> = _.keyBy(responses, (response: string, index: number) => { return api.dynamicBindings[index] })
|
||||
yield ActionAPI.executeAction({ actionId: apiAction.apiId, dynamicBindingMap: dynamicBindingMap })
|
||||
const api: PageAction = yield select(getAction, apiAction.apiId);
|
||||
const responses: any = yield all(
|
||||
api.dynamicBindings.map((jsonPath: string) => {
|
||||
return call(evaluateJSONPath, jsonPath);
|
||||
}),
|
||||
);
|
||||
const dynamicBindingMap: Record<string, any> = _.keyBy(
|
||||
responses,
|
||||
(response: string, index: number) => {
|
||||
return api.dynamicBindings[index];
|
||||
},
|
||||
);
|
||||
yield ActionAPI.executeAction({
|
||||
actionId: apiAction.apiId,
|
||||
dynamicBindingMap: dynamicBindingMap,
|
||||
});
|
||||
}
|
||||
|
||||
export function* executeQueryAction(queryAction: QueryActionPayload) {
|
||||
const query: PageAction = yield select(getAction, queryAction.queryId)
|
||||
const responses: any = yield all(query.dynamicBindings.map((jsonPath: string) => { return call(evaluateJSONPath, jsonPath)}))
|
||||
const dynamicBindingMap: Record<string, any> = _.keyBy(responses, (response: string, index: number) => { return query.dynamicBindings[index] })
|
||||
yield ActionAPI.executeAction({ actionId: query.actionId, dynamicBindingMap: dynamicBindingMap })
|
||||
const query: PageAction = yield select(getAction, queryAction.queryId);
|
||||
const responses: any = yield all(
|
||||
query.dynamicBindings.map((jsonPath: string) => {
|
||||
return call(evaluateJSONPath, jsonPath);
|
||||
}),
|
||||
);
|
||||
const dynamicBindingMap: Record<string, any> = _.keyBy(
|
||||
responses,
|
||||
(response: string, index: number) => {
|
||||
return query.dynamicBindings[index];
|
||||
},
|
||||
);
|
||||
yield ActionAPI.executeAction({
|
||||
actionId: query.actionId,
|
||||
dynamicBindingMap: dynamicBindingMap,
|
||||
});
|
||||
}
|
||||
|
||||
export function* executeAction(pageRequestAction: ReduxAction<PageRequest>) {
|
||||
const pageRequest = pageRequestAction.payload
|
||||
const pageRequest = pageRequestAction.payload;
|
||||
try {
|
||||
const pageResponse: PageResponse = yield call(PageApi.fetchPage, pageRequest)
|
||||
const pageResponse: PageResponse = yield call(
|
||||
PageApi.fetchPage,
|
||||
pageRequest,
|
||||
);
|
||||
if (pageRequest.renderMode === RenderModes.CANVAS) {
|
||||
const normalizedResponse = CanvasWidgetsNormalizer.normalize(pageResponse)
|
||||
const normalizedResponse = CanvasWidgetsNormalizer.normalize(
|
||||
pageResponse,
|
||||
);
|
||||
const payload = {
|
||||
pageWidgetId: normalizedResponse.result,
|
||||
widgets: normalizedResponse.entities.canvasWidgets
|
||||
}
|
||||
yield put({ type: ReduxActionTypes.UPDATE_CANVAS, payload })
|
||||
widgets: normalizedResponse.entities.canvasWidgets,
|
||||
};
|
||||
yield put({ type: ReduxActionTypes.UPDATE_CANVAS, payload });
|
||||
}
|
||||
} catch(err){
|
||||
} catch (err) {
|
||||
//TODO(abhinav): REFACTOR THIS
|
||||
}
|
||||
}
|
||||
|
||||
export function* watchExecuteAction() {
|
||||
yield takeEvery(ReduxActionTypes.EXECUTE_ACTION, executeAction)
|
||||
yield takeEvery(ReduxActionTypes.EXECUTE_ACTION, executeAction);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,29 +1,41 @@
|
|||
import CanvasWidgetsNormalizer from "../normalizers/CanvasWidgetsNormalizer"
|
||||
import { ReduxActionTypes, ReduxAction, LoadCanvasWidgetsPayload } from "../constants/ReduxActionConstants"
|
||||
import PageApi, { PageResponse, PageRequest } from "../api/PageApi"
|
||||
import { call, put, takeEvery, all } from "redux-saga/effects"
|
||||
import { RenderModes } from "../constants/WidgetConstants"
|
||||
import CanvasWidgetsNormalizer from "../normalizers/CanvasWidgetsNormalizer";
|
||||
import {
|
||||
ReduxActionTypes,
|
||||
ReduxAction,
|
||||
LoadCanvasWidgetsPayload,
|
||||
} from "../constants/ReduxActionConstants";
|
||||
import PageApi, { PageResponse, PageRequest } from "../api/PageApi";
|
||||
import { call, put, takeEvery, all } from "redux-saga/effects";
|
||||
import { RenderModes } from "../constants/WidgetConstants";
|
||||
|
||||
export function* fetchPageSaga(pageRequestAction: ReduxAction<PageRequest>) {
|
||||
const pageRequest = pageRequestAction.payload
|
||||
const pageRequest = pageRequestAction.payload;
|
||||
try {
|
||||
const pageResponse: PageResponse = yield call(PageApi.fetchPage, pageRequest)
|
||||
const pageResponse: PageResponse = yield call(
|
||||
PageApi.fetchPage,
|
||||
pageRequest,
|
||||
);
|
||||
if (pageRequest.renderMode === RenderModes.CANVAS) {
|
||||
const normalizedResponse = CanvasWidgetsNormalizer.normalize(pageResponse)
|
||||
const normalizedResponse = CanvasWidgetsNormalizer.normalize(
|
||||
pageResponse,
|
||||
);
|
||||
const canvasWidgetsPayload: LoadCanvasWidgetsPayload = {
|
||||
pageWidgetId: normalizedResponse.result,
|
||||
widgets: normalizedResponse.entities.canvasWidgets
|
||||
}
|
||||
yield all([
|
||||
widgets: normalizedResponse.entities.canvasWidgets,
|
||||
};
|
||||
yield all([
|
||||
put({ type: ReduxActionTypes.UPDATE_CANVAS, canvasWidgetsPayload }),
|
||||
put({ type: ReduxActionTypes.LOAD_CANVAS_ACTIONS, payload: pageResponse.layout.actions })
|
||||
])
|
||||
put({
|
||||
type: ReduxActionTypes.LOAD_CANVAS_ACTIONS,
|
||||
payload: pageResponse.layout.actions,
|
||||
}),
|
||||
]);
|
||||
}
|
||||
} catch(err){
|
||||
} catch (err) {
|
||||
//TODO(abhinav): REFACTOR THIS
|
||||
}
|
||||
}
|
||||
|
||||
export function* watchFetchPage() {
|
||||
yield takeEvery(ReduxActionTypes.FETCH_PAGE, fetchPageSaga)
|
||||
yield takeEvery(ReduxActionTypes.FETCH_PAGE, fetchPageSaga);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,5 @@
|
|||
// import CanvasWidgetsNormalizer from "../normalizers/CanvasWidgetsNormalizer"
|
||||
import {
|
||||
ReduxActionTypes,
|
||||
ReduxAction,
|
||||
} from "../constants/ReduxActionConstants";
|
||||
import { ReduxActionTypes } from "../constants/ReduxActionConstants";
|
||||
import WidgetCardsPaneApi, {
|
||||
WidgetCardsPaneResponse,
|
||||
} from "../api/WidgetCardsPaneApi";
|
||||
|
|
|
|||
|
|
@ -1,8 +1,12 @@
|
|||
import { all, fork, spawn } from "redux-saga/effects"
|
||||
import { watchFetchPage } from "../sagas/PageSagas"
|
||||
import { fetchWidgetCardsSaga } from './WidgetCardsPaneSagas'
|
||||
import { watchExecuteAction } from './ActionSagas';
|
||||
import { all, spawn } from "redux-saga/effects";
|
||||
import { watchFetchPage } from "../sagas/PageSagas";
|
||||
import { fetchWidgetCardsSaga } from "./WidgetCardsPaneSagas";
|
||||
import { watchExecuteAction } from "./ActionSagas";
|
||||
|
||||
export function* rootSaga() {
|
||||
yield all([ spawn(watchFetchPage), spawn(fetchWidgetCardsSaga), spawn(watchExecuteAction)])
|
||||
yield all([
|
||||
spawn(watchFetchPage),
|
||||
spawn(fetchWidgetCardsSaga),
|
||||
spawn(watchExecuteAction),
|
||||
]);
|
||||
}
|
||||
|
|
|
|||