Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update libraries #189

Open
wants to merge 23 commits into
base: master
Choose a base branch
from
Open

Update libraries #189

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
23 commits
Select commit Hold shift + click to select a range
708e4d8
Add support for Bootstrap 4
multiwebinc Oct 13, 2018
5b27f92
Adding support for Bootstrap 4
multiwebinc Oct 13, 2018
f589677
Add support for Bootstrap 4
multiwebinc Oct 13, 2018
9fc41a9
Add support for Bootstrap 4
multiwebinc Oct 13, 2018
91c7080
Add support for Bootstrap 4
multiwebinc Oct 13, 2018
325225b
Add support for Bootstrap 4
multiwebinc Oct 13, 2018
fc3b1eb
Add support for Bootstrap 4
multiwebinc Oct 13, 2018
f1c248e
Add support for Bootstrap 4
multiwebinc Oct 13, 2018
36b3dc8
Add support for Bootstrap 4
multiwebinc Oct 13, 2018
7c7797c
Delete bootstrap-theme.min.css
multiwebinc Oct 13, 2018
fc7e85e
Updating to latest version
multiwebinc Oct 13, 2018
4023e5e
Updating to latest version
multiwebinc Oct 13, 2018
d122027
Updating to latest version
multiwebinc Oct 13, 2018
f3d433e
Updating to latest version
multiwebinc Oct 13, 2018
8fa7cd4
Add files via upload
multiwebinc Oct 13, 2018
bc0aa54
Updating to Bootstrap 4
multiwebinc Oct 13, 2018
013f87e
Adding support for Bootstrap 4
multiwebinc Oct 13, 2018
debe7b5
Fix Navbar Brand
kerim878 Nov 13, 2018
c684e1a
Removed duplicate navbar imports
kerim878 Nov 13, 2018
3d3c224
Merge pull request #1 from multiwebinc/master
OgreTransporter Dec 21, 2020
ebb5ef5
Merge pull request #2 from kerim878/patch-1
OgreTransporter Dec 21, 2020
a2e663d
Update bootstrap to 4.5.3
OgreTransporter Dec 21, 2020
a7def31
Update jQuery to 3.5.1
OgreTransporter Dec 21, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
797 changes: 49 additions & 748 deletions css/style.css
View file
Open in desktop

Large diffs are not rendered by default.

424 changes: 216 additions & 208 deletions index.html
View file
Open in desktop

Large diffs are not rendered by default.

