core/setup/setup.component.ts
This component is the parent of each setup and can be injected into setup steps to control them.
OnInit
| selector | c8y-setup |
| templateUrl | ./setup.component.html |
Properties |
|
Methods |
constructor(options: OptionsService, stepperService: StepperService, appState: AppStateService, alert: AlertService, permissions: Permissions, setupService: SetupService)
|
|||||||||||||||||||||
|
Parameters :
|
| cancel |
cancel()
|
|
Cancels the wizards and goes back to the start view.
Returns :
void
|
| Async finalize |
finalize()
|
|
Returns :
any
|
| finish |
finish()
|
|
Finish the wizard and will start the application.
Returns :
void
|
| getByIndex | ||||||
getByIndex(stepIndex)
|
||||||
|
Returns a step by it index position in the wizard.
Parameters :
Returns :
any
An indexed step definition. |
| skip |
skip()
|
|
Skips the current setup wizard
Returns :
void
|
| start |
start()
|
|
Starts the wizards (or finish the setup if no steps are found)
Returns :
void
|
| stepCompleted | ||||||||||||
stepCompleted(stepIndex, isCompleted)
|
||||||||||||
|
Mark a step as completed. If the step is required, this is needed to fulfill the setup.
Parameters :
Returns :
void
|
| verify |
verify()
|
|
Verifies every step and checks if all required are completed. Updates the icons to reflect the state of the steps (error, warning, done).
Returns :
boolean
Returns true if no error was found. |
| currentSetupState |
Default value : SetupState.START
|
|
The current state. SetupState.START shows an application overview while SetupState.WIZARD shows the steps. |
| data$ |
Default value : new BehaviorSubject<any>({})
|
|
A subject which can be used to exchange data between steps. |
| Public options |
Type : OptionsService
|
| steps |
Type : SetupStep[]
|
|
All current shown setup steps. |
<c8y-title>
{{ options.name | humanizeAppName | async }}
</c8y-title>
<div
class="card content-fullpage fadeInRightBig animated"
*ngIf="currentSetupState !== setupState.START"
>
<c8y-stepper-outlet
[showDefaultButtons]="false"
[steps]="steps"
class="d-contents"
></c8y-stepper-outlet>
</div>
<div
class="card content-fullpage d-flex d-col zoomIn animated"
*ngIf="currentSetupState === setupState.START"
>
<div class="inner-scroll flex-grow">
<div class="card-block">
<div class="row">
<div class="col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3 p-t-24">
<svg
viewBox="0 0 1046 770"
fill="none"
style="max-width: 330px; margin: auto"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_701_64)">
<path
d="M277.838 568.674C124.637 568.674 0 443.786 0 290.277C0 136.768 124.637 11.8799 277.838 11.8799C322.352 11.9257 366.206 22.6646 405.724 43.1962C445.242 63.7278 479.271 93.4536 504.959 129.881L502.33 131.742C476.94 95.7356 443.305 66.3533 404.244 46.0589C365.184 25.7646 321.837 15.1497 277.838 15.1043C126.413 15.1043 3.2179 138.547 3.2179 290.277C3.2179 442.007 126.413 565.449 277.838 565.449C320.02 565.587 361.659 555.923 399.486 537.217C437.312 518.511 470.295 491.271 495.844 457.639L498.396 459.601C472.548 493.627 439.179 521.186 400.91 540.111C362.641 559.036 320.514 568.813 277.838 568.674V568.674Z"
fill="var(--c8y-brand-70)"
/>
<path
d="M392.7 243.656C389.654 243.656 386.676 242.751 384.144 241.055C381.611 239.36 379.637 236.95 378.471 234.13C377.306 231.31 377.001 228.207 377.595 225.214C378.189 222.22 379.656 219.471 381.81 217.312C383.964 215.154 386.708 213.684 389.696 213.089C392.683 212.494 395.779 212.799 398.594 213.967C401.408 215.135 403.813 217.113 405.505 219.651C407.198 222.189 408.101 225.172 408.101 228.224C408.101 232.317 406.478 236.242 403.59 239.136C400.702 242.03 396.785 243.656 392.7 243.656V243.656Z"
fill="var(--c8y-brand-70)"
/>
<path
d="M398.071 231.454L394.849 228.225L398.071 224.995C398.213 224.854 398.326 224.686 398.403 224.501C398.48 224.316 398.519 224.118 398.52 223.918C398.52 223.718 398.481 223.519 398.405 223.334C398.328 223.149 398.216 222.981 398.075 222.839C397.933 222.697 397.765 222.585 397.581 222.508C397.396 222.432 397.198 222.393 396.998 222.393C396.798 222.393 396.6 222.433 396.416 222.51C396.231 222.587 396.064 222.7 395.923 222.842L392.7 226.072L389.477 222.842C389.192 222.557 388.806 222.397 388.403 222.397C388 222.397 387.614 222.557 387.329 222.842C387.044 223.128 386.884 223.515 386.884 223.919C386.884 224.323 387.044 224.71 387.329 224.995L390.551 228.224L387.329 231.454C387.045 231.739 386.887 232.126 386.887 232.529C386.888 232.932 387.048 233.318 387.332 233.603C387.617 233.888 388.002 234.048 388.404 234.049C388.806 234.05 389.192 233.89 389.477 233.607L392.7 230.377L395.923 233.607C396.064 233.748 396.231 233.86 396.416 233.936C396.6 234.013 396.798 234.052 396.997 234.052C397.197 234.052 397.394 234.013 397.578 233.936C397.763 233.86 397.93 233.748 398.071 233.607C398.212 233.465 398.324 233.297 398.401 233.113C398.477 232.928 398.516 232.73 398.516 232.53C398.516 232.33 398.477 232.132 398.401 231.948C398.324 231.763 398.212 231.595 398.071 231.454Z"
fill="white"
/>
<path
d="M316.107 61.4203C333.034 61.4203 346.756 47.6709 346.756 30.7102C346.756 13.7494 333.034 0 316.107 0C299.18 0 285.459 13.7494 285.459 30.7102C285.459 47.6709 299.18 61.4203 316.107 61.4203Z"
fill="var(--c8y-brand-70)"
/>
<path
d="M311.926 46.6933C311.397 46.6933 310.875 46.5698 310.401 46.3326C309.928 46.0954 309.516 45.751 309.199 45.3266L300.837 34.1555C300.569 33.7966 300.373 33.3882 300.262 32.9537C300.151 32.5191 300.127 32.0669 300.19 31.6228C300.253 31.1787 300.403 30.7515 300.631 30.3655C300.86 29.9795 301.161 29.6422 301.519 29.3731C301.878 29.104 302.285 28.9081 302.719 28.7968C303.153 28.6855 303.604 28.6609 304.047 28.7243C304.49 28.7878 304.917 28.9381 305.302 29.1667C305.687 29.3952 306.024 29.6976 306.292 30.0565L311.763 37.3643L325.812 16.2476C326.317 15.5003 327.095 14.9833 327.979 14.8093C328.862 14.6353 329.778 14.8185 330.528 15.3189C331.277 15.8193 331.798 16.5963 331.977 17.4803C332.157 18.3643 331.98 19.2835 331.486 20.0374L314.763 45.172C314.46 45.6266 314.054 46.0019 313.576 46.2664C313.099 46.5309 312.566 46.6769 312.021 46.6922L311.926 46.6933Z"
fill="white"
/>
<path
d="M353.635 86.1143H279.933C275.428 86.1143 271.776 89.7734 271.776 94.2873V97.2286C271.776 101.742 275.428 105.402 279.933 105.402H353.635C358.139 105.402 361.791 101.742 361.791 97.2286V94.2873C361.791 89.7734 358.139 86.1143 353.635 86.1143Z"
fill="var(--c8y-brand-70)"
/>
<path
d="M399.35 124.689H234.217C229.712 124.689 226.061 128.348 226.061 132.862V135.803C226.061 140.317 229.712 143.976 234.217 143.976H399.35C403.855 143.976 407.507 140.317 407.507 135.803V132.862C407.507 128.348 403.855 124.689 399.35 124.689Z"
fill="var(--c8y-brand-70)"
/>
<path
d="M399.35 163.264H234.217C229.712 163.264 226.061 166.923 226.061 171.437V174.378C226.061 178.892 229.712 182.551 234.217 182.551H399.35C403.855 182.551 407.507 178.892 407.507 174.378V171.437C407.507 166.923 403.855 163.264 399.35 163.264Z"
fill="var(--c8y-brand-70)"
/>
<path
d="M298.909 574.554C295.863 574.554 292.885 573.649 290.353 571.953C287.82 570.257 285.846 567.847 284.68 565.027C283.515 562.208 283.21 559.105 283.804 556.111C284.398 553.118 285.865 550.368 288.019 548.21C290.173 546.052 292.917 544.582 295.904 543.986C298.892 543.391 301.988 543.697 304.802 544.865C307.617 546.033 310.022 548.011 311.714 550.548C313.406 553.086 314.31 556.07 314.31 559.122C314.31 563.215 312.687 567.14 309.799 570.034C306.911 572.928 302.993 574.554 298.909 574.554V574.554Z"
fill="var(--c8y-brand-70)"
/>
<path
d="M304.28 562.351L301.057 559.122L304.28 555.893C304.565 555.607 304.725 555.22 304.725 554.816C304.725 554.412 304.565 554.025 304.28 553.74C303.995 553.454 303.609 553.294 303.206 553.294C302.803 553.294 302.416 553.454 302.132 553.74L298.909 556.969L295.686 553.74C295.401 553.454 295.015 553.294 294.612 553.294C294.209 553.294 293.823 553.454 293.538 553.74C293.253 554.025 293.093 554.412 293.093 554.816C293.093 555.22 293.253 555.607 293.538 555.893L296.76 559.122L293.538 562.351C293.253 562.636 293.093 563.024 293.093 563.427C293.093 563.831 293.253 564.218 293.538 564.504C293.823 564.789 294.209 564.95 294.612 564.95C295.015 564.95 295.401 564.789 295.686 564.504L298.909 561.275L302.132 564.504C302.416 564.789 302.803 564.95 303.206 564.95C303.609 564.95 303.995 564.789 304.28 564.504C304.565 564.218 304.725 563.831 304.725 563.427C304.725 563.024 304.565 562.636 304.28 562.351V562.351Z"
fill="white"
/>
<path
d="M222.316 392.318C239.243 392.318 252.964 378.568 252.964 361.608C252.964 344.647 239.243 330.897 222.316 330.897C205.389 330.897 191.667 344.647 191.667 361.608C191.667 378.568 205.389 392.318 222.316 392.318Z"
fill="var(--c8y-brand-70)"
/>
<path
d="M218.135 377.591C217.606 377.591 217.084 377.467 216.61 377.23C216.137 376.993 215.725 376.648 215.408 376.224L207.046 365.053C206.778 364.694 206.582 364.286 206.471 363.851C206.36 363.417 206.336 362.964 206.399 362.52C206.462 362.076 206.612 361.649 206.84 361.263C207.068 360.877 207.37 360.54 207.728 360.271C208.086 360.002 208.494 359.806 208.928 359.694C209.361 359.583 209.813 359.558 210.256 359.622C210.699 359.685 211.126 359.836 211.511 360.064C211.896 360.293 212.232 360.595 212.501 360.954L217.971 368.262L232.021 347.145C232.268 346.769 232.587 346.445 232.959 346.192C233.332 345.94 233.75 345.763 234.191 345.674C234.631 345.584 235.085 345.582 235.526 345.669C235.968 345.756 236.387 345.929 236.762 346.179C237.136 346.429 237.457 346.75 237.706 347.125C237.956 347.5 238.129 347.92 238.216 348.362C238.302 348.804 238.301 349.259 238.212 349.701C238.122 350.142 237.946 350.562 237.695 350.935L220.972 376.07C220.669 376.524 220.262 376.899 219.785 377.164C219.308 377.428 218.775 377.574 218.23 377.59L218.135 377.591Z"
fill="white"
/>
<path
d="M259.843 417.012H186.142C181.637 417.012 177.985 420.671 177.985 425.185V428.126C177.985 432.64 181.637 436.299 186.142 436.299H259.843C264.348 436.299 268 432.64 268 428.126V425.185C268 420.671 264.348 417.012 259.843 417.012Z"
fill="var(--c8y-brand-70)"
/>
<path
d="M305.559 455.586H140.426C135.921 455.586 132.269 459.246 132.269 463.759V466.701C132.269 471.215 135.921 474.874 140.426 474.874H305.559C310.064 474.874 313.715 471.215 313.715 466.701V463.759C313.715 459.246 310.064 455.586 305.559 455.586Z"
fill="var(--c8y-brand-70)"
/>
<path
d="M305.559 494.161H140.426C135.921 494.161 132.269 497.82 132.269 502.334V505.276C132.269 509.789 135.921 513.448 140.426 513.448H305.559C310.064 513.448 313.715 509.789 313.715 505.276V502.334C313.715 497.82 310.064 494.161 305.559 494.161Z"
fill="var(--c8y-brand-70)"
/>
<path
d="M617.498 508.712C613.292 508.712 609.18 507.462 605.682 505.121C602.185 502.779 599.459 499.451 597.85 495.557C596.24 491.663 595.819 487.379 596.639 483.245C597.46 479.111 599.485 475.314 602.46 472.334C605.434 469.354 609.223 467.324 613.349 466.502C617.474 465.68 621.75 466.101 625.636 467.714C629.523 469.327 632.844 472.059 635.181 475.563C637.518 479.068 638.765 483.188 638.765 487.402C638.765 493.054 636.524 498.474 632.536 502.471C628.548 506.467 623.138 508.712 617.498 508.712V508.712Z"
fill="var(--c8y-brand-70)"
/>
<path
d="M624.915 491.861L620.465 487.402L624.915 482.943C625.308 482.549 625.529 482.014 625.529 481.457C625.529 480.899 625.308 480.364 624.915 479.97C624.522 479.576 623.988 479.354 623.432 479.354C622.875 479.354 622.342 479.576 621.948 479.97L617.498 484.43L613.047 479.97C612.654 479.576 612.12 479.354 611.564 479.354C611.008 479.354 610.474 479.576 610.081 479.97C609.687 480.364 609.466 480.899 609.466 481.457C609.466 482.014 609.687 482.549 610.081 482.943L614.531 487.402L610.081 491.862C609.687 492.256 609.466 492.791 609.466 493.348C609.466 493.906 609.687 494.44 610.081 494.834C610.474 495.229 611.008 495.45 611.564 495.45C612.12 495.45 612.654 495.229 613.047 494.834L617.498 490.375L621.948 494.834C622.341 495.229 622.875 495.45 623.431 495.45C623.988 495.45 624.521 495.229 624.915 494.834C625.308 494.44 625.529 493.906 625.529 493.348C625.529 492.791 625.308 492.256 624.915 491.862L624.915 491.861Z"
fill="white"
/>
<path
d="M524.838 257.062C548.212 257.062 567.161 238.075 567.161 214.654C567.161 191.233 548.212 172.246 524.838 172.246C501.464 172.246 482.516 191.233 482.516 214.654C482.516 238.075 501.464 257.062 524.838 257.062Z"
fill="var(--c8y-brand-primary)"
/>
<path
d="M519.065 236.725C518.334 236.725 517.613 236.555 516.959 236.227C516.306 235.899 515.737 235.424 515.299 234.838L503.753 219.412C503.382 218.916 503.112 218.352 502.958 217.752C502.805 217.152 502.771 216.527 502.858 215.914C502.946 215.301 503.153 214.711 503.468 214.178C503.783 213.645 504.2 213.179 504.694 212.807C505.189 212.436 505.752 212.165 506.35 212.012C506.949 211.858 507.573 211.824 508.185 211.912C508.797 211.999 509.385 212.207 509.917 212.522C510.449 212.838 510.914 213.256 511.285 213.751L518.839 223.843L538.24 194.682C538.583 194.167 539.024 193.724 539.538 193.379C540.052 193.034 540.628 192.794 541.234 192.672C541.841 192.551 542.465 192.55 543.072 192.67C543.678 192.79 544.255 193.029 544.77 193.373C545.284 193.717 545.726 194.158 546.07 194.673C546.414 195.188 546.654 195.766 546.775 196.373C546.896 196.981 546.897 197.607 546.777 198.214C546.656 198.822 546.418 199.4 546.075 199.916L522.982 234.624C522.564 235.252 522.003 235.77 521.344 236.135C520.685 236.501 519.948 236.702 519.196 236.723C519.152 236.724 519.108 236.725 519.065 236.725Z"
fill="white"
/>
<path
d="M579.767 291.162H471.778C467.273 291.162 463.621 294.821 463.621 299.335V309.623C463.621 314.136 467.273 317.796 471.778 317.796H579.767C584.272 317.796 587.924 314.136 587.924 309.623V299.335C587.924 294.821 584.272 291.162 579.767 291.162Z"
fill="var(--c8y-brand-30)"
/>
<path
d="M642.896 344.43H408.649C404.145 344.43 400.493 348.089 400.493 352.603V362.891C400.493 367.405 404.145 371.064 408.649 371.064H642.896C647.4 371.064 651.052 367.405 651.052 362.891V352.603C651.052 348.089 647.4 344.43 642.896 344.43Z"
fill="var(--c8y-brand-30)"
/>
<path
d="M642.896 397.698H408.649C404.145 397.698 400.493 401.357 400.493 405.871V416.159C400.493 420.673 404.145 424.332 408.649 424.332H642.896C647.4 424.332 651.052 420.673 651.052 416.159V405.871C651.052 401.357 647.4 397.698 642.896 397.698Z"
fill="var(--c8y-brand-30)"
/>
<path
d="M725.115 747.47L704.591 747.468L694.826 668.144L725.12 668.145L725.115 747.47Z"
fill="#EDC9AB"
/>
<path
d="M724.568 740.753L702.654 731.821L702.026 731.563L689.927 740.753C683.096 740.754 676.544 743.474 671.714 748.314C666.883 753.154 664.169 759.719 664.168 766.564V767.402H730.344V740.753H724.568Z"
fill="#011F3D"
/>
<path
d="M898.592 730.244L878.992 736.346L846.172 663.497L875.101 654.492L898.592 730.244Z"
fill="#EDC9AB"
/>
<path
d="M896.079 723.992L872.507 721.98L871.831 721.92L862.999 734.293C856.475 736.326 851.025 740.871 847.845 746.93C844.666 752.989 844.018 760.065 846.045 766.602L846.293 767.402L909.488 747.723L901.595 722.275L896.079 723.992Z"
fill="#011F3D"
/>
<path
d="M816.472 341.116L824.819 364.905V377.764L823.656 391.905L836.576 439.067L846.711 543.067L897.716 697.017L858.607 708.302L758.756 456.763L727.218 711.187L691.453 710.231C691.453 710.231 685.334 695.405 686.943 687.344C688.552 679.283 688.552 688.956 688.552 679.283C688.552 669.61 681.577 673.812 686.674 666.068C691.77 658.325 691.136 651.546 691.453 646.874C691.77 642.203 688.552 453.577 688.552 447.128C688.552 440.679 687.437 442.092 687.995 435.743C688.552 429.394 695.624 432.004 693.697 421.026C691.77 410.048 691.136 411.967 691.453 403.752C691.77 395.538 696.204 347.374 696.204 347.374L816.472 341.116Z"
fill="#011F3D"
/>
<path
d="M682.617 348.855L754.315 279.572L774.187 223.19L744.875 210.418C729.819 224.87 713.544 269.883 713.544 269.883L664.205 332.779C663.821 332.911 663.437 333.051 663.059 333.219C660.836 334.2 658.904 335.74 657.45 337.689C655.995 339.637 655.066 341.929 654.754 344.343C654.441 346.756 654.755 349.209 655.665 351.465C656.575 353.722 658.051 355.705 659.949 357.222C661.848 358.74 664.105 359.742 666.503 360.13C668.9 360.518 671.357 360.28 673.636 359.439C675.915 358.598 677.939 357.182 679.512 355.328C681.085 353.474 682.155 351.244 682.617 348.855V348.855Z"
fill="#EDC9AB"
/>
<path
d="M736.627 216.714L773.808 228.541L773.948 228.517C787.786 226.195 799.27 203.547 806.465 184.957C808.833 178.826 808.789 172.022 806.342 165.922C803.895 159.821 799.227 154.879 793.283 152.095C788.885 150.071 784.009 149.32 779.206 149.927C774.404 150.534 769.867 152.475 766.108 155.531L747.015 171.163L736.627 216.714Z"
fill="var(--c8y-brand-primary)"
/>
<path
d="M822.788 371.677L823.005 371.387C834.606 355.971 818.74 317.794 816.341 312.258L827.127 309.056L825.247 288.478L824.342 279.301L832.728 271.321L832.757 271.117L838.524 229.989L846.071 202.768C848.915 192.477 848.975 181.613 846.245 171.291C843.515 160.97 838.092 151.562 830.534 144.034L815.107 128.686L796.624 99.6977L765.635 98.896L754.491 118.732C744.128 120.851 734.836 126.546 728.232 134.824C721.628 143.103 718.132 153.441 718.353 164.036L719.402 216.843L708.283 282.27L707.971 294.155L697.057 305.695L699.075 317.362L690.911 320.62L686.916 337.198C685.39 339.111 675.316 351.87 675.225 355.428C675.211 355.962 675.591 356.488 676.421 357.082C682.941 361.757 719.388 371.887 735.791 365.797C753.264 359.316 821.742 371.488 822.432 371.612L822.788 371.677Z"
fill="var(--c8y-brand-primary)"
/>
<path
d="M746.822 204.276L730.992 172.653C708.015 174.226 662.413 200.846 662.413 200.846L576.13 219.176C573.574 218.192 570.805 217.899 568.1 218.328C565.395 218.757 562.851 219.893 560.724 221.62C558.596 223.348 556.96 225.606 555.981 228.169C555.001 230.731 554.713 233.507 555.144 236.216C555.576 238.926 556.712 241.474 558.438 243.603C560.165 245.733 562.421 247.37 564.979 248.348C567.538 249.326 570.308 249.612 573.012 249.177C575.715 248.741 578.257 247.599 580.38 245.867L690.136 237.984L746.822 204.276Z"
fill="#EDC9AB"
/>
<path
d="M740.437 209.469L781.779 178.684L789.062 152.388C790.473 147.22 790.413 141.76 788.889 136.625C787.366 131.489 784.439 126.883 780.441 123.327V123.327C774.987 118.543 767.925 116.012 760.681 116.246C753.436 116.481 746.551 119.462 741.417 124.589C725.86 140.149 708.115 161.856 711.927 176.909L711.965 177.061L740.437 209.469Z"
fill="var(--c8y-brand-primary)"
/>
<path
d="M782.15 91.7081C802.453 91.7081 818.913 75.2158 818.913 54.8716C818.913 34.5274 802.453 18.0352 782.15 18.0352C761.847 18.0352 745.388 34.5274 745.388 54.8716C745.388 75.2158 761.847 91.7081 782.15 91.7081Z"
fill="#EDC9AB"
/>
<path
d="M806.343 93.3962C800.194 90.5021 793.012 92.2609 786.224 92.5285C779.436 92.7962 771.211 90.232 769.77 83.5795C768.705 78.6607 771.906 73.2693 769.889 68.6597C767.69 63.6328 761.087 62.9173 755.793 61.5098C749.156 59.5883 743.303 55.5974 739.083 50.1164C734.864 44.6354 732.497 37.9496 732.327 31.0294C731.959 33.776 736.65 34.6782 738.19 32.3767C739.731 30.0752 738.67 26.8898 736.971 24.7029C735.272 22.516 732.98 20.7695 731.699 18.3134C730.418 15.8574 730.667 12.2099 733.168 11.028C734.45 13.6209 736.266 15.9121 738.496 17.7504C740.726 19.5886 743.32 20.9322 746.107 21.6924C744.969 18.2291 746.578 14.3355 749.167 11.7739C751.918 9.3738 755.088 7.50347 758.516 6.25695C766.991 2.57611 776.885 -1.08673 785.091 3.1601C787.21 4.27737 789.049 5.85981 790.472 7.78924C791.894 9.71866 792.863 11.9452 793.306 14.3026C808.487 15.5887 824.074 32.0655 823.21 47.3059C822.28 63.7125 821.601 65.04 807.971 92.6487"
fill="#011F3D"
/>
<path
d="M990.501 768.347H937.106L936.876 767.93C936.194 766.69 935.534 765.375 934.919 764.024C929.418 752.226 927.094 738.731 925.043 726.826L923.498 717.852C923.311 716.765 923.452 715.647 923.903 714.641C924.353 713.635 925.094 712.786 926.028 712.204C926.963 711.622 928.05 711.332 929.15 711.373C930.25 711.413 931.313 711.782 932.203 712.431C940.317 718.348 948.435 724.258 956.556 730.163C959.631 732.405 963.143 735 966.506 737.804C966.83 736.225 967.17 734.641 967.509 733.079C967.743 732.001 968.293 731.017 969.088 730.254C969.884 729.49 970.888 728.982 971.973 728.794C973.059 728.606 974.175 728.747 975.18 729.198C976.185 729.65 977.033 730.391 977.615 731.329L983.862 741.386C988.418 748.73 992.44 755.968 991.621 763.774C991.625 763.869 991.617 763.964 991.599 764.057C991.435 765.339 991.131 766.6 990.693 767.815L990.501 768.347Z"
fill="var(--c8y-brand-60)"
/>
<path
d="M1041.62 769.543L-124.619 770C-125.783 769.998 -126.897 769.81 -127.718 769.478C-128.539 769.146 -129 768.697 -129 768.229C-129 767.76 -128.539 767.311 -127.718 766.979C-126.897 766.647 -125.783 766.46 -124.619 766.457L1041.62 766C1042.78 766.002 1043.9 766.19 1044.72 766.522C1045.54 766.854 1046 767.303 1046 767.771C1046 768.24 1045.54 768.689 1044.72 769.021C1043.9 769.353 1042.78 769.54 1041.62 769.543V769.543Z"
fill="var(--c8y-brand-50)"
/>
</g>
<defs>
<clipPath id="clip0_701_64">
<rect
width="1046"
height="770"
fill="white"
/>
</clipPath>
</defs>
</svg>
<h1
class="p-t-16 p-b-16 text-center text-medium"
ngNonBindable
translate
[translateParams]="{ appName: options.name | humanizeAppName | async }"
data-cy="c8y-setup--setup-header-title"
>
Welcome to {{ appName }}
</h1>
<p class="lead text-normal" translate *ngIf="hasRole">
This application (or any plugin that you added recently) has pre-requirements that needs
to be configured first. This wizard will guide you through the steps that are necessary
to get your customized application up and running.
</p>
<div class="flex-grow" *ngIf="properties.length > 0">
<c8y-properties-list
icon="info"
[properties]="properties"
[data]="options"
[title]="'Application properties' | translate"
></c8y-properties-list>
</div>
<div class="alert alert-danger m-32" *ngIf="!hasRole">
<strong translate>No permission</strong>
<div translate>
You don't have sufficient rights to setup this application. Contact an application
administrator to setup the required steps.
</div>
</div>
<div class="alert alert-danger m-32" *ngIf="!isOwner">
<strong translate>Not the owner</strong>
<div translate>
The current application is not owned by this tenant. Clone the application before
running the setup.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card-footer separator d-flex j-c-center">
<button
class="btn btn-default"
(click)="skip()"
translate
*ngIf="canSkip"
data-cy="c8y-setup--skip-setup-button"
[title]="
'You can skip the setup now. It will be shown again as soon as you restart the application.'
| translate
"
>
Skip
</button>
<button
class="btn btn-primary"
(click)="start()"
translate
[disabled]="!hasRole || !isOwner"
data-cy="c8y-setup--start-setup-button"
[title]="'Start the setup wizard.' | translate"
>
Start
</button>
</div>
</div>