storj/web/satellite/src/components/project/ProjectCreationSuccessPopup.html
VitaliiShpital fe39845a8c web/satellite: refreshing billing history on entering billing page implemented
Change-Id: I986d6bc5ca1277c78ead7cf6323d59cb73045e25
2020-03-23 15:26:08 +00:00

36 lines
1.9 KiB
HTML

<!--Copyright (C) 2019 Storj Labs, Inc.-->
<!--See LICENSE for copying information.-->
<div v-if="isPopupShown" class="project-creation-success-popup-container">
<div class="project-creation-success-popup" id='successfulProjectCreationPopup'>
<div class="project-creation-success-popup__info-panel-container">
<ProjectCreationSuccessIcon/>
<p class="project-creation-success-popup__info-panel-container__title">Project Created!</p>
</div>
<div class="project-creation-success-popup__form-container">
<h2 class="project-creation-success-popup__form-container__main-label-text">Congrats!</h2>
<p class="project-creation-success-popup__form-container__confirmation-text">You just created your project. Next, we recommend you create your first API Key for this project. API Keys allow developers to manage their projects and build applications on top of the Storj network through our
<a class="project-creation-success-popup__form-container__confirmation-text__link" href="https://documentation.tardigrade.io/api-reference/uplink-cli" target="_blank">Uplink CLI.</a>
</p>
<div class="project-creation-success-popup__form-container__button-container">
<VButton
label="I will do it later"
width="214px"
height="50px"
:on-press="onCloseClick"
is-white="true"
/>
<VButton
label="Create an API Key"
width="214px"
height="50px"
:on-press="onCreateAPIKeyClick"
/>
</div>
</div>
<div class="project-creation-success-popup__close-cross-container" @click="onCloseClick">
<CloseCrossIcon/>
</div>
</div>
</div>