DGNum/metis
17
2
Fork 1
Code Issues 12 Pull requests 3 Projects Releases Packages Wiki Activity

Merge pull request 'Update share modal' (#42) from thubrecht/link into master

Browse source 
Reviewed-on: https://git.rz.ens.wtf/Klub-RZ/metis/pulls/42
This commit is contained in:
tomate 2022-07-28 18:49:32 +02:00
commit 43b6dbcba1
1 changed files with 22 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/Share.svelte
View file

@ -1,5 +1,13 @@
<script> <script>
import { Modal, ModalHeader, ModalBody, ModalFooter, Icon, Toast } from 'sveltestrap'; import {
Button,
Modal,
ModalHeader,
ModalBody,
ModalFooter,
Icon,
Toast
} from 'sveltestrap';
export let calendar = null; export let calendar = null;
export let selectedCalendars = []; export let selectedCalendars = [];
@ -74,16 +82,18 @@
<ModalBody> <ModalBody>
<p>La vue actuelle du calendrier peut être partagée avec l'URL suivante :</p> <p>La vue actuelle du calendrier peut être partagée avec l'URL suivante :</p>
<a id="share-url" on:click={doShare}>{share}</a> <a id="share-url">{share}</a>
</ModalBody> </ModalBody>
<ModalFooter> <ModalFooter>
<span on:click={toggleBinary} class="flex-grow-1" title="Partager en base64"> <span on:click={toggleBinary} class="share-egg" title="Partager en base64">
<Icon name={shareDataIcon} class="fs-5" /> <Icon name={shareDataIcon} class="fs-5" />
</span> </span>
<Icon name="balloon-heart" class="text-danger fs-5" /> <Button size="sm" color="primary" on:click={doShare}>
<span class="fs-7">Propulsé par le Club Réseau de l'ENS</span> <Icon name="clipboard2-heart" />
<span class="ms-1">Copier</span>
</Button>
</ModalFooter> </ModalFooter>
</Modal> </Modal>
@ -95,9 +105,15 @@
cursor: pointer; cursor: pointer;
} }
.share-egg {
position: absolute;
cursor: pointer;
left: 1em;
}
#share-url { #share-url {
max-width: 100%; max-width: 100%;
display: block; display: inline-block;
overflow-wrap: break-word; overflow-wrap: break-word;
cursor: pointer; cursor: pointer;
user-select: all; user-select: all;