forked from DGNum/metis
Update share modal
This commit is contained in:
parent
36723000b0
commit
9bc5e860ea
1 changed files with 22 additions and 6 deletions
|
@ -1,5 +1,13 @@
|
|||
<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 selectedCalendars = [];
|
||||
|
@ -74,16 +82,18 @@
|
|||
<ModalBody>
|
||||
<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>
|
||||
|
||||
<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" />
|
||||
</span>
|
||||
|
||||
<Icon name="balloon-heart" class="text-danger fs-5" />
|
||||
<span class="fs-7">Propulsé par le Club Réseau de l'ENS</span>
|
||||
<Button size="sm" color="primary" on:click={doShare}>
|
||||
<Icon name="clipboard2-heart" />
|
||||
<span class="ms-1">Copier</span>
|
||||
</Button>
|
||||
</ModalFooter>
|
||||
</Modal>
|
||||
|
||||
|
@ -95,9 +105,15 @@
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
.share-egg {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
left: 1em;
|
||||
}
|
||||
|
||||
#share-url {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
display: inline-block;
|
||||
overflow-wrap: break-word;
|
||||
cursor: pointer;
|
||||
user-select: all;
|
||||
|
|
Loading…
Reference in a new issue