54 changes: 36 additions & 18 deletions js/admin.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,11 +29,11 @@ $.AdminBSB.options = {
},
leftSideBar: {
scrollColor: 'rgba(0,0,0,0.5)',
scrollWidth: '4px',
scrollWidth: '8px',
scrollAlwaysVisible: false,
scrollBorderRadius: '0',
scrollBorderRadius: '5px',
scrollRailBorderRadius: '0',
scrollActiveItemWhenPageLoad: true,
scrollActiveItemWhenPageLoad: false,
breakpointWidth: 1170
},
dropdownMenu: {
Expand All @@ -44,7 +44,7 @@ $.AdminBSB.options = {

/* Left Sidebar - Function =================================================================================================
* You can manage the left sidebar menu options
*
*
*/
$.AdminBSB.leftSideBar = {
activate: function () {
Expand Down Expand Up @@ -166,7 +166,7 @@ $.AdminBSB.leftSideBar = {

/* Right Sidebar - Function ================================================================================================
* You can manage the right sidebar menu options
*
*
*/
$.AdminBSB.rightSideBar = {
activate: function () {
Expand All @@ -177,13 +177,20 @@ $.AdminBSB.rightSideBar = {
//Close sidebar
$(window).click(function (e) {
var $target = $(e.target);
if (e.target.nodeName.toLowerCase() === 'i') { $target = $(e.target).parent(); }
if (e.target.nodeName.toLowerCase() === 'i') {
$target = $target.parent();
}

if (!$target.hasClass('js-right-sidebar') && _this.isOpen() && $target.parents('#rightsidebar').length === 0) {
if (!$target.hasClass('bars')) $overlay.fadeOut();
$sidebar.removeClass('open');
}
});
//Close sidebar if dropdown toggle buttons are pushed (since they stopPropagation)
$("a.dropdown-toggle").click(function() {
$overlay.fadeOut();
$sidebar.removeClass('open');
});

$('.js-right-sidebar').on('click', function () {
$sidebar.toggleClass('open');
Expand All @@ -198,7 +205,7 @@ $.AdminBSB.rightSideBar = {

/* Searchbar - Function ================================================================================================
* You can manage the search bar
*
*
*/
var $searchBar = $('.search-bar');
$.AdminBSB.search = {
Expand All @@ -209,23 +216,26 @@ $.AdminBSB.search = {
$('.js-search').on('click', function () {
_this.showSearchBar();
});
},
showSearchBar: function () {
var _this = this;

$searchBar.addClass('open');
$searchBar.find('input[type="text"]').focus();

//Close search click event
$searchBar.find('.close-search').on('click', function () {
_this.hideSearchBar();
});

//ESC key on pressed
$searchBar.find('input[type="text"]').on('keyup', function (e) {
$(document).on('keyup.myevent', function (e) {
if (e.keyCode == 27) {
_this.hideSearchBar();
$(this).off('keyup.myevent')
}
});
},
showSearchBar: function () {
$searchBar.addClass('open');
$searchBar.find('input[type="text"]').focus();
},
hideSearchBar: function () {
$searchBar.removeClass('open');
$searchBar.find('input[type="text"]').val('');
Expand All @@ -235,7 +245,7 @@ $.AdminBSB.search = {

/* Navbar - Function =======================================================================================================
* You can manage the navbar
*
*
*/
$.AdminBSB.navbar = {
activate: function () {
Expand Down Expand Up @@ -265,7 +275,7 @@ $.AdminBSB.navbar = {

/* Input - Function ========================================================================================================
* You can manage the inputs(also textareas) with name of class 'form-control'
*
*
*/
$.AdminBSB.input = {
activate: function ($parentSelector) {
Expand All @@ -276,6 +286,13 @@ $.AdminBSB.input = {
$(this).closest('.form-line').addClass('focused');
});

// On change event. This makes the app work well with Lastpass.
$parentSelector.find('.form-control').change(function () {
if ($(this).val() != '') {
$(this).trigger('focus');
}
});

//On focusout event
$parentSelector.find('.form-control').focusout(function () {
var $this = $(this);
Expand Down Expand Up @@ -304,7 +321,7 @@ $.AdminBSB.input = {

/* Form - Select - Function ================================================================================================
* You can manage the 'select' of form elements
*
*
*/
$.AdminBSB.select = {
activate: function () {
Expand All @@ -315,7 +332,7 @@ $.AdminBSB.select = {

/* DropdownMenu - Function =================================================================================================
* You can manage the dropdown menu
*
*
*/

$.AdminBSB.dropdownMenu = {
Expand All @@ -339,7 +356,8 @@ $.AdminBSB.dropdownMenu = {
e.preventDefault();
_this.dropdownEffectStart(dropdown, dropdown.effectOut);
_this.dropdownEffectEnd(dropdown, function () {
dropdown.dropdown.removeClass('open');
dropdown.dropdown.removeClass('show');
dropdown.dropdownMenu.removeClass('show');
});
}
}
Expand Down Expand Up @@ -393,7 +411,7 @@ $.AdminBSB.dropdownMenu = {

/* Browser - Function ======================================================================================================
* You can manage browser
*
*
*/
var edge = 'Microsoft Edge';
var ie10 = 'Internet Explorer 10';
Expand Down
35 changes: 21 additions & 14 deletions pages/examples/sign-in.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,7 @@

<!-- Custom Css -->
<link href="../../css/style.css" rel="stylesheet">
<link href="../../css/custom.css" rel="stylesheet">
</head>

<body class="login-page">
Expand All @@ -35,36 +36,41 @@
<div class="body">
<form id="sign_in" method="POST">
<div class="msg">Sign in to start your session</div>
<div class="input-group">
<span class="input-group-addon">
<i class="material-icons">person</i>
<div class="input-group form-group form-float">
<span class="input-group-prepend">
<i class="material-icons">mail_outline</i>
</span>
<div class="form-line">
<input type="text" class="form-control" name="username" placeholder="Username" required autofocus>
<input id="email" type="email" class="form-control" name="email" required autofocus>
<label class="form-label" for="email">Email address</label>
</div>
</div>
<div class="input-group">
<span class="input-group-addon">
<i class="material-icons">lock</i>

<div class="input-group form-group form-float">
<span class="input-group-prepend">
<i class="material-icons">lock_outline</i>
</span>
<div class="form-line">
<input type="password" class="form-control" name="password" placeholder="Password" required>
<input type="password" id="password" class="form-control" name="password" required>
<label class="form-label" for="password">Password</label>
</div>
</div>
<div class="row">
<div class="col-xs-8 p-t-5">

<div class="form-row">
<div class="col-8 p-t-5">
<input type="checkbox" name="rememberme" id="rememberme" class="filled-in chk-col-pink">
<label for="rememberme">Remember Me</label>
</div>
<div class="col-xs-4">
<div class="col-4">
<button class="btn btn-block bg-pink waves-effect" type="submit">SIGN IN</button>
</div>
</div>
<div class="row m-t-15 m-b--20">
<div class="col-xs-6">

<div class="row m-t-15">
<div class="col-6">
<a href="sign-up.html">Register Now!</a>
</div>
<div class="col-xs-6 align-right">
<div class="col-6 align-right">
<a href="forgot-password.html">Forgot Password?</a>
</div>
</div>
Expand All @@ -84,6 +90,7 @@

<!-- Validation Plugin Js -->
<script src="../../plugins/jquery-validation/jquery.validate.js"></script>
<script src="../../plugins/jquery-validation/additional-methods.js"></script>

<!-- Custom Js -->
<script src="../../js/admin.js"></script>
Expand Down
Loading