Skip to content

Commit

Permalink
Merge pull request #1182 from hypersign-protocol/revert-1180-preview-v2
Browse files Browse the repository at this point in the history 
Revert "implemented"
  • Loading branch information
@Pratap2018
Pratap2018 authored May 25, 2022
2 parents b40fb20 + eddb7a2 commit c0e63e7
Show file tree
Hide file tree
Showing 4 changed files with 212 additions and 83 deletions.
1 change: 0 additions & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,6 @@
"vue-sidebar-menu": "^4.7.4",
"vue-stepper": "^1.4.2",
"vue-sweetalert2": "^5.0.2",
"vuedraggable": "^2.24.3",
"vuejs-datepicker": "^1.6.2",
"vuejs-datetimepicker": "^1.1.13",
"vuejs-paginate": "^2.1.0",
Expand Down
27 changes: 0 additions & 27 deletions src/components/admin/createProjectSlider/CreateProjectSlide.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -371,33 +371,6 @@
</b-card-body>
</b-collapse>
</b-card>

<b-card no-body class="mb-1">
<b-card-header
header-tag="header"
class="p-1 accordin-header accordion-header-theme"
role="tab"
>
<b-button
block
v-b-toggle.accordion-9
variant="info"
class="bg-transparent border-0 text-left text-primary"
title="Create Smart contract configuration for your event"
><i class="fas fa-file-contract"></i> Preview
</b-button>
</b-card-header>
<b-collapse
id="accordion-9"
accordion="my-accordion"
role="tabpanel"
>
<b-card-body>
<preview-config :eventData="project"/>
</b-card-body>
</b-collapse>
</b-card>

<!-- -->
<!-- Tags Config -->
<!-- <b-card no-body class="mb-1">
Expand Down
265 changes: 211 additions & 54 deletions src/components/admin/createProjectSlider/components/PreviewConfig.vue
View file
Original file line number Diff line number Diff line change
@@ -1,58 +1,215 @@
<template>
<div>
<div>
<Metrics
@getLeaderBoard="fetchLeaderBoard"
:leaderBoardData="leaderBoardData"
:userScore="5"
:totalEntries="eventData.investorsCount"
:timeLeft="
(new Date(eventData.toDate).getTime() -
new Date(eventData.fromDate).getTime()) /
(1000 * 3600 * 24)
"
/>
</div>
<div>

<Banner
:eventName="eventData.projectName"
:themeColor="eventData.themeColor"
:fontColor="eventData.fontColor"
:fromDate="new Date(eventData.fromDate).toLocaleString()"
:toDate="new Date(eventData.toDate).toLocaleString()"
:logoUrl="eventData.logoUrl"
/>
</div>
<div>
<draggable v-model="eventData.actions" >
<b-list-group
class="col md-7"
v-for="action in eventData.actions"
v-bind:Key="action._id"
>
<b-list-group-item class="col md-7" v-if="action.type!=='HYPERSIGN_AUTH'">{{action.title}}</b-list-group-item>


</b-list-group>

