lixin-web/webapp/js/index.js

vue and bootstrap

// externals jquery
window.jQuery = window.$ = require('jquery')
import '../less/index.less'
import '../css/_gaga_temp/lx_bg.css'
import '../css/_gaga_temp/index_bg.css'
// import '../css/_gaga_temp/lobby_lottery_bg.css'
import Vue from 'vue'
if(!isDevEnv){
  Vue.config.silent = true
  Vue.config.devtools = false
}


import { Tooltip,Badge} from 'element-ui'
Vue.use(Badge)
Vue.use(Tooltip)

import '../css/element-theme/icon.css'
import '../css/element-theme/loading.css'
import '../css/element-theme/badge.css'
import '../css/element-theme/tooltip.css'
import '../css/element-theme/button.css'
import '../css/element-theme/radio-group.css'
import '../css/element-theme/radio-button.css'
import '../css/element-theme/form.css'
import '../css/element-theme/form-item.css'
import '../css/element-theme/checkbox.css'
//lottoRecord & admin Report use
//element-theme el-tag el-checkbox el-select-dropdown... repeat,extra .css use cssnano uniqueSelectors
//http://cssnano.co/optimisations/uniqueSelectors/
import '../css/element-theme/select.css'
import '../css/element-theme/select-dropdown.css'
import '../css/element-theme/cascader.css'
import '../css/element-theme/slider.css'
import '../css/element-theme/date-picker.css'
import '../css/element-theme/pagination.css'
import '../css/element-theme/table.css'
import '../css/element-theme/table-column.css'
// import '../css/element-theme/time-picker.css'

import 'animate.css/source/_base.css'
import 'animate.css/source/sliding_entrances/slideInDown.css'
import 'animate.css/source/sliding_exits/slideOutup.css'
import 'animate.css/source/zooming_entrances/zoomIn.css'
import 'animate.css/source/zooming_exits/zoomOut.css'
import 'animate.css/source/bouncing_entrances/bounceInRight.css'
import 'animate.css/source/bouncing_exits/bounceOutRight.css'
import 'animate.css/source/fading_entrances/fadeIn.css'


import '../css/loaders.scss'
import '../css/sweetalert2/sweetalert2.scss'
import 'bootstrap/js/transition'
import 'bootstrap/js/tab'


window.Cookies = require('js-cookie')

import 'formvalidation/src/js/base'
import 'formvalidation/src/js/helper'
import 'formvalidation/src/js/validator/digits'
// import 'formvalidation/src/js/validator/identical'
import 'formvalidation/src/js/validator/numeric'
import 'formvalidation/src/js/validator/notEmpty'
import 'formvalidation/src/js/validator/regexp'
import 'formvalidation/src/js/validator/stringLength'
import 'formvalidation/src/js/framework/bootstrap'
import 'formvalidation/src/js/validator/callback'


// lottery.less overwrite bootstrap-table.css => xe.css
import 'bootstrap-table/dist/bootstrap-table.css'


import './util/DataFormat'
import {isDesktopScreen,isTouchDevice,getPath} from './util/Will'
import AppData from './util/AppData'
import './util/fallback_app'
import './util/compt'


window.rootIndex = '/'



import store from '../store'

const pathName = getPath()

import Bar from '../component/bar'

pathName !== '/' && new Vue({
  el:'.bar',
  render: h => h(Bar),
  store
})

// import ''
// const BANNERTOP = 105;

import './router'

// const $win = $(window);
// const $nav = $('.navbar-top').addClass('animated')
// if (isDesktopScreen){
//   // const bannerTop = 120 + 45;
//   const bannerTop = 45;
//   let scrollTop = 0
//   $win
//     .scroll(throttle(() => {
//       scrollTop = $win.scrollTop();
//     },100))
//     .on('mousewheel',throttle(e => {
//       if (scrollTop < bannerTop) return;
//       if(e.originalEvent.wheelDelta < 0) {
//         $nav.addClass('slideOutUp').removeClass('slideInDown')
//       }else{
//         $nav.addClass('slideInDown').removeClass('slideOutUp')
//       }
//     },200))
//
//   // var $banner = $(".index-banner");
//   //
//   // $banner.height($win.height() - BANNERTOP)
//   //
//   // $win.resize(function () {
//   //   $banner.height($win.height() - BANNERTOP)
//   // });
// }

// new Vue({
//   el:'.browsers-list',
//   render: h => h(require('../component/util/BrowsersList.vue'))
// })

import MoveTo from 'moveto'
// const easeFunctions = {
//   easeInQuad: function (t, b, c, d) {
//     t /= d;
//     return c * t * t + b;
//   },
//   easeOutQuad: function (t, b, c, d) {
//     t /= d;
//     return -c * t* (t - 2) + b;
//   }
// }

const moveTo = new MoveTo({
  duration: 500,
  // ease: 'easeInQuad'
})
// }, easeFunctions);

moveTo.registerTrigger(document.querySelector('.footer .pull-right'))

if(!isDevEnv) {
  const Raven = require('raven-js')
  Raven
    .config('https://ad49f4ae669d4910a5545dc5c109f19c@sentry.io/154193')
    .install();
}