Add MicroUI component

This commit is contained in:
Daniel Supernault 2019-02-10 21:26:51 -07:00
parent e343e07da3
commit e5d9c6460a
No known key found for this signature in database
GPG Key ID: 0DEF1C662C9033F7
2 changed files with 98 additions and 0 deletions

View 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
View 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
);