no message

sharetransmit/Dockerfile

@@ -3,6 +3,8 @@ RUN ln -sf /usr/share/zoneinfo/Asia/Shanghai /etc/localtime
 RUN echo 'Asia/Shanghai' > /etc/timezone
 
 COPY sharetransmit /go/bin/
+COPY public /go/bin/public
+COPY templates /go/bin/templates
 RUN chmod +x /go/bin/sharetransmit
 WORKDIR /go/bin
 

sharetransmit/public/css/style.css

@@ -0,0 +1,11 @@
+/* 登录  开始 */
+
+h1{color:#fff;}
+.logo p{color:#ddd;}
+.login{background:url(../js/admin/pages/img/login2bg.jpg) #565DAD left top no-repeat;background-size:100% 200%;}
+.login .content .form-control, .login .btn-primary{background:none;border-color:#eee;color:#FFF;height:50px;}
+.login .btn-primary:hover{background:#FFF;color:#000;border-color:#eee;}
+.login .content .form-control:focus, .login .content .form-control:active{border-color:#eee;background:url(../js/admin/pages/img/bg-white-lock.png);}
+
+/* 登录  结束 */
+

sharetransmit/public/js/admin/layout/css/app_switch.css

@@ -0,0 +1,2 @@
+.checkbox-list > label.checkbox-inline:first-child{ padding-right: 20px;}
+.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline{ padding-left: 0; margin-left: 0; padding-right: 20px;}

sharetransmit/public/js/admin/layout/css/custom.css

@@ -0,0 +1,19 @@
+/* here you can put your own css to customize and override the theme */
+
+/***
+Rounded Portlets
+***/
+/*
+.portlet {
+	border-radius: 4px !important;
+}
+
+.portlet .portlet-title {
+	border-radius: 4px 4px 0px 0px !important;
+}
+
+.portlet .portlet-body,
+.portlet .portlet-body .form-actions  {
+	border-radius: 0px 0px 4px 4px !important;
+}
+*/

sharetransmit/public/js/admin/layout/scripts/demo.js

@@ -0,0 +1,277 @@
+/**
+Demo script to handle the theme demo
+**/
+var Demo = function () {
+
+    // Handle Theme Settings
+    var handleTheme = function () {
+
+        var panel = $('.theme-panel');
+
+        if ($('body').hasClass('page-boxed') === false) {
+            $('.layout-option', panel).val("fluid");
+        }
+
+        $('.sidebar-option', panel).val("default");
+        $('.page-header-option', panel).val("fixed");
+        $('.page-footer-option', panel).val("default");
+        if ($('.sidebar-pos-option').attr("disabled") === false) {
+            $('.sidebar-pos-option', panel).val(Metronic.isRTL() ? 'right' : 'left');
+        }
+
+        //handle theme layout
+        var resetLayout = function () {
+            $("body").
+            removeClass("page-boxed").
+            removeClass("page-footer-fixed").
+            removeClass("page-sidebar-fixed").
+            removeClass("page-header-fixed").
+            removeClass("page-sidebar-reversed");
+
+            $('.page-header > .page-header-inner').removeClass("container");
+
+            if ($('.page-container').parent(".container").size() === 1) {
+                $('.page-container').insertAfter('body > .clearfix');
+            }
+
+            if ($('.page-footer > .container').size() === 1) {
+                $('.page-footer').html($('.page-footer > .container').html());
+            } else if ($('.page-footer').parent(".container").size() === 1) {
+                $('.page-footer').insertAfter('.page-container');
+                $('.scroll-to-top').insertAfter('.page-footer');
+            }
+
+            $(".top-menu > .navbar-nav > li.dropdown").removeClass("dropdown-dark");
+
+            $('body > .container').remove();
+        };
+
+        var lastSelectedLayout = '';
+
+        var setLayout = function () {
+
+            var layoutOption = $('.layout-option', panel).val();
+            var sidebarOption = $('.sidebar-option', panel).val();
+            var headerOption = $('.page-header-option', panel).val();
+            var footerOption = $('.page-footer-option', panel).val();
+            var sidebarPosOption = $('.sidebar-pos-option', panel).val();
+            var sidebarStyleOption = $('.sidebar-style-option', panel).val();
+            var sidebarMenuOption = $('.sidebar-menu-option', panel).val();
+            var headerTopDropdownStyle = $('.page-header-top-dropdown-style-option', panel).val();
+
+
+            if (sidebarOption == "fixed" && headerOption == "default") {
+                alert('Default Header with Fixed Sidebar option is not supported. Proceed with Fixed Header with Fixed Sidebar.');
+                $('.page-header-option', panel).val("fixed");
+                $('.sidebar-option', panel).val("fixed");
+                sidebarOption = 'fixed';
+                headerOption = 'fixed';
+            }
+
+            resetLayout(); // reset layout to default state
+
+            if (layoutOption === "boxed") {
+                $("body").addClass("page-boxed");
+
+                // set header
+                $('.page-header > .page-header-inner').addClass("container");
+                var cont = $('body > .clearfix').after('<div class="container"></div>');
+
+                // set content
+                $('.page-container').appendTo('body > .container');
+
+                // set footer
+                if (footerOption === 'fixed') {
+                    $('.page-footer').html('<div class="container">' + $('.page-footer').html() + '</div>');
+                } else {
+                    $('.page-footer').appendTo('body > .container');
+                }
+            }
+
+            if (lastSelectedLayout != layoutOption) {
+                //layout changed, run responsive handler: 
+                Metronic.runResizeHandlers();
+            }
+            lastSelectedLayout = layoutOption;
+
+            //header
+            if (headerOption === 'fixed') {
+                $("body").addClass("page-header-fixed");
+                $(".page-header").removeClass("navbar-static-top").addClass("navbar-fixed-top");
+            } else {
+                $("body").removeClass("page-header-fixed");
+                $(".page-header").removeClass("navbar-fixed-top").addClass("navbar-static-top");
+            }
+
+            //sidebar
+            if ($('body').hasClass('page-full-width') === false) {
+                if (sidebarOption === 'fixed') {
+                    $("body").addClass("page-sidebar-fixed");
+                    $("page-sidebar-menu").addClass("page-sidebar-menu-fixed");
+                    $("page-sidebar-menu").removeClass("page-sidebar-menu-default");
+                    Layout.initFixedSidebarHoverEffect();
+                } else {
+                    $("body").removeClass("page-sidebar-fixed");
+                    $("page-sidebar-menu").addClass("page-sidebar-menu-default");
+                    $("page-sidebar-menu").removeClass("page-sidebar-menu-fixed");
+                    $('.page-sidebar-menu').unbind('mouseenter').unbind('mouseleave');
+                }
+            }
+
+            // top dropdown style
+            if (headerTopDropdownStyle === 'dark') {
+                $(".top-menu > .navbar-nav > li.dropdown").addClass("dropdown-dark");
+            } else {
+                $(".top-menu > .navbar-nav > li.dropdown").removeClass("dropdown-dark");
+            }
+
+            //footer 
+            if (footerOption === 'fixed') {
+                $("body").addClass("page-footer-fixed");
+            } else {
+                $("body").removeClass("page-footer-fixed");
+            }
+
+            //sidebar style
+            if (sidebarStyleOption === 'compact') {
+                $(".page-sidebar-menu").addClass("page-sidebar-menu-compact");
+            } else {
+                $(".page-sidebar-menu").removeClass("page-sidebar-menu-compact");
+            }
+
+            //sidebar menu 
+            if (sidebarMenuOption === 'hover') {
+                if (sidebarOption == 'fixed') {
+                    $('.sidebar-menu-option', panel).val("accordion");
+                    alert("Hover Sidebar Menu is not compatible with Fixed Sidebar Mode. Select Default Sidebar Mode Instead.");
+                } else {
+                    $(".page-sidebar-menu").addClass("page-sidebar-menu-hover-submenu");
+                }                
+            } else {
+                $(".page-sidebar-menu").removeClass("page-sidebar-menu-hover-submenu");
+            }
+
+            //sidebar position
+            if (Metronic.isRTL()) {
+                if (sidebarPosOption === 'left') {
+                    $("body").addClass("page-sidebar-reversed");
+                    $('#frontend-link').tooltip('destroy').tooltip({
+                        placement: 'right'
+                    });
+                } else {
+                    $("body").removeClass("page-sidebar-reversed");
+                    $('#frontend-link').tooltip('destroy').tooltip({
+                        placement: 'left'
+                    });
+                }
+            } else {
+                if (sidebarPosOption === 'right') {
+                    $("body").addClass("page-sidebar-reversed");
+                    $('#frontend-link').tooltip('destroy').tooltip({
+                        placement: 'left'
+                    });
+                } else {
+                    $("body").removeClass("page-sidebar-reversed");
+                    $('#frontend-link').tooltip('destroy').tooltip({
+                        placement: 'right'
+                    });
+                }
+            }
+
+            Layout.fixContentHeight(); // fix content height            
+            Layout.initFixedSidebar(); // reinitialize fixed sidebar
+        };
+
+        // handle theme colors
+        var setColor = function (color) {
+            var color_ = (Metronic.isRTL() ? color + '-rtl' : color);
+            $('#style_color').attr("href", Layout.getLayoutCssPath() + 'themes/' + color_ + ".css");
+        };
+
+
+        $('.theme-colors > li', panel).click(function () {
+            var color = $(this).attr("data-theme");
+            setColor(color);
+            $('ul > li', panel).removeClass("active");
+            $(this).addClass("active");
+
+            if (color === 'dark') {
+                $('.page-actions .btn').removeClass('red-haze').addClass('btn-default btn-transparent');
+            } else {
+                $('.page-actions .btn').removeClass('btn-default btn-transparent').addClass('red-haze');
+            }
+        });
+
+        // set default theme options:
+
+        if ($("body").hasClass("page-boxed")) {
+            $('.layout-option', panel).val("boxed");
+        }
+
+        if ($("body").hasClass("page-sidebar-fixed")) {
+            $('.sidebar-option', panel).val("fixed");
+        }
+
+        if ($("body").hasClass("page-header-fixed")) {
+            $('.page-header-option', panel).val("fixed");
+        }
+
+        if ($("body").hasClass("page-footer-fixed")) {
+            $('.page-footer-option', panel).val("fixed");
+        }
+
+        if ($("body").hasClass("page-sidebar-reversed")) {
+            $('.sidebar-pos-option', panel).val("right");
+        }
+
+        if ($(".page-sidebar-menu").hasClass("page-sidebar-menu-light")) {
+            $('.sidebar-style-option', panel).val("light");
+        }
+
+        if ($(".page-sidebar-menu").hasClass("page-sidebar-menu-hover-submenu")) {
+            $('.sidebar-menu-option', panel).val("hover");
+        }        
+
+        var sidebarOption = $('.sidebar-option', panel).val();
+            var headerOption = $('.page-header-option', panel).val();
+            var footerOption = $('.page-footer-option', panel).val();
+            var sidebarPosOption = $('.sidebar-pos-option', panel).val();
+            var sidebarStyleOption = $('.sidebar-style-option', panel).val();
+            var sidebarMenuOption = $('.sidebar-menu-option', panel).val();
+
+        $('.layout-option, .page-header-top-dropdown-style-option, .page-header-option, .sidebar-option, .page-footer-option, .sidebar-pos-option, .sidebar-style-option, .sidebar-menu-option', panel).change(setLayout);
+    };
+
+    // handle theme style
+    var setThemeStyle = function(style) {
+        var file = (style === 'rounded' ? 'components-rounded' : 'components');
+        file = (Metronic.isRTL() ? file + '-rtl' : file);
+
+        $('#style_components').attr("href", Metronic.getGlobalCssPath() + file + ".css");
+
+        if ($.cookie) {
+            $.cookie('layout-style-option', style);
+        }
+    };
+
+    return {
+
+        //main function to initiate the theme
+        init: function() {
+            // handles style customer tool
+            handleTheme(); 
+
+            // handle layout style change
+            $('.theme-panel .layout-style-option').change(function() {
+                 setThemeStyle($(this).val());
+            });
+
+            // set layout style from cookie
+            if ($.cookie && $.cookie('layout-style-option') === 'rounded') {
+                setThemeStyle($.cookie('layout-style-option'));
+                $('.theme-panel .layout-style-option').val($.cookie('layout-style-option'));
+            }            
+        }
+    };
+
+}();

sharetransmit/public/js/admin/layout/scripts/layout.js

@@ -0,0 +1,487 @@
+/**
+Core script to handle the entire theme and core functions
+**/
+var Layout = function() {
+
+    var layoutImgPath = 'admin/layout/img/';
+
+    var layoutCssPath = 'admin/layout/css/';
+
+    var resBreakpointMd = Metronic.getResponsiveBreakpoint('md');
+
+    //* BEGIN:CORE HANDLERS *//
+    // this function handles responsive layout on screen size resize or mobile device rotate.
+
+
+    // Handle sidebar menu links
+    var handleSidebarMenuActiveLink = function(mode, el) {
+        var url = location.hash.toLowerCase();    
+
+        var menu = $('.page-sidebar-menu');
+
+        if (mode === 'click' || mode === 'set') {
+            el = $(el);
+        } else if (mode === 'match') {
+            menu.find("li > a").each(function() {
+                var path = $(this).attr("href").toLowerCase();       
+                // url match condition         
+                if (path.length > 1 && url.substr(1, path.length - 1) == path.substr(1)) {
+                    el = $(this);
+                    return; 
+                }
+            });
+        }
+
+        if (!el || el.size() == 0) {
+            return;
+        }
+
+        if (el.attr('href').toLowerCase() === 'javascript:;' || el.attr('href').toLowerCase() === '#') {
+            return;
+        }        
+
+        var slideSpeed = parseInt(menu.data("slide-speed"));
+        var keepExpand = menu.data("keep-expanded");
+
+        // disable active states
+        menu.find('li.active').removeClass('active');
+        menu.find('li > a > .selected').remove();
+
+        if (menu.hasClass('page-sidebar-menu-hover-submenu') === false) {
+            menu.find('li.open').each(function(){
+                if ($(this).children('.sub-menu').size() === 0) {
+                    $(this).removeClass('open');
+                    $(this).find('> a > .arrow.open').removeClass('open');
+                }                             
+            }); 
+        } else {
+             menu.find('li.open').removeClass('open');
+        }
+
+        el.parents('li').each(function () {
+            $(this).addClass('active');
+            $(this).find('> a > span.arrow').addClass('open');
+
+            if ($(this).parent('ul.page-sidebar-menu').size() === 1) {
+                $(this).find('> a').append('<span class="selected"></span>');
+            }
+            
+            if ($(this).children('ul.sub-menu').size() === 1) {
+                $(this).addClass('open');
+            }
+        });
+
+        if (mode === 'click') {
+            if (Metronic.getViewPort().width < resBreakpointMd && $('.page-sidebar').hasClass("in")) { // close the menu on mobile view while laoding a page 
+                $('.page-header .responsive-toggler').click();
+            }
+        }
+    };
+
+    // Handle sidebar menu
+    var handleSidebarMenu = function() {
+        $('.page-sidebar').on('click', 'li > a', function(e) {
+
+            if (Metronic.getViewPort().width >= resBreakpointMd && $(this).parents('.page-sidebar-menu-hover-submenu').size() === 1) { // exit of hover sidebar menu
+                return;
+            }
+
+            if ($(this).next().hasClass('sub-menu') === false) {
+                if (Metronic.getViewPort().width < resBreakpointMd && $('.page-sidebar').hasClass("in")) { // close the menu on mobile view while laoding a page 
+                    $('.page-header .responsive-toggler').click();
+                }
+                return;
+            }
+
+            if ($(this).next().hasClass('sub-menu always-open')) {
+                return;
+            }
+
+            var parent = $(this).parent().parent();
+            var the = $(this);
+            var menu = $('.page-sidebar-menu');
+            var sub = $(this).next();
+
+            var autoScroll = menu.data("auto-scroll");
+            var slideSpeed = parseInt(menu.data("slide-speed"));
+            var keepExpand = menu.data("keep-expanded");
+
+            if (keepExpand !== true) {
+                parent.children('li.open').children('a').children('.arrow').removeClass('open');
+                parent.children('li.open').children('.sub-menu:not(.always-open)').slideUp(slideSpeed);
+                parent.children('li.open').removeClass('open');
+            }
+
+            var slideOffeset = -200;
+
+            if (sub.is(":visible")) {
+                $('.arrow', $(this)).removeClass("open");
+                $(this).parent().removeClass("open");
+                sub.slideUp(slideSpeed, function() {
+                    if (autoScroll === true && $('body').hasClass('page-sidebar-closed') === false) {
+                        if ($('body').hasClass('page-sidebar-fixed')) {
+                            menu.slimScroll({
+                                'scrollTo': (the.position()).top
+                            });
+                        } else {
+                            Metronic.scrollTo(the, slideOffeset);
+                        }
+                    }
+                });
+            } else {
+                $('.arrow', $(this)).addClass("open");
+                $(this).parent().addClass("open");
+                sub.slideDown(slideSpeed, function() {
+                    if (autoScroll === true && $('body').hasClass('page-sidebar-closed') === false) {
+                        if ($('body').hasClass('page-sidebar-fixed')) {
+                            menu.slimScroll({
+                                'scrollTo': (the.position()).top
+                            });
+                        } else {
+                            Metronic.scrollTo(the, slideOffeset);
+                        }
+                    }
+                });
+            }
+
+            e.preventDefault();
+        });
+
+        // handle ajax links within sidebar menu
+        $('.page-sidebar').on('click', ' li > a.ajaxify', function(e) {
+            e.preventDefault();
+            Metronic.scrollTop();
+
+            var url = $(this).attr("href");
+            var menuContainer = $('.page-sidebar ul');
+            var pageContent = $('.page-content');
+            var pageContentBody = $('.page-content .page-content-body');
+
+            menuContainer.children('li.active').removeClass('active');
+            menuContainer.children('arrow.open').removeClass('open');
+
+            $(this).parents('li').each(function() {
+                $(this).addClass('active');
+                $(this).children('a > span.arrow').addClass('open');
+            });
+            $(this).parents('li').addClass('active');
+
+            if (Metronic.getViewPort().width < resBreakpointMd && $('.page-sidebar').hasClass("in")) { // close the menu on mobile view while laoding a page 
+                $('.page-header .responsive-toggler').click();
+            }
+
+            Metronic.startPageLoading();
+
+            var the = $(this);
+
+            $.ajax({
+                type: "GET",
+                cache: false,
+                url: url,
+                dataType: "html",
+                success: function(res) {
+
+                    if (the.parents('li.open').size() === 0) {
+                        $('.page-sidebar-menu > li.open > a').click();
+                    }
+
+                    Metronic.stopPageLoading();
+                    pageContentBody.html(res);
+                    Layout.fixContentHeight(); // fix content height
+                    Metronic.initAjax(); // initialize core stuff
+                },
+                error: function(xhr, ajaxOptions, thrownError) {
+                    Metronic.stopPageLoading();
+                    pageContentBody.html('<h4>Could not load the requested content.</h4>');
+                }
+            });
+        });
+
+        // handle ajax link within main content
+        $('.page-content').on('click', '.ajaxify', function(e) {
+            e.preventDefault();
+            Metronic.scrollTop();
+
+            var url = $(this).attr("href");
+            var pageContent = $('.page-content');
+            var pageContentBody = $('.page-content .page-content-body');
+
+            Metronic.startPageLoading();
+
+            if (Metronic.getViewPort().width < resBreakpointMd && $('.page-sidebar').hasClass("in")) { // close the menu on mobile view while laoding a page 
+                $('.page-header .responsive-toggler').click();
+            }
+
+            $.ajax({
+                type: "GET",
+                cache: false,
+                url: url,
+                dataType: "html",
+                success: function(res) {
+                    Metronic.stopPageLoading();
+                    pageContentBody.html(res);
+                    Layout.fixContentHeight(); // fix content height
+                    Metronic.initAjax(); // initialize core stuff
+                },
+                error: function(xhr, ajaxOptions, thrownError) {
+                    pageContentBody.html('<h4>Could not load the requested content.</h4>');
+                    Metronic.stopPageLoading();
+                }
+            });
+        });
+
+        // handle scrolling to top on responsive menu toggler click when header is fixed for mobile view
+        $(document).on('click', '.page-header-fixed-mobile .responsive-toggler', function(){
+            Metronic.scrollTop();
+        });      
+    };
+
+    // Helper function to calculate sidebar height for fixed sidebar layout.
+    var _calculateFixedSidebarViewportHeight = function() {
+        var sidebarHeight = Metronic.getViewPort().height - $('.page-header').outerHeight() - 30;
+        if ($('body').hasClass("page-footer-fixed")) {
+            sidebarHeight = sidebarHeight - $('.page-footer').outerHeight();
+        }
+
+        return sidebarHeight;
+    };
+
+    // Handles fixed sidebar
+    var handleFixedSidebar = function() {
+        var menu = $('.page-sidebar-menu');
+
+        Metronic.destroySlimScroll(menu);
+
+        if ($('.page-sidebar-fixed').size() === 0) {
+            return;
+        }
+
+        if (Metronic.getViewPort().width >= resBreakpointMd) {
+            menu.attr("data-height", _calculateFixedSidebarViewportHeight());
+            Metronic.initSlimScroll(menu);
+        }
+    };
+
+    // Handles sidebar toggler to close/hide the sidebar.
+    var handleFixedSidebarHoverEffect = function () {
+        var body = $('body');
+        if (body.hasClass('page-sidebar-fixed')) {
+            $('.page-sidebar').on('mouseenter', function () {
+                if (body.hasClass('page-sidebar-closed')) {
+                    $(this).find('.page-sidebar-menu').removeClass('page-sidebar-menu-closed');
+                }
+            }).on('mouseleave', function () {
+                if (body.hasClass('page-sidebar-closed')) {
+                    $(this).find('.page-sidebar-menu').addClass('page-sidebar-menu-closed');
+                }
+            });
+        }
+    };
+
+    // Hanles sidebar toggler
+    var handleSidebarToggler = function() {
+        var body = $('body');
+        if ($.cookie && $.cookie('sidebar_closed') === '1' && Metronic.getViewPort().width >= resBreakpointMd) {
+            $('body').addClass('page-sidebar-closed');
+            $('.page-sidebar-menu').addClass('page-sidebar-menu-closed');
+        }
+
+        // handle sidebar show/hide
+        $('body').on('click', '.sidebar-toggler', function(e) {
+            var sidebar = $('.page-sidebar');
+            var sidebarMenu = $('.page-sidebar-menu');
+            $(".sidebar-search", sidebar).removeClass("open");
+
+            if (body.hasClass("page-sidebar-closed")) {
+                body.removeClass("page-sidebar-closed");
+                sidebarMenu.removeClass("page-sidebar-menu-closed");
+                if ($.cookie) {
+                    $.cookie('sidebar_closed', '0');
+                }
+            } else {
+                body.addClass("page-sidebar-closed");
+                sidebarMenu.addClass("page-sidebar-menu-closed");
+                if (body.hasClass("page-sidebar-fixed")) {
+                    sidebarMenu.trigger("mouseleave");
+                }
+                if ($.cookie) {
+                    $.cookie('sidebar_closed', '1');
+                }
+            }
+
+            $(window).trigger('resize');
+        });
+
+        handleFixedSidebarHoverEffect();
+
+        // handle the search bar close
+        $('.page-sidebar').on('click', '.sidebar-search .remove', function(e) {
+            e.preventDefault();
+            $('.sidebar-search').removeClass("open");
+        });
+
+        // handle the search query submit on enter press
+        $('.page-sidebar .sidebar-search').on('keypress', 'input.form-control', function(e) {
+            if (e.which == 13) {
+                $('.sidebar-search').submit();
+                return false; //<---- Add this line
+            }
+        });
+
+        // handle the search submit(for sidebar search and responsive mode of the header search)
+        $('.sidebar-search .submit').on('click', function(e) {
+            e.preventDefault();
+            if ($('body').hasClass("page-sidebar-closed")) {
+                if ($('.sidebar-search').hasClass('open') === false) {
+                    if ($('.page-sidebar-fixed').size() === 1) {
+                        $('.page-sidebar .sidebar-toggler').click(); //trigger sidebar toggle button
+                    }
+                    $('.sidebar-search').addClass("open");
+                } else {
+                    $('.sidebar-search').submit();
+                }
+            } else {
+                $('.sidebar-search').submit();
+            }
+        });
+
+        // handle close on body click
+        if ($('.sidebar-search').size() !== 0) {
+            $('.sidebar-search .input-group').on('click', function(e) {
+                e.stopPropagation();
+            });
+
+            $('body').on('click', function() {
+                if ($('.sidebar-search').hasClass('open')) {
+                    $('.sidebar-search').removeClass("open");
+                }
+            });
+        }
+    };
+
+    // Handles the horizontal menu
+    var handleHeader = function() {
+        // handle search box expand/collapse        
+        $('.page-header').on('click', '.search-form', function(e) {
+            $(this).addClass("open");
+            $(this).find('.form-control').focus();
+
+            $('.page-header .search-form .form-control').on('blur', function(e) {
+                $(this).closest('.search-form').removeClass("open");
+                $(this).unbind("blur");
+            });
+        });
+
+        // handle hor menu search form on enter press
+        $('.page-header').on('keypress', '.hor-menu .search-form .form-control', function(e) {
+            if (e.which == 13) {
+                $(this).closest('.search-form').submit();
+                return false;
+            }
+        });
+
+        // handle header search button click
+        $('.page-header').on('mousedown', '.search-form.open .submit', function(e) {
+            e.preventDefault();
+            e.stopPropagation();
+            $(this).closest('.search-form').submit();
+        });
+    };
+
+    // Handles the go to top button at the footer
+    var handleGoTop = function() {
+        var offset = 300;
+        var duration = 500;
+
+        if (navigator.userAgent.match(/iPhone|iPad|iPod/i)) { // ios supported
+            $(window).bind("touchend touchcancel touchleave", function(e) {
+                if ($(this).scrollTop() > offset) {
+                    $('.scroll-to-top').fadeIn(duration);
+                } else {
+                    $('.scroll-to-top').fadeOut(duration);
+                }
+            });
+        } else { // general 
+            $(window).scroll(function() {
+                if ($(this).scrollTop() > offset) {
+                    $('.scroll-to-top').fadeIn(duration);
+                } else {
+                    $('.scroll-to-top').fadeOut(duration);
+                }
+            });
+        }
+
+        $('.scroll-to-top').click(function(e) {
+            e.preventDefault();
+            $('html, body').animate({
+                scrollTop: 0
+            }, duration);
+            return false;
+        });
+    };
+    //* END:CORE HANDLERS *//
+
+    return {
+
+        // Main init methods to initialize the layout
+        // IMPORTANT!!!: Do not modify the core handlers call order.
+
+        initHeader: function() {
+            handleHeader(); // handles horizontal menu    
+        },
+
+        setSidebarMenuActiveLink: function(mode, el) {
+            handleSidebarMenuActiveLink(mode, el);
+        },
+
+        initSidebar: function() {
+            //layout handlers
+            handleFixedSidebar(); // handles fixed sidebar menu
+            handleSidebarMenu(); // handles main menu
+            handleSidebarToggler(); // handles sidebar hide/show
+
+            if (Metronic.isAngularJsApp()) {      
+                handleSidebarMenuActiveLink('match'); // init sidebar active links 
+            }
+
+            Metronic.addResizeHandler(handleFixedSidebar); // reinitialize fixed sidebar on window resize
+        },
+
+        initContent: function() {
+            return; 
+        },
+
+        initFooter: function() {
+            handleGoTop(); //handles scroll to top functionality in the footer
+        },
+
+        init: function () {            
+            this.initHeader();
+            this.initSidebar();
+            this.initContent();
+            this.initFooter();
+        },
+
+        //public function to fix the sidebar and content height accordingly
+        fixContentHeight: function() {
+            return;
+        },
+
+        initFixedSidebarHoverEffect: function() {
+            handleFixedSidebarHoverEffect();
+        },
+
+        initFixedSidebar: function() {
+            handleFixedSidebar();
+        },
+
+        getLayoutImgPath: function() {
+            return Metronic.getAssetsPath() + layoutImgPath;
+        },
+
+        getLayoutCssPath: function() {
+            return Metronic.getAssetsPath() + layoutCssPath;
+        }
+    };
+
+}();

sharetransmit/public/js/admin/pages/css/login2.css

@@ -0,0 +1,249 @@
+/***
+Login page
+***/
+/* bg color */
+.login {
+  background-color: #5c97bd;
+}
+.login a {
+  color: #edf4f8 !important;
+}
+
+.login .logo {
+  margin: 0 auto;
+  margin-top: 100px;
+  padding: 15px;
+  text-align: center;
+}
+
+.login .content {
+  width: 400px;
+  margin: 40px auto 40px auto;
+}
+
+.login .form-title {
+  margin-bottom: 20px;
+}
+
+.login .form-title {
+  color: #edf4f8;
+  font-size: 19px;
+  font-weight: 400 !important;
+}
+
+.login .form-subtitle {
+  color: #c9dce9;
+  font-size: 17px;
+  font-weight: 300 !important;
+  padding-left: 10px;
+}
+
+.login .content h4 {
+  color: #555;
+}
+
+.login .content .hint {
+  color: #b7d1e2;
+  padding: 0;
+  font-size: 14px;
+  margin: 15px 0 7px 0;
+}
+
+.login .content .login-form,
+.login .content .forget-form {
+  padding: 0px;
+  margin: 0px;
+}
+
+.login .content .form-control {
+  border: none;
+  background-color: #6ba3c8;
+  border: 1px solid #6ba3c8;
+  height: 43px;
+  color: #d9ecf9;
+}
+.login .content .form-control:focus, .login .content .form-control:active {
+  border: 1px solid #83b8db;
+}
+.login .content .form-control::-moz-placeholder {
+  color: #d9ecf9;
+  opacity: 1;
+}
+.login .content .form-control:-ms-input-placeholder {
+  color: #d9ecf9;
+}
+.login .content .form-control::-webkit-input-placeholder {
+  color: #d9ecf9;
+}
+
+.login .content select.form-control {
+  padding-left: 9px;
+  padding-right: 9px;
+}
+
+.login .content .forget-form {
+  display: none;
+}
+
+.login .content .register-form {
+  display: none;
+}
+
+.login .content .form-title {
+  font-weight: 300;
+  margin-bottom: 25px;
+}
+
+.login .content .form-actions {
+  clear: both;
+  border: 0px;
+  padding: 0px 30px 25px 30px;
+  margin-left: -30px;
+  margin-right: -30px;
+}
+
+.form-actions .forget-password-block {
+  padding-top: 7px;
+}
+
+.login-options {
+  margin-top: 30px;
+  padding-top: 20px;
+  padding-bottom: 50px;
+  border-top: 1px solid #69a0c4;
+  border-bottom: 1px solid #69a0c4;
+}
+
+.login-options h4 {
+  margin-top: 8px;
+  font-weight: 600;
+  font-size: 15px;
+  color: #b7d1e2 !important;
+}
+
+.login .forget-password {
+  font-size: 14px;
+}
+
+.login-options .social-icons {
+  float: right;
+  padding-top: 3px;
+}
+
+.login-options .social-icons li a {
+  border-radius: 15px 15px 15px 15px !important;
+  -moz-border-radius: 15px 15px 15px 15px !important;
+  -webkit-border-radius: 15px 15px 15px 15px !important;
+}
+
+.login .content .forget-form .form-actions {
+  border: 0;
+  margin-bottom: 0;
+  padding-bottom: 20px;
+}
+
+.login .content .register-form .form-actions {
+  border: 0;
+  margin-bottom: 0;
+  padding-bottom: 0px;
+}
+
+.login .content .form-actions .checkbox {
+  margin-top: 8px;
+  display: inline-block;
+}
+
+.login .content .form-actions .btn {
+  margin-top: 1px;
+}
+
+.login .btn-primary {
+  background-color: #5995bb;
+  border: 1px solid #72a9cc;
+  color: #8fc4e5;
+  font-weight: 600;
+  padding: 10px 25px !important;
+}
+.login .btn-primary:hover {
+  border: 1px solid #90bbd7;
+  background-color: #5995bb;
+  color: #8fc4e5;
+}
+
+.login .btn-default {
+  background-color: #5995bb;
+  border: 1px solid #72a9cc;
+  color: #8fc4e5;
+  font-weight: 600;
+  padding: 10px 25px !important;
+}
+.login .btn-default:hover {
+  border: 1px solid #90bbd7;
+  background-color: #5995bb;
+  color: #8fc4e5;
+}
+
+.login .content .forget-password {
+  color: #d7eaf7;
+  font-size: 15px;
+}
+
+.login .content .rememberme {
+  margin-top: 8px;
+}
+
+.login .content .check {
+  color: #c9dce9 !important;
+}
+
+.login .content .create-account {
+  text-align: center;
+  margin-top: 20px;
+}
+
+.login .content .create-account p a {
+  font-weight: 300;
+  font-size: 16px;
+  color: #ffffff;
+}
+
+.login .content .create-account a {
+  display: inline-block;
+  margin-top: 5px;
+}
+
+/* footer copyright */
+.login .copyright {
+  text-align: center;
+  margin: 10px auto 30px 0;
+  padding: 10px;
+  color: #c9dce9;
+  font-size: 13px;
+}
+
+@media (max-width: 1400px) {
+  .login .logo {
+    margin-top: 100px;
+  }
+}
+@media (max-width: 480px) {
+  /***
+  Login page
+  ***/
+  .login .logo {
+    margin-top: 30px;
+    padding: 0px;
+  }
+
+  .login .content {
+    width: 245px;
+  }
+
+  .login .content h3 {
+    font-size: 22px;
+  }
+
+  .login .checkbox {
+    font-size: 13px;
+  }
+}