bipon68

<div class="article">
    <div class="heading">Article Heading</div>
    <div class="article-content">
        <div class="paragraph">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        </div>
        <div class="paragraph">
            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse

bipon68

Flexbox Pricing Plan

Best viewed with editors to left or right.

Working on using flexbox to display pricing plans with varying heights of content, with nice transitions, and mostly just using CSS. Very minimal JS for an optional piece of data. Also, using media queries to stack items when the boxes become too narrow.

TODO: COMMENT CODE, IE Testing, Decide if prices should be centered. (effects design, not functionality),

bipon68

[ngStyle]="{'text-align':col.field=='ItemId'?'right':col.field=='AccessionNo'?'right':col.field=='Qty'?'right':col.field=='Rate'?'right':'left'}"
#ngStyle multiple property
[ngStyle]="{'width': col.header=='Waiting Time'?'80px':col.header=='Arrival Time'? '200px':col.header=='Status'?'120px':'', 'text-align': col.header=='Arrival Time'?'right':'left'}"
#ngClass
[ngClass]="expanded ? 'fa fa-fw fa-chevron-circle-down' : 'fa fa-fw fa-chevron-circle-right'"
##
# ternary
class="{{flipPatientImaging === false ? 'flip-active-btn' : 'flip-normal-btn'}}"
let flipItem = (<HTMLElement>document.querySelector('.bottom-flip-content')).offsetHeight;
document.getElementById('common-flip-all-tab').style.height = flipItem + 50 +  'px';

bipon68

<div class="lis-filter mb-10">
    <div class="mb-10 text-right">
      <p-selectButton [options]="buttonTypes" [(ngModel)]="selectedTypeOrderType" (click)="filterLISListByStatus()">
      </p-selectButton>
    </div>
  </div>

<p-button label="Add Vendor" class="mb-10" icon="fa fa-plus"></p-button>

<div class="ui-g-12 ui-md-12">

bipon68

Data Table: 
https://kimsereyblog.blogspot.com/2017/12/prime-ng-data-table-for-angular.html
https://embed.plnkr.co/d9hQLeW3r95SMtCioTqt/
https://stackoverflow.com/questions/50944629/angular-primeng-table-set-up-pipe-per-column-using-cols-array
#lazy load
https://embed.plnkr.co/SjpIQa/
https://stackoverflow.com/questions/52673187/primeng-set-the-page-for-the-first-using-lazy-loading-table
https://stackoverflow.com/questions/46292509/unable-to-use-primeng-p-datatable-virtual-scroll-lazy-load?rq=1

#toggle-select-listbox

bipon68

@import '~primeng/resources/primeng.min.css';
@import '~primeng/resources/themes/omega/theme.css';
@import '~primeicons/primeicons.css';

bipon68

WHAT YOU WILL LEARN
At the end of this course you will be familiar with the concepts of cloud computing. You will have clear idea what is cloud computing, how this works and how to build software for the cloud. You will also be able to design and build your software to utilize and run in AWS infrastructure.

01
Introduction to cloud computing concepts
In this course we will get to know what is cloud computing and how this works. We will learn what is the difference between cloud based software and traditional software. We will learn the benefits of cloud computing and other fundamental concepts about cloud computing.

02
Get to know about AWS products
In this course we will learn about what services AWS provide and the use case of each of these services. It will help us understand the domain of AWS products and broaden our idea in this platform.

bipon68

https://github.com/arif2009/GIT-HELP-GUIDE

How to Add a New Remote to your Git Repo
https://articles.assembla.com/using-git/how-to-add-a-new-remote-to-your-git-repo
https://github.com/Kunena/Kunena-Forum/wiki/Create-a-new-branch-with-git-and-manage-branches

Discard all local changes to all files permanently > git reset --hard

git log --oneline --decorate --graph
git rebase master

bipon68

https://github.com/MiracleAdvanceTechnologies/PetMatrixFrontend/commit/c9ced1c8611b15562e95b8271ababe824ea72e27

<p-table #table [value]="[{}]">
        <ng-template pTemplate="header">
            <tr>
                <th>Reporting</th>
                <th>Con. Simple</th>
                <th>Con. Complex</th>
            </tr>
        </ng-template>

bipon68

Command line instructions

#Git global setup
it config --global user.name "Bipon Biswas"
git config --global user.email "bipon770@gmail.com"

#Create a new repository
git clone git@gitlab.com:alem-project/the-vault-admin-crm.git
cd the-vault-admin-crm
touch README.md