workflow-ui documentation
  1. Components
  2. OrganizationComponent

File

src/app/organization/organization.component.ts

Implements

OnInit

Metadata

selector app-organization
styleUrls ./organization.component.css
templateUrl ./organization.component.html

Index

Methods

Constructor

constructor()
Defined in src/app/organization/organization.component.ts:8

Methods

ngOnInit
ngOnInit()
Defined in src/app/organization/organization.component.ts:12
Returns : void 
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-organization',
  templateUrl: './organization.component.html',
  styleUrls: ['./organization.component.css']
})
export class OrganizationComponent implements OnInit {

  constructor() { }

  ngOnInit(): void {
  }

}

<body class="bg-primary">
    <div class="bg-img-repeat" style="background-image: url('../../assets/img/pattern-shapes.png')">
        <div id="layoutAuthentication">
            <div id="layoutAuthentication_content">
                <main>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <br>
                    <div class="container">
                        <div class="row justify-content-center">
                            <!-- Create Organization-->
                            <div class="col-xl-5 col-lg-6 col-md-8 col-sm-11 mt-4">
                                <div class="card text-center h-100">
                                    <div class="card-body px-5 pt-5 d-flex flex-column">
                                        <div>
                                            <div class="h3 text-primary font-weight-300">Create</div>
                                            <p class="text-muted mb-4">Create an organization and invite new members</p>
                                        </div>
                                        <div class="icons-org-create align-items-center mx-auto mt-auto"><i class="icon-users fas fa-user-friends"></i><i class="icon-plus fas fa-plus"></i></div>
                                    </div>
                                    <div class="card-footer bg-transparent px-5 py-4">
                                        <div class="small text-center"><a class="btn btn-block btn-primary" href="multi-tenant-create.html">Create new organization</a></div>
                                    </div>
                                </div>
                            </div>
                            <!-- Join Organization-->
                            <div class="col-xl-5 col-lg-6 col-md-8 col-sm-11 mt-4">
                                <div class="card text-center h-100">
                                    <div class="card-body px-5 pt-5 d-flex flex-column align-items-between">
                                        <div>
                                            <div class="h3 text-secondary font-weight-300">Join</div>
                                            <p class="text-muted mb-4">Enter an access code or request access to an existing organization</p>
                                        </div>
                                        <div class="icons-org-join align-items-center mx-auto"><i class="icon-user fas fa-user"></i><i class="icon-arrow fas fa-long-arrow-alt-right"></i><i class="icon-users fas fa-users"></i></div>
                                    </div>
                                    <div class="card-footer bg-transparent px-5 py-4">
                                        <div class="small text-center"><a class="btn btn-block btn-secondary" href="multi-tenant-join.html">Join an organization</a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </main>
            </div>
            <div id="layoutAuthentication_footer">
                <footer class="footer mt-auto footer-dark">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-md-6 small">Copyright &copy; Your Website 2023</div>
                            <div class="col-md-6 text-md-right small">
                                <a href="#!">Privacy Policy</a>
                                &middot;
                                <a href="#!">Terms &amp; Conditions</a>
                            </div>
                        </div>
                    </div>
                </footer>
            </div>
        </div>
    </div>
</body>

./organization.component.css

Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""