JakeHillion/storj
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[V3-873] Error pages markup and 404 logic (#831)

Browse Source
This commit is contained in:
Nikolay Yurchenko 2018-12-12 12:06:33 +02:00 committed by Yehor Butko
parent 5f6757cf7b
commit a98fb3af79
7 changed files with 240 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/satellite/src/components/dashboard/newProject/NewProjectPopup.vue
View File

@ -152,7 +152,7 @@ export default class NewProjectPopup extends Vue {}
right: 0;
bottom: 0;
background-color: rgba(134, 134, 148, 0.4);
z-index: 900;
z-index: 1121;
display: flex;
justify-content: center;
align-items: center;

2
web/satellite/src/components/dashboard/projectSelection/ProjectSelectionDropdown.vue
View File

@ -65,7 +65,7 @@ export default class ProjectSelectionDropdown extends Vue {}
padding: 10px 0px 10px 0px;
box-shadow: 0px 4px rgba(231, 232, 238, 0.6);
background-color: #FFFFFF;
z-index: 800;
z-index: 1120;
}
.project-selection-overflow-container {
position: relative;

83
web/satellite/src/components/errors/Page404.vue Normal file
View File

File diff suppressed because one or more lines are too long

84
web/satellite/src/components/errors/Page50X.vue Normal file
View File

File diff suppressed because one or more lines are too long

6
web/satellite/src/router/index.ts
View File

@ -10,6 +10,7 @@ import Dashboard from '@/views/Dashboard.vue';
import AccountArea from '@/components/dashboard/account/AccountArea.vue';
import ProjectDetails from '@/components/projectDetails/ProjectDetailsArea.vue';
import TeamArea from '@/components/team/TeamArea.vue';
import Page404 from '@/components/errors/Page404.vue';
import { getToken } from "@/utils/tokenManager";
Vue.use(Router);
@ -48,6 +49,11 @@ let router = new Router({
component: TeamArea
}
]
},
{
path: '*',
name: '404',
component: Page404
}
]
});

37
web/satellite/static/images/team/404.svg Normal file
View File

