josh/dashy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 Adds workspace icon to opening method hover icon

Browse Source
This commit is contained in:
Alicia Sykes
2021-06-25 13:33:49 +01:00
parent 8a5656df0c
commit 97319cf051
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/LinkItems/ItemOpenMethodIcon.vue
View File

@@ -2,19 +2,24 @@
<div :class="makeClass(position, isSmall, isTransparent)"> <div :class="makeClass(position, isSmall, isTransparent)">
<NewTabOpenIcon v-if="openingMethod === 'newtab'" /> <NewTabOpenIcon v-if="openingMethod === 'newtab'" />
<SameTabOpenIcon v-else-if="openingMethod === 'sametab'" /> <SameTabOpenIcon v-else-if="openingMethod === 'sametab'" />
<IframeOpenIcon v-else-if="openingMethod === 'iframe'" /> <IframeOpenIcon v-else-if="openingMethod === 'modal'" />
<WorkspaceOpenIcon v-else-if="openingMethod === 'workspace'" />
</div> </div>
</template> </template>
<script> <script>
/* This component displays a small icon, indicating opening method */
// Import Icons
import NewTabOpenIcon from '@/assets/interface-icons/open-new-tab.svg'; import NewTabOpenIcon from '@/assets/interface-icons/open-new-tab.svg';
import SameTabOpenIcon from '@/assets/interface-icons/open-current-tab.svg'; import SameTabOpenIcon from '@/assets/interface-icons/open-current-tab.svg';
import IframeOpenIcon from '@/assets/interface-icons/open-iframe.svg'; import IframeOpenIcon from '@/assets/interface-icons/open-iframe.svg';
import WorkspaceOpenIcon from '@/assets/interface-icons/open-workspace.svg';
export default { export default {
name: 'ItemOpenMethodIcon', name: 'ItemOpenMethodIcon',
props: { props: {
openingMethod: String, // newtab | sametab | iframe openingMethod: String, // newtab | sametab | modal | workspace
isSmall: Boolean, // If true, will apply small class isSmall: Boolean, // If true, will apply small class
position: String, // Position classes: top, bottom, left, right position: String, // Position classes: top, bottom, left, right
isTransparent: Boolean, // If true, will apply opacity isTransparent: Boolean, // If true, will apply opacity
@@ -32,6 +37,7 @@ export default {
NewTabOpenIcon, NewTabOpenIcon,
SameTabOpenIcon, SameTabOpenIcon,
IframeOpenIcon, IframeOpenIcon,
WorkspaceOpenIcon,
}, },
}; };
</script> </script>