btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

refactor: better implimentation for slots

Browse Source
This commit is contained in:
liyasthomas
2021-06-30 14:16:02 +05:30
parent 0dd0d262d6
commit b750ccd46f
46 changed files with 1144 additions and 758 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
components/teams/Add.vue
View File

@@ -1,20 +1,17 @@
<template>
<SmartModal v-if="show" @close="hideModal">
<div slot="header">
<template #header>
<h3 class="heading">{{ $t("new_team") }}</h3>
<button class="icon button" @click="hideModal">
<i class="material-icons">close</i>
</button>
</template>
<template #body>
<ul>
<li>
<div class="row-wrapper">
<h3 class="heading">{{ $t("new_team") }}</h3>
<div>
<button class="icon button" @click="hideModal">
<i class="material-icons">close</i>
</button>
</div>
</div>
<label>{{ $t("label") }}</label>
</li>
</ul>
</div>
<div slot="body">
<ul>
<li>
<input
@@ -26,20 +23,18 @@
/>
</li>
</ul>
</div>
<div slot="footer">
<div class="row-wrapper">
<span></span>
<span>
<button class="icon button" @click="hideModal">
{{ $t("cancel") }}
</button>
<button class="icon button primary" @click="addNewTeam">
{{ $t("save") }}
</button>
</span>
</div>
</div>
</template>
<template #footer>
<span></span>
<span>
<button class="icon button" @click="hideModal">
{{ $t("cancel") }}
</button>
<button class="icon button primary" @click="addNewTeam">
{{ $t("save") }}
</button>
</span>
</template>
</SmartModal>
</template>

47
components/teams/Edit.vue
View File

@@ -1,20 +1,19 @@
<template>
<SmartModal v-if="show" @close="hideModal">
<div slot="header">
<template #header>
<h3 class="heading">{{ $t("edit_team") }}</h3>
<button class="icon button" @click="hideModal">
<i class="material-icons">close</i>
</button>
</template>
<template #body>
<ul>
<li>
<div class="row-wrapper">
<h3 class="heading">{{ $t("edit_team") }}</h3>
<div>
<button class="icon button" @click="hideModal">
<i class="material-icons">close</i>
</button>
</div>
<label>{{ $t("label") }}</label>
</div>
</li>
</ul>
</div>
<div slot="body">
<ul>
<li>
<input
@@ -70,7 +69,7 @@
"
readonly
/>
<template slot="popover">
<template #popover>
<div>
<button
v-close-popover
@@ -150,7 +149,7 @@
"
readonly
/>
<template slot="popover">
<template #popover>
<div>
<button
v-close-popover
@@ -203,20 +202,18 @@
</button>
</li>
</ul>
</div>
<div slot="footer">
<div class="row-wrapper">
<span></span>
<span>
<button class="icon button" @click="hideModal">
{{ $t("cancel") }}
</button>
<button class="icon button primary" @click="saveTeam">
{{ $t("save") }}
</button>
</span>
</div>
</div>
</template>
<template #footer>
<span></span>
<span>
<button class="icon button" @click="hideModal">
{{ $t("cancel") }}
</button>
<button class="icon button primary" @click="saveTeam">
{{ $t("save") }}
</button>
</span>
</template>
</SmartModal>
</template>

2
components/teams/Team.vue
View File

@@ -14,7 +14,7 @@
<button v-tooltip.left="$t('more')" class="tooltip-target icon button">
<i class="material-icons">more_vert</i>
</button>
<template slot="popover">
<template #popover>
<div v-if="team.myRole === 'OWNER'">
<button
v-close-popover