mirror of
https://github.com/pinry/pinry.git
synced 2026-02-03 13:09:24 +01:00
67 lines
2.1 KiB
HTML
67 lines
2.1 KiB
HTML
{% verbatim %}
|
|
|
|
<script type="text/x-template" id="pin-container-template">
|
|
<div id="pins" :style="containerStyle">
|
|
<template v-for="(item, index) in pins">
|
|
<pin
|
|
:pin="item"
|
|
:index="index"
|
|
:args="args"
|
|
:heightTable="heightTable"
|
|
v-on:rendered="updateChildHeight"
|
|
></pin>
|
|
</template>
|
|
</div>
|
|
|
|
</script>
|
|
|
|
<script type="text/x-template" id="pin-template">
|
|
<div :style="pinStyle" class="pin" :class="{ 'fake-hide': !loaded }" v-on:mouseover="active = true" v-on:mouseleave="active = false">
|
|
<transition name="fade">
|
|
<div class="editor" v-show="active">
|
|
<div class="borderable">
|
|
<span class="glyphicon glyphicon-heart" data-id="{{id}}"></span>
|
|
</div>
|
|
<template v-if="editable">
|
|
<div class="borderable">
|
|
<span class="glyphicon glyphicon-trash" data-id="{{id}}"></span>
|
|
</div>
|
|
<div class="borderable">
|
|
<span class="glyphicon glyphicon-pencil" data-id="{{id}}"></span>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</transition>
|
|
|
|
<a :href="pin.image.image"
|
|
@click="showImageDetail($event)"
|
|
class="lightbox"
|
|
:style="imageStyle">
|
|
<div class="image-wrapper">
|
|
<img :src="pin.image.thumbnail.image" v-on:load="onImageLoad">
|
|
</div>
|
|
</a>
|
|
|
|
<div class="pin-description">
|
|
<p v-if="pin.description">{{ pin.description }}</p>
|
|
<div class="pin-footer clearfix">
|
|
<div class="avatar pull-left">
|
|
<img :src="getAvatar()">
|
|
</div>
|
|
<div class="text pull-right">
|
|
<span class="dim">pinned by</span>
|
|
<a :href="getUserLink">{{ pin.submitter.username }}</a>
|
|
<template v-if="pin.tags.length != 0">
|
|
<span class="dim">in</span>
|
|
<template v-for="_tag in pin.tags">
|
|
<span class="tag"><a :href="getTagLink(_tag)">{{ _tag }}</a></span>
|
|
</template>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</script>
|
|
{% endverbatim %}
|