forked from mirror/pixelfed
Add MicroUI component
This commit is contained in:
parent
e343e07da3
commit
e5d9c6460a
2 changed files with 98 additions and 0 deletions
58
resources/assets/js/components/Micro.vue
Normal file
58
resources/assets/js/components/Micro.vue
Normal file
|
@ -0,0 +1,58 @@
|
|||
<template>
|
||||
<div></div>
|
||||
</template>
|
||||
|
||||
<style type="text/css" scoped>
|
||||
@import '~quill/dist/quill.snow.css';
|
||||
body {
|
||||
background-color: #ECECEC;
|
||||
}
|
||||
.bg-alt {
|
||||
background-color: #2C2E3B;
|
||||
}
|
||||
.cursor-pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
.ql-container {
|
||||
font-size: 14px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
import Quill from 'quill';
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
footer: {
|
||||
about: '/site/about',
|
||||
help: '/site/help',
|
||||
classic: '/'
|
||||
},
|
||||
loading: true,
|
||||
profile: {},
|
||||
page: 1,
|
||||
activeFeed: 'home',
|
||||
homeFeed: [],
|
||||
notifications: {},
|
||||
composeType: false,
|
||||
notes: {
|
||||
active: false,
|
||||
status_id: null,
|
||||
username: null,
|
||||
like_count: 0,
|
||||
share_count: 0,
|
||||
replies: [],
|
||||
page: 1
|
||||
},
|
||||
profileCard: {
|
||||
account: {
|
||||
avatar: null
|
||||
}
|
||||
},
|
||||
quill: false,
|
||||
searching: false
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
40
resources/assets/js/micro.js
vendored
Normal file
40
resources/assets/js/micro.js
vendored
Normal file
|
@ -0,0 +1,40 @@
|
|||
require('./bootstrap');
|
||||
|
||||
window.Vue = require('vue');
|
||||
import BootstrapVue from 'bootstrap-vue'
|
||||
import InfiniteLoading from 'vue-infinite-loading';
|
||||
import Loading from 'vue-loading-overlay';
|
||||
import VueTimeago from 'vue-timeago';
|
||||
//import {Howl, Howler} from 'howler';
|
||||
|
||||
Vue.use(BootstrapVue);
|
||||
Vue.use(InfiniteLoading);
|
||||
Vue.use(Loading);
|
||||
Vue.use(VueTimeago);
|
||||
|
||||
pixelfed.readmore = () => {
|
||||
$('.read-more').each(function(k,v) {
|
||||
let el = $(this);
|
||||
let attr = el.attr('data-readmore');
|
||||
if(typeof attr !== typeof undefined && attr !== false) {
|
||||
return;
|
||||
}
|
||||
el.readmore({
|
||||
collapsedHeight: 44,
|
||||
heightMargin: 20,
|
||||
moreLink: '<a href="#" class="font-weight-bold small">Read more</a>',
|
||||
lessLink: '<a href="#" class="font-weight-bold small">Hide</a>',
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
try {
|
||||
document.createEvent("TouchEvent");
|
||||
$('body').addClass('touch');
|
||||
} catch (e) {
|
||||
}
|
||||
|
||||
Vue.component(
|
||||
'micro',
|
||||
require('./components/Micro.vue').default
|
||||
);
|
Loading…
Reference in a new issue