@ -0,0 +1,37 @@
<svg width="321" height="312" viewBox="0 0 321 312" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M167.6 295.102C246.1 295.102 309.7 231.302 309.7 152.602C309.7 73.9016 246.1 10.1016 167.6 10.1016C89.1 10.1016 25.5 73.9016 25.5 152.602C25.5 231.302 89.1 295.102 167.6 295.102Z" fill="#2683FF"/>
<path d="M209.3 200.2H119.7C117.3 200.2 115.4 198.3 115.4 195.9C115.4 193.5 117.3 191.6 119.7 191.6H209.3C211.7 191.6 213.6 193.5 213.6 195.9C213.6 198.3 211.7 200.2 209.3 200.2Z" fill="#6CB9FF"/>
<path d="M201.9 161.201L128.8 162.401L130.9 180.201H199.8L201.9 161.201Z" fill="white"/>
<path d="M171.1 204.1H160.6V307.5H171.1V204.1Z" fill="#6CB9FF"/>
<path d="M170.5 268.6H161.3C159.4 268.6 157.8 267.1 157.8 265.1V254.6C157.8 252.7 159.3 251.1 161.3 251.1H170.5C172.4 251.1 174 252.6 174 254.6V265.1C173.9 267.1 172.4 268.6 170.5 268.6Z" fill="#6CB9FF"/>
<path d="M49.2 311.4H39.5L65.8 167.1H75.5L49.2 311.4Z" fill="#6CB9FF"/>
<path d="M287.9 311.4H297.6L271.3 167.1H261.6L287.9 311.4Z" fill="#6CB9FF"/>
<path d="M293.5 167.7H44.5002C41.6002 167.7 39.2002 165.3 39.2002 162.4C39.2002 159.5 41.6002 157.1 44.5002 157.1H293.5C296.4 157.1 298.8 159.5 298.8 162.4C298.8 165.3 296.4 167.7 293.5 167.7Z" fill="#6CB9FF"/>
<path d="M153.2 121.701C132.7 123.001 97.1 132.801 95.7 147.501C94.5 159.801 104.1 156.801 114.2 157.301C124.3 157.801 181.7 157.201 181.7 157.201L153.2 121.701Z" fill="white"/>
<path d="M182.5 121.201C203 122.501 246.2 133.001 246.7 147.901C247.1 158.301 237.1 157.901 224.5 157.401C214.4 157.001 172.2 157.101 172.2 157.101L182.5 121.201Z" fill="white"/>
<path d="M100.5 154.701C96.5 151.701 96.6 146.301 100.1 142.701C103.2 139.501 109 137.801 115 138.301C127.8 139.501 162.7 150.101 162.7 150.101L181.8 157.201C181.8 157.201 141.5 156.701 124.5 156.901C114.7 157.001 105.1 158.201 100.5 154.701Z" fill="#DEDEFC"/>
<path d="M242.4 154.701C246.4 151.701 246.3 146.301 242.8 142.701C239.7 139.501 233.9 137.801 227.9 138.301C215.1 139.501 176.3 150.601 176.3 150.601L165.5 157.001C165.5 157.001 201.5 156.701 218.4 156.901C228.2 157.001 237.7 158.201 242.4 154.701Z" fill="#DEDEFC"/>
<path d="M171.759 113.613C170.965 113.105 170.033 112.935 169.1 112.801C159.4 110.901 149 117.001 147.5 126.701C146.6 132.501 146.3 140.601 149 144.501C152.1 149.101 157.5 151.201 162.8 153.201C169.4 155.701 178.7 156.301 183.6 154.401C188.7 152.401 185.7 142.501 190 136.701C193.4 132.201 191 124.901 186.6 122.801C184.3 121.701 184.8 118.201 182.9 115.901C180.8 113.401 175.7 112.301 171.9 113.701C171.851 113.672 171.805 113.643 171.759 113.613Z" fill="#0F002D"/>
<path d="M279.1 152.6H214.9L221 115.4C221.4 113.1 223.3 111.4 225.7 111.4H282.1C284.1 111.4 285.6 113.2 285.3 115.1L279.1 152.6Z" fill="#0F002D"/>
<path d="M280.201 152.6H216L222.1 115.4C222.5 113.1 224.4 111.4 226.8 111.4H283.201C285.201 111.4 286.7 113.2 286.4 115.1L280.201 152.6Z" fill="#0F002D"/>
<path d="M199.3 157.4H280.2V152.6H203.9C201.4 152.6 199.3 154.7 199.3 157.2V157.4Z" fill="#0F002D"/>
<path d="M253.7 138.3C256.793 138.3 259.3 135.792 259.3 132.7C259.3 129.607 256.793 127.1 253.7 127.1C250.607 127.1 248.1 129.607 248.1 132.7C248.1 135.792 250.607 138.3 253.7 138.3Z" fill="white"/>
<path d="M192.5 204.101H138.3C131.1 204.101 136.1 201.901 136.1 195.601L134.8 180.201H195.5L194.3 195.101C194.3 201.401 199.7 204.101 192.5 204.101Z" fill="#0F002D"/>
<path d="M141.2 297.501H154L164.2 180.201H130.9L141.2 297.501Z" fill="#0F002D"/>
<path d="M176.7 297.501H189.5L199.8 180.201H166.4L176.7 297.501Z" fill="#0F002D"/>
<path d="M193.5 300.801H137.6C135.1 300.801 133.1 302.801 133.1 305.301C133.1 307.801 135.1 309.801 137.6 309.801H193.5C196 309.801 198 307.801 198 305.301C198 302.801 196 300.801 193.5 300.801Z" fill="#6CB9FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.4001 98.5008C21.5001 98.5008 20.1001 97.0008 20.1001 95.1008C21.0001 69.3008 31.9001 46.0008 49.0001 28.9008C66.1001 11.8008 89.4001 0.900819 115.2 0.000818531C117.1 -0.0991815 118.6 1.40082 118.6 3.30082V32.6008C118.6 34.4008 117.2 35.8008 115.4 35.9008C99.4001 36.7008 85.0001 43.6008 74.3001 54.2008C63.7001 64.9008 56.8001 79.3008 56.0001 95.3008C55.9001 97.1008 54.5001 98.5008 52.7001 98.5008H23.4001Z" fill="#DEDEFC"/>
<path d="M117.1 30.7C123.507 30.7 128.7 25.5065 128.7 19.1C128.7 12.6935 123.507 7.5 117.1 7.5C110.693 7.5 105.5 12.6935 105.5 19.1C105.5 25.5065 110.693 30.7 117.1 30.7Z" fill="#499FFC"/>
<path d="M169.4 93.9016C172.382 93.9016 174.8 91.4839 174.8 88.5016C174.8 85.5192 172.382 83.1016 169.4 83.1016C166.418 83.1016 164 85.5192 164 88.5016C164 91.4839 166.418 93.9016 169.4 93.9016Z" fill="#6CB9FF"/>
<path d="M15.5001 282C24.0001 282 31.0001 274.8 31.0001 266C31.0001 257.2 24.0001 250 15.5001 250C7.00008 250 8.17043e-05 257.2 8.17043e-05 266C-0.0999183 274.9 6.90008 282 15.5001 282Z" fill="#499FFC"/>
<path d="M15.5 273C19.3 273 22.5 269.9 22.5 266C22.5 262.2 19.4 259 15.5 259C11.7 259 8.5 262.1 8.5 266C8.5 269.9 11.6 273 15.5 273Z" fill="white"/>
<path d="M278.4 93.9016H303.3C305.8 93.9016 307.9 91.9016 307.9 89.5016C307.9 87.1016 305.8 85.1016 303.3 85.1016H278.4C275.9 85.1016 273.8 87.1016 273.8 89.5016C273.8 91.9016 275.8 93.9016 278.4 93.9016Z" fill="white"/>
<path d="M278.5 76.3008H285.5C288.1 76.3008 290.2 74.1008 290.2 71.3008C290.2 68.5008 288.1 66.3008 285.5 66.3008H278.5C275.9 66.3008 273.8 68.5008 273.8 71.3008C273.8 74.1008 275.8 76.3008 278.5 76.3008Z" fill="white"/>
<path d="M250.2 75.7004H257.2C259.8 75.7004 261.9 73.7004 261.9 71.3004C261.9 68.9004 259.8 66.9004 257.2 66.9004H250.2C247.6 66.9004 245.5 68.9004 245.5 71.3004C245.4 73.7004 247.5 75.7004 250.2 75.7004Z" fill="#0F002D"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M217 231.501C220.6 231.501 223.6 228.501 223.6 224.901C223.6 221.301 220.6 218.301 217 218.301C213.4 218.301 210.4 221.301 210.4 224.901C210.4 228.501 213.4 231.501 217 231.501Z" fill="#2683FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.1 142.1C29.7 142.1 32.7 139.1 32.7 135.5C32.7 131.9 29.7 128.9 26.1 128.9C22.5 128.9 19.5 131.9 19.5 135.5C19.5 139.1 22.5 142.1 26.1 142.1Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M45.1 142.1C48.7 142.1 51.7 139.1 51.7 135.5C51.7 131.9 48.7 128.9 45.1 128.9C41.5 128.9 38.5 131.9 38.5 135.5C38.5 139.1 41.5 142.1 45.1 142.1Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M64.1 142.1C67.7 142.1 70.7 139.1 70.7 135.5C70.7 131.9 67.7 128.9 64.1 128.9C60.5 128.9 57.5 131.9 57.5 135.5C57.5 139.1 60.5 142.1 64.1 142.1Z" fill="white"/>
<path d="M290.9 211.7C290.4 211.7 290 211.7 289.6 211.8C288.8 211.9 288 211.4 287.7 210.7C278.3 193.6 260.1 182 239.1 182C220.1 182 203.3 191.5 193.4 206C192.9 206.7 192 207 191.2 206.9C188.7 206.4 186.1 206.1 183.5 206.1C164 206.2 148.2 221.8 148.2 241.2C148.2 241.2 148.2 241.2 148.2 241.3C148.2 242.4 149.1 243.3 150.3 243.3H318.4C319.5 243.3 320.5 242.4 320.5 241.3V241.2C320.3 224.9 307.1 211.7 290.9 211.7Z" fill="#DEDEFC"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M169.4 77.0016C167 77.0016 165 75.1016 164.8 72.7016L162.9 47.0016C162.7 44.3016 164.8 42.1016 167.5 42.1016H171.3C174 42.1016 176.1 44.4016 175.9 47.0016L174 72.7016C173.8 75.1016 171.8 77.0016 169.4 77.0016Z" fill="#6CB9FF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

