界面框架初步提交
This commit is contained in:
@@ -0,0 +1,25 @@
|
||||
/**
|
||||
Cookie consent init
|
||||
**/
|
||||
|
||||
var CookieConsent = function () {
|
||||
|
||||
var _init = function () {
|
||||
$('.mt-cookie-consent-bar').cookieBar({
|
||||
closeButton : '.mt-cookie-consent-btn'
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
init: function () {
|
||||
_init();
|
||||
}
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
if (App.isAngularJsApp() === false) {
|
||||
jQuery(document).ready(function() {
|
||||
CookieConsent.init();
|
||||
});
|
||||
}
|
||||
1
src/main/webapp/static/layouts/global/scripts/cookie-consent.min.js
vendored
Normal file
1
src/main/webapp/static/layouts/global/scripts/cookie-consent.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var CookieConsent=function(){var n=function(){$(".mt-cookie-consent-bar").cookieBar({closeButton:".mt-cookie-consent-btn"})};return{init:function(){n()}}}();App.isAngularJsApp()===!1&&jQuery(document).ready(function(){CookieConsent.init()});
|
||||
0
src/main/webapp/static/layouts/global/scripts/hor-timeline.min.js
vendored
Normal file
0
src/main/webapp/static/layouts/global/scripts/hor-timeline.min.js
vendored
Normal file
172
src/main/webapp/static/layouts/global/scripts/quick-sidebar.js
Normal file
172
src/main/webapp/static/layouts/global/scripts/quick-sidebar.js
Normal file
@@ -0,0 +1,172 @@
|
||||
/**
|
||||
Core script to handle the entire theme and core functions
|
||||
**/
|
||||
var QuickSidebar = function () {
|
||||
|
||||
// Handles quick sidebar toggler
|
||||
var handleQuickSidebarToggler = function () {
|
||||
// quick sidebar toggler
|
||||
$('.dropdown-quick-sidebar-toggler a, .page-quick-sidebar-toggler, .quick-sidebar-toggler').click(function (e) {
|
||||
$('body').toggleClass('page-quick-sidebar-open');
|
||||
});
|
||||
};
|
||||
|
||||
// Handles quick sidebar chats
|
||||
var handleQuickSidebarChat = function () {
|
||||
var wrapper = $('.page-quick-sidebar-wrapper');
|
||||
var wrapperChat = wrapper.find('.page-quick-sidebar-chat');
|
||||
|
||||
var initChatSlimScroll = function () {
|
||||
var chatUsers = wrapper.find('.page-quick-sidebar-chat-users');
|
||||
var chatUsersHeight;
|
||||
|
||||
chatUsersHeight = wrapper.height() - wrapper.find('.nav-tabs').outerHeight(true);
|
||||
|
||||
// chat user list
|
||||
App.destroySlimScroll(chatUsers);
|
||||
chatUsers.attr("data-height", chatUsersHeight);
|
||||
App.initSlimScroll(chatUsers);
|
||||
|
||||
var chatMessages = wrapperChat.find('.page-quick-sidebar-chat-user-messages');
|
||||
var chatMessagesHeight = chatUsersHeight - wrapperChat.find('.page-quick-sidebar-chat-user-form').outerHeight(true);
|
||||
chatMessagesHeight = chatMessagesHeight - wrapperChat.find('.page-quick-sidebar-nav').outerHeight(true);
|
||||
|
||||
// user chat messages
|
||||
App.destroySlimScroll(chatMessages);
|
||||
chatMessages.attr("data-height", chatMessagesHeight);
|
||||
App.initSlimScroll(chatMessages);
|
||||
};
|
||||
|
||||
initChatSlimScroll();
|
||||
App.addResizeHandler(initChatSlimScroll); // reinitialize on window resize
|
||||
|
||||
wrapper.find('.page-quick-sidebar-chat-users .media-list > .media').click(function () {
|
||||
wrapperChat.addClass("page-quick-sidebar-content-item-shown");
|
||||
});
|
||||
|
||||
wrapper.find('.page-quick-sidebar-chat-user .page-quick-sidebar-back-to-list').click(function () {
|
||||
wrapperChat.removeClass("page-quick-sidebar-content-item-shown");
|
||||
});
|
||||
|
||||
var handleChatMessagePost = function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
var chatContainer = wrapperChat.find(".page-quick-sidebar-chat-user-messages");
|
||||
var input = wrapperChat.find('.page-quick-sidebar-chat-user-form .form-control');
|
||||
|
||||
var text = input.val();
|
||||
if (text.length === 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
var preparePost = function(dir, time, name, avatar, message) {
|
||||
var tpl = '';
|
||||
tpl += '<div class="post '+ dir +'">';
|
||||
tpl += '<img class="avatar" alt="" src="' + Layout.getLayoutImgPath() + avatar +'.jpg"/>';
|
||||
tpl += '<div class="message">';
|
||||
tpl += '<span class="arrow"></span>';
|
||||
tpl += '<a href="#" class="name">Bob Nilson</a> ';
|
||||
tpl += '<span class="datetime">' + time + '</span>';
|
||||
tpl += '<span class="body">';
|
||||
tpl += message;
|
||||
tpl += '</span>';
|
||||
tpl += '</div>';
|
||||
tpl += '</div>';
|
||||
|
||||
return tpl;
|
||||
};
|
||||
|
||||
// handle post
|
||||
var time = new Date();
|
||||
var message = preparePost('out', (time.getHours() + ':' + time.getMinutes()), "Bob Nilson", 'avatar3', text);
|
||||
message = $(message);
|
||||
chatContainer.append(message);
|
||||
|
||||
chatContainer.slimScroll({
|
||||
scrollTo: '1000000px'
|
||||
});
|
||||
|
||||
input.val("");
|
||||
|
||||
// simulate reply
|
||||
setTimeout(function(){
|
||||
var time = new Date();
|
||||
var message = preparePost('in', (time.getHours() + ':' + time.getMinutes()), "Ella Wong", 'avatar2', 'Lorem ipsum doloriam nibh...');
|
||||
message = $(message);
|
||||
chatContainer.append(message);
|
||||
|
||||
chatContainer.slimScroll({
|
||||
scrollTo: '1000000px'
|
||||
});
|
||||
}, 3000);
|
||||
};
|
||||
|
||||
wrapperChat.find('.page-quick-sidebar-chat-user-form .btn').click(handleChatMessagePost);
|
||||
wrapperChat.find('.page-quick-sidebar-chat-user-form .form-control').keypress(function (e) {
|
||||
if (e.which == 13) {
|
||||
handleChatMessagePost(e);
|
||||
return false;
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// Handles quick sidebar tasks
|
||||
var handleQuickSidebarAlerts = function () {
|
||||
var wrapper = $('.page-quick-sidebar-wrapper');
|
||||
var wrapperAlerts = wrapper.find('.page-quick-sidebar-alerts');
|
||||
|
||||
var initAlertsSlimScroll = function () {
|
||||
var alertList = wrapper.find('.page-quick-sidebar-alerts-list');
|
||||
var alertListHeight;
|
||||
|
||||
alertListHeight = wrapper.height() - wrapper.find('.nav-justified > .nav-tabs').outerHeight();
|
||||
|
||||
// alerts list
|
||||
App.destroySlimScroll(alertList);
|
||||
alertList.attr("data-height", alertListHeight);
|
||||
App.initSlimScroll(alertList);
|
||||
};
|
||||
|
||||
initAlertsSlimScroll();
|
||||
App.addResizeHandler(initAlertsSlimScroll); // reinitialize on window resize
|
||||
};
|
||||
|
||||
// Handles quick sidebar settings
|
||||
var handleQuickSidebarSettings = function () {
|
||||
var wrapper = $('.page-quick-sidebar-wrapper');
|
||||
var wrapperAlerts = wrapper.find('.page-quick-sidebar-settings');
|
||||
|
||||
var initSettingsSlimScroll = function () {
|
||||
var settingsList = wrapper.find('.page-quick-sidebar-settings-list');
|
||||
var settingsListHeight;
|
||||
|
||||
settingsListHeight = wrapper.height() - wrapper.find('.nav-justified > .nav-tabs').outerHeight();
|
||||
|
||||
// alerts list
|
||||
App.destroySlimScroll(settingsList);
|
||||
settingsList.attr("data-height", settingsListHeight);
|
||||
App.initSlimScroll(settingsList);
|
||||
};
|
||||
|
||||
initSettingsSlimScroll();
|
||||
App.addResizeHandler(initSettingsSlimScroll); // reinitialize on window resize
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
init: function () {
|
||||
//layout handlers
|
||||
handleQuickSidebarToggler(); // handles quick sidebar's toggler
|
||||
handleQuickSidebarChat(); // handles quick sidebar's chats
|
||||
handleQuickSidebarAlerts(); // handles quick sidebar's alerts
|
||||
handleQuickSidebarSettings(); // handles quick sidebar's setting
|
||||
}
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
if (App.isAngularJsApp() === false) {
|
||||
jQuery(document).ready(function() {
|
||||
QuickSidebar.init(); // init metronic core componets
|
||||
});
|
||||
}
|
||||
1
src/main/webapp/static/layouts/global/scripts/quick-sidebar.min.js
vendored
Normal file
1
src/main/webapp/static/layouts/global/scripts/quick-sidebar.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var QuickSidebar=function(){var i=function(){$(".dropdown-quick-sidebar-toggler a, .page-quick-sidebar-toggler, .quick-sidebar-toggler").click(function(i){$("body").toggleClass("page-quick-sidebar-open")})},a=function(){var i=$(".page-quick-sidebar-wrapper"),a=i.find(".page-quick-sidebar-chat"),e=function(){var e,t=i.find(".page-quick-sidebar-chat-users");e=i.height()-i.find(".nav-tabs").outerHeight(!0),App.destroySlimScroll(t),t.attr("data-height",e),App.initSlimScroll(t);var r=a.find(".page-quick-sidebar-chat-user-messages"),s=e-a.find(".page-quick-sidebar-chat-user-form").outerHeight(!0);s-=a.find(".page-quick-sidebar-nav").outerHeight(!0),App.destroySlimScroll(r),r.attr("data-height",s),App.initSlimScroll(r)};e(),App.addResizeHandler(e),i.find(".page-quick-sidebar-chat-users .media-list > .media").click(function(){a.addClass("page-quick-sidebar-content-item-shown")}),i.find(".page-quick-sidebar-chat-user .page-quick-sidebar-back-to-list").click(function(){a.removeClass("page-quick-sidebar-content-item-shown")});var t=function(i){i.preventDefault();var e=a.find(".page-quick-sidebar-chat-user-messages"),t=a.find(".page-quick-sidebar-chat-user-form .form-control"),r=t.val();if(0!==r.length){var s=function(i,a,e,t,r){var s="";return s+='<div class="post '+i+'">',s+='<img class="avatar" alt="" src="'+Layout.getLayoutImgPath()+t+'.jpg"/>',s+='<div class="message">',s+='<span class="arrow"></span>',s+='<a href="#" class="name">Bob Nilson</a> ',s+='<span class="datetime">'+a+"</span>",s+='<span class="body">',s+=r,s+="</span>",s+="</div>",s+="</div>"},n=new Date,c=s("out",n.getHours()+":"+n.getMinutes(),"Bob Nilson","avatar3",r);c=$(c),e.append(c),e.slimScroll({scrollTo:"1000000px"}),t.val(""),setTimeout(function(){var i=new Date,a=s("in",i.getHours()+":"+i.getMinutes(),"Ella Wong","avatar2","Lorem ipsum doloriam nibh...");a=$(a),e.append(a),e.slimScroll({scrollTo:"1000000px"})},3e3)}};a.find(".page-quick-sidebar-chat-user-form .btn").click(t),a.find(".page-quick-sidebar-chat-user-form .form-control").keypress(function(i){return 13==i.which?(t(i),!1):void 0})},e=function(){var i=$(".page-quick-sidebar-wrapper"),a=(i.find(".page-quick-sidebar-alerts"),function(){var a,e=i.find(".page-quick-sidebar-alerts-list");a=i.height()-i.find(".nav-justified > .nav-tabs").outerHeight(),App.destroySlimScroll(e),e.attr("data-height",a),App.initSlimScroll(e)});a(),App.addResizeHandler(a)},t=function(){var i=$(".page-quick-sidebar-wrapper"),a=(i.find(".page-quick-sidebar-settings"),function(){var a,e=i.find(".page-quick-sidebar-settings-list");a=i.height()-i.find(".nav-justified > .nav-tabs").outerHeight(),App.destroySlimScroll(e),e.attr("data-height",a),App.initSlimScroll(e)});a(),App.addResizeHandler(a)};return{init:function(){i(),a(),e(),t()}}}();App.isAngularJsApp()===!1&&jQuery(document).ready(function(){QuickSidebar.init()});
|
||||
Reference in New Issue
Block a user