</draggable>
{{eventActionList}}
<div data-v-48af5828="" class="content-wrapper-not">
<div data-v-2b5cb8bb="" data-v-48af5828="">
<div
data-v-2b5cb8bb=""
tabindex="0"
aria-label="Loading"
class="vld-overlay is-active is-full-page"
style="display: none"
>
<div class="vld-background" style="backdrop-filter: blur(2px)"></div>
<div class="vld-icon">
<svg
viewBox="0 0 38 38"
xmlns="http://www.w3.org/2000/svg"
width="64"
height="64"
stroke="#000"
>
<g fill="none" fill-rule="evenodd">
<g transform="translate(1 1)" stroke-width="2">
<circle stroke-opacity=".25" cx="18" cy="18" r="18"></circle>
<path d="M36 18c0-9.94-8.06-18-18-18">
<animateTransform
attributeName="transform"
type="rotate"
from="0 18 18"
to="360 18 18"
dur="0.8s"
repeatCount="indefinite"
></animateTransform>
</path>
</g>
</g>
</svg>
</div>
</div>
<div
data-v-2b5cb8bb=""
class="card mx-auto overflow-hidden mt-3 border-0"
style="max-width: 600px"
>
<!----><!---->
<div
data-v-342cbee0=""
data-v-2b5cb8bb=""
class="row metrics-info border-bottom-0"
authtoken="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJuYW1lIjoiVmlrcmFtIEFuYW5kIiwiZW1haWwiOiJ2aWtyYW1iYW5hbmRAZ21haWwuY29tIiwiaWQiOiJkaWQ6aHM6OGUxNmY0ZmYtYTM3Ny00MmMyLTg2ODctZmZhZTJmNTRiZjkwIiwiaWF0IjoxNjUzNDcwMTc2LCJleHAiOjE2NTM5NTAxNzZ9.gRqcGztWDl3hScpoWLLcsMJgjO6e-tpZiqJ82IOBZPk"
leaderboarddata=""
>
<div
data-v-342cbee0=""
class="border-right col-sm-3 col-md-3 col-3"
>
<div data-v-342cbee0="" class="py-4">
<div data-v-342cbee0="" class="number">5</div>
<div data-v-342cbee0="" class="text">Your Score</div>
</div>
</div>
<div
data-v-342cbee0=""
class="border-right col-sm-3 col-md-3 col-3"
>
<div data-v-342cbee0="" class="py-4">
<div data-v-342cbee0="" class="number">1</div>
<div data-v-342cbee0="" class="text">Total Users</div>
</div>
</div>
<div
data-v-342cbee0=""
class="border-right col-sm-3 col-md-3 col-3"
>
<div data-v-342cbee0="" class="py-4">
<div data-v-342cbee0="" class="number">6</div>
<div data-v-342cbee0="" class="text">Days Left</div>
</div>
</div>
<div data-v-342cbee0="" class="col-sm-3 col-md-3 col-3">
<div data-v-342cbee0="" class="py-4">
<div data-v-342cbee0="" class="number">
<i data-v-342cbee0="" class="fas fa-table"></i>
</div>
<div data-v-342cbee0="" class="text">Leaderboard</div>
</div>
</div>
</div>
<div data-v-28dfe7a4="" data-v-2b5cb8bb="" class="row">
<div data-v-28dfe7a4="" class="col-md-12">
<div data-v-28dfe7a4="" class="card banner rounded-0">
<!----><!----><img
data-v-28dfe7a4=""
src="https://huddle-frontend-assets.s3.amazonaws.com/revamp/Web3NativeZoom/Banner.png"
/><!----><!----><!---->
</div>
</div>
</div>
<!----><!----><!---->
</div>
<!---->
<div
data-v-2b5cb8bb=""
role="tablist"
class="accordion mt-3 mx-auto overflow-hidden"
style="max-width: 600px"
>
<div
tabindex="0"
aria-label="Loading"
class="vld-overlay is-active is-full-page"
style="display: none"
>
<div
class="vld-background"
style="backdrop-filter: blur(2px)"
></div>
<div class="vld-icon">
<svg
viewBox="0 0 38 38"
xmlns="http://www.w3.org/2000/svg"
width="64"
height="64"
stroke="#000"
>
<g fill="none" fill-rule="evenodd">
<g transform="translate(1 1)" stroke-width="2">
<circle
stroke-opacity=".25"
cx="18"
cy="18"
r="18"
></circle>
<path d="M36 18c0-9.94-8.06-18-18-18">
<animateTransform
attributeName="transform"
type="rotate"
from="0 18 18"
to="360 18 18"
dur="0.8s"
repeatCount="indefinite"
></animateTransform>
</path>
</g>
</g>
</svg>
</div>
</div>
<div data-v-02cd513d="" class="card action-wrap">
<!----><!---->
<div
data-v-02cd513d=""
aria-expanded="true"
aria-controls="profile"
class="card-header"
>
<div data-v-02cd513d="" class="row">
<div data-v-02cd513d="" class="col-sm-1 col-md-1 col-1">
<img
data-v-02cd513d=""
src="/img/person-fill.8ae51993.svg"
height="25px"
/>
</div>
<div
data-v-02cd513d=""
class="text-left col-sm-9 col-md-9 col-9"
>
<div data-v-02cd513d="" class="text">
Your Profile &amp; Referral
</div>
</div>
</div>
</div>
<div data-v-02cd513d="" id="profile" class="collapse show">
<div data-v-02cd513d="" class="card-body user-details">
<!----><!---->
<div data-v-02cd513d="" class="row">
<div data-v-02cd513d="" class="col-sm-3 col-md-3 col-12">
<div data-v-02cd513d="" class="title text-left mb-1">
Username
</div>
<div data-v-02cd513d="" class="text text-left">
Vikram Anand
</div>
</div>
<div data-v-02cd513d="" class="col-sm-4 col-md-4 col-12">
<div data-v-02cd513d="" class="title text-left mb-1">
Email
</div>
<div data-v-02cd513d="" class="text text-left">
vi**********.com
</div>
</div>
<div data-v-02cd513d="" class="col-sm-5 col-md-5 col-12">
<div data-v-02cd513d="" class="title text-left mb-1">
Your Referral Link
</div>
<div data-v-02cd513d="" class="text text-left">
https:// ... LmNvbQ==
<span data-v-02cd513d="" class="copy"
><i data-v-02cd513d="" class="far fa-copy"></i
></span>
</div>
</div>
</div>
</div>
</div>
<!----><!---->
</div>
<!---->
</div>
</div>
</div>
</div>
</template>

<script>
import Banner from "../../../participant/Banner.vue";
import Metrics from "../../../participant/Metrics.vue";
import draggable from 'vuedraggable'
export default {
name: "PreviewConfig",
props: {
eventData: {
type: Object,
},
},
components: { Banner, Metrics ,draggable},
};
</script>
</template>
2 changes: 1 addition & 1 deletion src/main.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,7 @@ import VueSidebarMenu from "vue-sidebar-menu";
import "vue-sidebar-menu/dist/vue-sidebar-menu.css";
import VueMeta from 'vue-meta';


// Tell Vue to install the plugin.
// Vue.use(VuejsDialog.main.default);
const options = {
Expand All @@ -41,7 +42,6 @@ Vue.use(BootstrapVue);
Vue.use(IconsPlugin);
Vue.use(Notifications);


//// VUE EASY TABEL ////
Vue.use(VeTable);
Vue.use(VePagination);
Expand Down

0 comments on commit c0e63e7

Please sign in to comment.