28
web/satellite/static/images/team/50X.svg Normal file
View File

@ -0,0 +1,28 @@
<svg width="402" height="323" viewBox="0 0 402 323" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M167.6 295.1C246.1 295.1 309.7 231.3 309.7 152.6C309.7 73.8996 246.1 10.0996 167.6 10.0996C89.1 10.0996 25.5 73.8996 25.5 152.6C25.5 231.3 89.1 295.1 167.6 295.1Z" fill="#2683FF"/>
<path d="M107 144C107 107.819 129.556 83 169 83C208.444 83 231 107.819 231 144C231 180.181 208.444 205 169 205C129.556 205 107 180.181 107 144ZM196.09 144C196.09 121.365 187.135 109.13 168.887 109.13C150.638 109.13 141.684 121.365 141.684 144C141.684 166.635 150.638 178.87 168.887 178.87C187.135 178.87 196.09 166.635 196.09 144Z" fill="#499FFC"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.4001 98.5008C21.5001 98.5008 20.1001 97.0008 20.1001 95.1008C21.0001 69.3008 31.9001 46.0008 49.0001 28.9008C66.1001 11.8008 89.4001 0.900819 115.2 0.000818531C117.1 -0.0991815 118.6 1.40082 118.6 3.30082V32.6008C118.6 34.4008 117.2 35.8008 115.4 35.9008C99.4001 36.7008 85.0001 43.6008 74.3001 54.2008C63.7001 64.9008 56.8001 79.3008 56.0001 95.3008C55.9001 97.1008 54.5001 98.5008 52.7001 98.5008H23.4001Z" fill="#DEDEFC"/>
<path d="M117.1 30.7C123.507 30.7 128.7 25.5065 128.7 19.1C128.7 12.6935 123.507 7.5 117.1 7.5C110.693 7.5 105.5 12.6935 105.5 19.1C105.5 25.5065 110.693 30.7 117.1 30.7Z" fill="#499FFC"/>
<path d="M278.4 93.9016H303.3C305.8 93.9016 307.9 91.9016 307.9 89.5016C307.9 87.1016 305.8 85.1016 303.3 85.1016H278.4C275.9 85.1016 273.8 87.1016 273.8 89.5016C273.8 91.9016 275.8 93.9016 278.4 93.9016Z" fill="white"/>
<path d="M278.5 76.3008H285.5C288.1 76.3008 290.2 74.1008 290.2 71.3008C290.2 68.5008 288.1 66.3008 285.5 66.3008H278.5C275.9 66.3008 273.8 68.5008 273.8 71.3008C273.8 74.1008 275.8 76.3008 278.5 76.3008Z" fill="white"/>
<path d="M250.2 75.7004H257.2C259.8 75.7004 261.9 73.7004 261.9 71.3004C261.9 68.9004 259.8 66.9004 257.2 66.9004H250.2C247.6 66.9004 245.5 68.9004 245.5 71.3004C245.4 73.7004 247.5 75.7004 250.2 75.7004Z" fill="#0F002D"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M217 231.501C220.6 231.501 223.6 228.501 223.6 224.901C223.6 221.301 220.6 218.301 217 218.301C213.4 218.301 210.4 221.301 210.4 224.901C210.4 228.501 213.4 231.501 217 231.501Z" fill="#2683FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M123.7 256.001C127.3 256.001 130.3 253.001 130.3 249.401C130.3 245.801 127.3 242.801 123.7 242.801C120.1 242.801 117.1 245.801 117.1 249.401C117.1 253.101 120 256.001 123.7 256.001Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M142.7 256.001C146.3 256.001 149.3 253.001 149.3 249.401C149.3 245.801 146.3 242.801 142.7 242.801C139.1 242.801 136.1 245.801 136.1 249.401C136 253.101 139 256.001 142.7 256.001Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M161.6 256.001C165.2 256.001 168.2 253.001 168.2 249.401C168.2 245.801 165.2 242.801 161.6 242.801C158 242.801 155 245.801 155 249.401C155 253.101 158 256.001 161.6 256.001Z" fill="white"/>
<path d="M192 115.199C191.8 114.999 191.7 114.799 191.5 114.599C167.2 85.2991 121 114.599 137.2 149.099C138.6 151.999 139.8 154.499 140.9 156.399C157.5 185.699 188.7 238.099 188.7 238.099L241.8 208.099C241.7 208.099 207.7 134.399 192 115.199Z" fill="#F5F6FA"/>
<path d="M300.421 274.813C316.74 236.202 300.772 192.561 264.755 177.339C228.739 162.117 186.313 181.077 169.994 219.688C153.675 258.299 169.643 301.94 205.66 317.162C241.676 332.384 284.103 313.424 300.421 274.813Z" fill="#F5F6FA"/>
<path d="M186.569 151.937C193.205 148.191 195.548 139.773 191.802 133.136C188.055 126.5 179.637 124.157 173 127.903C166.364 131.65 164.021 140.068 167.767 146.705C171.514 153.341 179.932 155.684 186.569 151.937Z" fill="#0F002D"/>
<path d="M149.1 143.299L136.6 174.299C135.4 177.299 139.3 179.799 141.5 177.299L162.9 153.699C162.9 153.699 160.6 143.299 149.1 143.299Z" fill="#FCCB67"/>
<path d="M365.6 211.499C365 211.499 364.5 211.499 364 211.599C363.1 211.699 362.1 211.199 361.7 210.299C350.4 189.699 328.4 175.699 303.1 175.699C280.2 175.699 260 187.199 248 204.599C247.4 205.499 246.4 205.899 245.3 205.699C242.3 205.099 239.2 204.699 236 204.699C212.5 204.799 193.5 223.599 193.5 246.999C193.5 246.999 193.5 246.999 193.5 247.099C193.5 248.499 194.6 249.599 196 249.599H398.5C399.9 249.599 401 248.499 401 247.099V246.999C401.1 227.399 385.2 211.499 365.6 211.499Z" fill="#DEDEFC"/>
<path d="M178.9 144.299C180.723 144.299 182.2 142.822 182.2 140.999C182.2 139.177 180.723 137.699 178.9 137.699C177.078 137.699 175.6 139.177 175.6 140.999C175.6 142.822 177.078 144.299 178.9 144.299Z" fill="white"/>
<path d="M15.5001 282C24.0001 282 31.0001 274.8 31.0001 266C31.0001 257.2 24.0001 250 15.5001 250C7.00008 250 8.17043e-05 257.2 8.17043e-05 266C-0.0999183 274.9 6.90008 282 15.5001 282Z" fill="#499FFC"/>
<path d="M15.5 273C19.3 273 22.5 269.9 22.5 266C22.5 262.2 19.4 259 15.5 259C11.7 259 8.5 262.1 8.5 266C8.5 269.9 11.6 273 15.5 273Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="401.1" height="322.4" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB