A Pen by Alex Edwards

Developer
Alex Edwards
Size
8,218 Kb
Views
6,072
  1. A Pen by Alex Edwards Previews
  2. A Pen by Alex Edwards HTML Codes
  3. A Pen by Alex Edwards CSS Codes
  4. A Pen by Alex Edwards JS Codes

How do I make an a pen by alex edwards?

What is a a pen by alex edwards? How do you make a a pen by alex edwards? This script and codes were developed by Alex Edwards on 22 October 2022, Saturday.

A Pen by Alex Edwards Previews
IQ Test

A Pen by Alex Edwards - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Alex Edwards</title> <title>Ameego</title> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="http://dev2.myameego.com/core/favicon.ico" type="image/x-icon"/> <link rel="shortcut icon" href="http://dev2.myameego.com/core/favicon.ico" type="image/x-icon"/> <link href='https://fonts.googleapis.com/css?family=Raleway:400,700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <link href="http://dev2.myameego.com/core/css/ameego.css?351" rel="stylesheet" media="screen"> <link href="http://dev2.myameego.com/core/css/font-awesome.min.css?351" rel="stylesheet" media="screen"> <link href="http://dev2.myameego.com/manager/js-css/ameego.floorplan.css?351" rel="stylesheet" media="all"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <nav class="navbar navbar-inverse"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="http://dev2.myameego.com/core/"> <img alt="Brand" src="http://dev2.myameego.com/core/ameego_logo_white.png" width="107"> </a> <button type="button" class="navbar-toggle collapsed hidden-xs" data-toggle="collapse" data-target="#top-navbar" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse text-center" id="top-navbar"> <ul class="nav navbar-nav nav-centered"> <li><a href="http://dev2.myameego.com/manager/">Dashboard</a></li> <li><a href="http://dev2.myameego.com/manager/employee-manager/">People</a></li> <li class="active"><a href="http://dev2.myameego.com/manager/scheduling.php">Scheduling</a></li> <li><a href="http://dev2.myameego.com/manager/reports/">Intel</a></li> </ul> <ul class="nav navbar-nav navbar-right navbar-user-profile"> <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="text-transform: none;">First Last <i class="fa fa-angle-down"></i></a> <ul class="dropdown-menu"> <li><a href="http://dev2.myameego.com/anyware/" class="">Ameego Anyware</a></li> <li role="separator" class="divider "></li> <li><a href="http://dev2.myameego.com/manager/tutorials.php" class="">Tutorials</a></li> <li><a href="http://dev2.myameego.com/manager/help.php" class="">Sync Help</a></li> <li role="separator" class="divider"></li> <li><a href="http://dev2.myameego.com/core/logout.php"><i class="fa fa-sign-out"></i>&nbsp; Logout</a></li> </ul> </li> </ul> </div><!-- /.navbar-collapse --> </div><!-- /.container-fluid --> </nav> <nav class="navbar navbar-secondary navbar-default hidden-xs"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#second-navbar" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="second-navbar"> <ul class="nav navbar-nav"> <li><a href="http://dev2.myameego.com/manager/scheduling.php">Build Schedule</a></li> <li><a href="http://dev2.myameego.com/manager/staffing-guide.php">Staffing Guides</a></li> <li class="active"><a href="http://dev2.myameego.com/manager/base-floorplans.php">Base Floorplans</a></li> </ul> <div class="pull-right"> </div> <!-- <ul class="nav navbar-nav navbar-right"> <li><a href="#">Link</a></li> <li><a href="#">Link2</a></li> </ul>--> </div><!-- /.navbar-collapse --> </div><!-- /.container-fluid --> </nav> <div class="container" id="floorplans-body"> <div id="tabs"> <div class="floorplan-sidebar col-lg-3 col-md-3"> <ul> <li><a href="#tabs-1">Base Friday<i class="option-delete fa fa-times-circle" data-toggle="modal" data-target=".bs-are-you-sure"></i></a></li> <li><a href="#tabs-2">Base Monday<i class="option-delete fa fa-times-circle" data-toggle="modal" data-target=".bs-are-you-sure"></i></a></li> <li><a href="#tabs-3">Base Saturday<i class="option-delete fa fa-times-circle" data-toggle="modal" data-target=".bs-are-you-sure"></i></a></li> <li><a href="#tabs-4">Base Sunday<i class="option-delete fa fa-times-circle" data-toggle="modal" data-target=".bs-are-you-sure"></i></a></li> <li><a href="#tabs-5">Base Tuesday<i class="option-delete fa fa-times-circle" data-toggle="modal" data-target=".bs-are-you-sure"></i></a></li> <li><a href="#tabs-6">Base Wednesday<i class="option-delete fa fa-times-circle" data-toggle="modal" data-target=".bs-are-you-sure"></i></a></li> <li><a href="#tabs-7">Test01<i class="option-delete fa fa-times-circle" data-toggle="modal" data-target=".bs-are-you-sure"></i></a></li> </ul> <div class="create-floorplan"> <button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target=".bs-example-modal-sm">+ Create New</button> </div> </div> <div class="floorplan-content col-lg-9 col-md-9"> <div id="tabs-1" class="tab-content"> <div class="options-bar"> Base Floorplan : <span class="floorplan-name">Base Friday</span> <div class="buttons-right">	<div class="btn-group"> <button type="button" class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-filter"></i> Filter</button>	<ul class="dropdown-menu filter-list filtering">	<li class="dropdown-header">Filter <span style="float:right; text-align: right;"><a href="#" id="deselect">deselect</a></span></li>	<li class="sl-type type-dd"><a data-shiftbox="delivery-driver">Delivery Driver <input type="checkbox" checked><span></span></a></li> <li class="sl-type type-dw"><a data-shiftbox="dishwasher">Dishwasher <input type="checkbox" checked><span></span></a></li> <li class="sl-type type-bt"><a data-shiftbox="bartender">Bartender <input type="checkbox" checked><span></span></a></li> </ul>	</div> <div class="btn-group"> <button type="button" class="btn btn-success btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">+ Add Shift</button> <ul class="dropdown-menu shifts-list">	<li class="dropdown-header">Select a department</li> <li class="sl-type type-dd"><a href="#" data-shiftbox="delivery-driver">Delivery Driver</a></li> <li class="sl-type type-dw"><a href="#" data-shiftbox="dishwasher">Dishwasher</a></li> <li class="sl-type type-bt"><a href="#" data-shiftbox="bartender">Bartender</a></li> </ul> </div> </div> </div> <ul class="chrono-table times-bar"> <li>7am</li><li>8am</li><li>9am</li><li>10am</li><li>11am</li><li>12pm</li><li>1pm</li><li>2pm</li><li>3pm</li><li>4pm</li><li>5pm</li><li>6pm</li><li>7pm</li><li>8pm</li> <li>9pm</li><li>10pm</li><li>11pm</li><li>12pm</li><li>1am</li><li>2am</li> </ul> <div class="floorplan-position-bar">Bartender</div> <div class="shifts-wrapper clearfix" id="bartenders"> <ul class="chrono-table shifts-box"> <li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li> <li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li> <li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li> <li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li> </ul> <div class="shift-row clearfix dropdown"> <div class="shift bartender" data-starttime="12" data-endtime="16" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <div class="expand-time-left"></div> <div class="shift-time">12pm - 4pm</div> <div class="shift-person">ShiftName - Assigned User - <span class="badge">2</span></div> <div class="expand-time-right"></div> </div> <ul class="dropdown-menu shift-edit" aria-labelledby="dropdownMenu1"> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">Untitled Shift <i class="fa fa-pencil"></i></h3> </div> <div class="panel-body"> <p>Shift Breaks</p> <button type="button" class="btn btn-success btn-sm">+ Add Break</button> </div> <div class="panel-footer"> <p>Count toward staffing levels: <input type="checkbox" checked></p> <h5>Profile Badges</h5> <p>No available profiles <i class="fa fa-pencil"></i></p> <h5>Assigned To</h5> <p>SamuelT <i class="fa fa-pencil"></i></p> <p align="right"><a href="#" style="color:red">delete shift</a> <button class="btn btn-default" type="submit">Save & Close</button></p> </div>	</div> </ul> </div> <div class="shift-row clearfix"> <div class="shift bartender" data-starttime="15" data-endtime="23"> <div class="expand-time-left"></div> <div class="shift-time">3pm - 11pm</div> <div class="shift-person">ShiftName - Assigned User - <span class="badge">2</span></div> <div class="expand-time-right"></div> </div> </div> </div> <div class="floorplan-position-bar">Dishwasher</div> <div class="shifts-wrapper clearfix" id="dishwashers"> <ul class="chrono-table shifts-box"> <li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li> <li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li> <li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li> <li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li> </ul> <div class="shift-row clearfix"> <div class="shift dishwasher" data-starttime="10.5" data-endtime="21"> <div class="expand-time-left"></div> <div class="shift-time">10:30am - 9pm</div> <div class="shift-person">ShiftName - Assigned User - <span class="badge">2</span></div> <div class="expand-time-right"></div> </div> </div> <div class="shift-row clearfix"> <div class="shift dishwasher" data-starttime="18" data-endtime="1"> <div class="expand-time-left"></div> <div class="shift-time">6pm - 1am</div> <div class="shift-person">ShiftName - Assigned User - <span class="badge">2</span></div> <div class="expand-time-right"></div> </div> </div> </div> <div class="floorplan-position-bar">Delivery Driver</div> <div class="shifts-wrapper clearfix" id="delivery-drivers"> <ul class="chrono-table shifts-box"> <li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li> <li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li> <li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li> <li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li><li><div class="half-slice"></div></li> </ul> <div class="shift-row clearfix"> <div class="shift delivery-driver" data-starttime="8" data-endtime="15"> <div class="expand-time-left"></div> <div class="shift-time">8am - 3pm</div> <div class="shift-person">ShiftName - Assigned User - <span class="badge">2</span></div> <div class="expand-time-right"></div> </div> </div> </div> </div> <div id="tabs-2" class="tab-content" class="col-lg-9 col-md-9"> <div class="options-bar"> Base Floorplan : <span class="floorplan-name">Base Monday</span> <div class="buttons-right"> <button type="button" class="btn btn-primary btn-sm"><i class="fa fa-filter"></i> Filter</button> <button type="button" class="btn btn-success btn-sm">+ Add Shift</button> </div> </div> </div> <div id="tabs-3" class="tab-content" class="col-lg-9 col-md-9"> <div class="options-bar"> Base Floorplan : <span class="floorplan-name">Base Saturday</span> <div class="buttons-right"> <button type="button" class="btn btn-primary btn-sm"><i class="fa fa-filter"></i> Filter</button> <button type="button" class="btn btn-success btn-sm">+ Add Shift</button> </div> </div> </div> <div id="tabs-4" class="tab-content" class="col-lg-9 col-md-9"> <div class="options-bar"> Base Floorplan : <span class="floorplan-name">Base Sunday</span> <div class="buttons-right"> <button type="button" class="btn btn-primary btn-sm"><i class="fa fa-filter"></i> Filter</button> <button type="button" class="btn btn-success btn-sm">+ Add Shift</button> </div> </div> </div> <div id="tabs-5" class="tab-content" class="col-lg-9 col-md-9"> <div class="options-bar"> Base Floorplan : <span class="floorplan-name">Base Tuesday</span> <div class="buttons-right"> <button type="button" class="btn btn-primary btn-sm"><i class="fa fa-filter"></i> Filter</button> <button type="button" class="btn btn-success btn-sm">+ Add Shift</button> </div> </div> </div> <div id="tabs-6" class="tab-content" class="col-lg-9 col-md-9"> <div class="options-bar"> Base Floorplan : <span class="floorplan-name">Base Wednesday</span> <div class="buttons-right"> <button type="button" class="btn btn-primary btn-sm"><i class="fa fa-filter"></i> Filter</button> <button type="button" class="btn btn-success btn-sm">+ Add Shift</button> </div> </div> </div> <div id="tabs-7" class="tab-content" class="col-lg-9 col-md-9"> <div class="options-bar"> Base Floorplan : <span class="floorplan-name">Test01</span> <div class="buttons-right"> <button type="button" class="btn btn-primary btn-sm"><i class="fa fa-filter"></i> Filter</button> <button type="button" class="btn btn-success btn-sm">+ Add Shift</button> </div> </div> </div> </div> </div> </div>
<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" id="CreateFPModal"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header">	<div class="modal-title">Create a New Base Floorplan</div> </div> <div class="modal-body"> <div class="form-group"> <label for="exampleInputEmail1">Name</label> <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Floorplan name"> <label for="exampleInputEmail1">Clone Existing</label> <select class="form-control" id="cloners"> <option>---</option> <option>Base Friday</option> <option>Base Monday</option> <option>Base Saturday</option> <option>Base Sunday</option> <option>Base Tuesday</option> <option>Base Wednesday</option> <option>Test01</option> </select> <p> <button type="button" class="btn btn-success btn-sm" id="createFP">Create</button></p> </div> </div> </div> </div>
</div>
<div class="modal fade bs-are-you-sure" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" id="CreateFPModal"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header">	<div class="modal-title">Are you sure?</div> </div> <div class="modal-body"> Are you sure you would like to delete this Base Floorplan? <p> <button type="button" class="btn btn-danger btn-sm" id="deleteFP">Delete</button></p> </div> </div> </div>
</div>
<script type="text/javascript" src="http://dev2.myameego.com/core/js/jquery.min.js?351"></script>
<script type="text/javascript" src="http://dev2.myameego.com/core/js/bootstrap.min.js?351"></script>
<script type="text/javascript" src="http://dev2.myameego.com/core/js/bootstrap-datetimepicker.min.js?351"></script>
<script type="text/javascript" src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script type="text/javascript" src="http://dev2.myameego.com/core/js/ameego.js?351"></script>
<script type="text/javascript" src="http://dev2.myameego.com/core/js/ameego.help.js?351"></script>
<script type="text/javascript" src="http://dev2.myameego.com/manager/js-css/ameego.floorplan.js?351"></script>
<script>
var CORE_URL = 'http://dev2.myameego.com/core/';
</script>
<script>
$(function() {
$( "#tabs" ).tabs().addClass( "ui-tabs-vertical ui-helper-clearfix" );
$( "#tabs li" ).removeClass( "ui-corner-top" ).addClass( "ui-corner-left" );
});
</script> <script src="js/index.js"></script>
</body>
</html>

A Pen by Alex Edwards - Script Codes CSS Codes

#floorplans-body { margin-top: 20px; margin-bottom: 20px;
}
.options-bar { color: #888; margin-bottom: 20px;
}
.options-bar .buttons-right { float: right; margin-top: -7px;
}
.options-bar .buttons-right button { margin: 0;
}
.options-bar .buttons-right i { color: white;
}
.floorplan-name { display: inline-block; margin-left: 12px; color: black;
}
.floorplan-position-bar { border: 1px solid #ddd; padding: 8px; font-weight: bold; text-align: center;
}
.chrono-table { display: table; width: 100%; border: 1px solid #ddd; box-sizing: border-box; table-layout: fixed; padding: 0; margin: 0;
}
.chrono-table + .floorplan-position-bar { border-top: 0;
}
.chrono-table + .chrono-table { border-top: 0;
}
.floorplan-position-bar + .chrono-table { border-top: 0;
}
.floorplan-position-bar + .shifts-wrapper { border-top: 0;
}
.shifts-wrapper + .floorplan-position-bar { border-top: 0;
}
.chrono-table.times-bar { font-size: 12px; color: #888; text-align: center; padding: 8px 0;
}
.shifts-wrapper { position: relative; border: 1px solid #ddd;
}
.chrono-table.shifts-box { background: #f1f1f1; position: absolute; height: 100%; width: 100%; border: 0;
}
.chrono-table li { width: 5%; display: table-cell;
}
.chrono-table.shifts-box li { border-left: 1px solid #ddd; height: 100%; position: relative;
}
.chrono-table.shifts-box li .half-slice { height: 100%; position: absolute; left: 50%; width: 1px; background: #e5e5e5;
}
.chrono-table.shifts-box li:first-of-type { border-left: 0;
}
.shift-row { margin: 10px 0;
}
.shift-row .dropdown-menu { position: absolute;
}
.shift { padding: 8px 24px; z-index: 999; position: relative; float: left; border-radius: 3px; color: white; font-family: Arial, Helvetica, sans-serif; overflow: hidden; box-sizing: border-box;
}
.shift .expand-time-left, .shift .expand-time-right { position: absolute; width: 8px; z-index: 9999; top: 0; cursor: e-resize; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.shift .expand-time-left { left: 0;
}
.shift .expand-time-right { right: 0;
}
.shift:hover .expand-time-left, .shift:hover .expand-time-right { background: rgba(0, 0, 0, 0.1);
}
.shift .expand-time-left:hover, .shift .expand-time-right:hover { background: rgba(0, 0, 0, 0.2);
}
.shift .shift-time { font-size: 14px;
}
.shift .shift-person { font-weight: normal; color: rgba(255, 255, 255, 0.75); font-size: 12px;
}
.shift .shift-person .badge { background: rgba(255, 255, 255, 0.45);
}
.bartender .shift-person .badge { color: #83b688;
}
.dishwasher .shift-person .badge { color: #488fbe;
}
.delivery-driver .shift-person .badge { color: #e87834;
}
.shift .shift-person .person-name { font-weight: bold;
}
.bartender, .bartender:hover { background: #83b688 !important;
}
.dishwasher, .dishwasher:hover { background: #488fbe !important;
}
.delivery-driver, .delivery-driver:hover { background: #e87834 !important;
}
.shifts-list, .filter-list { font-family: 'Arial', Helvetica, sans-serif; border: 1px solid #ddd; padding: 0;
}
.shifts-list li, .filter-list li { border-bottom: 1px solid #ddd;
}
.shifts-list li.dropdown-header, .filter-list li.dropdown-header { color: #999;
}
.shifts-list li a, .filter-list li a { padding: 10px;
}
h5 { color: #888;
}
.modal-body label, .modal-body input { margin: 6px 0;
}
.modal-body button { margin-top: 20px;
}
.shift-edit { padding: 0; border: 1px solid #ddd; width: 280px;
}
.shift-edit .panel { margin-bottom: 0;
}
.shift-edit .panel .panel-title { color: #888;
}
.shift-edit .panel .panel-footer { background: white;
}
.sl-type { border-left: 4px solid;
}
.sl-type.type-dd { border-left-color: #e87834;
}
.sl-type.type-dw { border-left-color: #488fbe;
}
.sl-type.type-bt { border-left-color: #83b688;
}
.sl-type a input[type="checkbox"] { display: inline-block; float: right;
}
.ui-tabs-vertical { width: 100%; position: relative; text-decoration: none !important;
}
.ui-tabs-vertical .ui-tabs-nav { float: left; width: 100%; list-style: none; list-style-type: none; border: 1px solid #ddd; padding: 0; border-right: 0;
}
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-right-width: 0 !important; background: #f1f1f1; border-top: 1px solid #ddd; position: relative;
}
.ui-tabs-vertical .ui-tabs-nav li a .option-delete { float: right; font-size: 20px; color: #999; display: none;
}
.ui-tabs-vertical .ui-tabs-nav li a .option-delete:hover { color: black;
}
.ui-tabs-vertical .ui-tabs-nav li:first-of-type { border-top: 0;
}
.ui-tabs-vertical .ui-tabs-nav li a { display: block; padding: 20px; color: #888; position: relative;
}
.ui-tabs-vertical .ui-tabs-nav li a:hover { text-decoration: none; background: #f6f6f6;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; background: #ffffff;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active .option-delete { display: block;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a { color: #333; text-decoration: none;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a:hover { background: #fff;
}
.ui-tabs-vertical .ui-tabs-panel { float: right; width: 100%;
}
.tab-content { background: white; border: 1px solid #dcdcdc; padding: 20px;
}
.create-floorplan { background: transparent !important; border: 0 !important; text-align: center;
}
.floorplan-sidebar { padding-right: 0 !important;
}
.floorplan-content { padding-left: 0 !important;
}

A Pen by Alex Edwards - Script Codes JS Codes

 var firstHour = 7; var numHours = 20; var hourWidth = 100 / numHours; var thisOffset; var thisWidth; $(function() {	$('.filtering li a').click(function(e) {	e.stopPropagation();	});	$('#createFP').click(function() {	$('#CreateFPModal').modal('hide')	});	$('#deleteFP').click(function() {	$('.bs-are-you-sure').modal('hide')	});	$('#deselect').click(function() {	$('.filtering input').each(function() {	$(this).prop('checked', false);	});	}); function setExpanderHeights() { $('.expand-time-left, .expand-time-right').each(function() { $(this).css('height', $(this).parent('.shift').height() + 16 ); }); }	function setDropOffsets() {	$('.shift-row .dropdown-menu').each(function() {	$(this).css('left', $(this).siblings('.shift').css('margin-left') );	});	}	function setGridHeights() {	$('.shifts-box').each(function() {	$(this).css('height', $(this).parent('.shifts-wrapper').height() + "px");	});	} function shiftsHelper() { $('.shift').each(function() { thisOffset = ($(this).data('starttime') - firstHour) * hourWidth; if( $(this).data('endtime') < $(this).data('starttime') ) { $(this).data('endtime', $(this).data('endtime') + 24); } thisWidth = ($(this).data('endtime') - $(this).data('starttime')) * hourWidth; $(this).css('margin-left', thisOffset + '%'); $(this).css('width', thisWidth + '%'); }); setExpanderHeights();	setGridHeights();	setDropOffsets(); } shiftsHelper(); $('.shifts-list li a').click(function() { var theTarget = $('#' + $(this).data('shiftbox') + "s"); var shiftRow = $('<div />', { 'class' : 'shift-row clearfix' }); var shift = $('<div />', { 'class' : 'shift ' + $(this).data('shiftbox'), data : { 'starttime': 12, 'endtime': 17 }, css : { 'margin-left': ((12 - firstHour) * 5) + '%', 'width': ((17 - 12) * 5) + '%' } }); $('<div />', { 'class' : 'shift-time', html : '12pm - 5pm' }).appendTo(shift); $('<div />', { 'class' : 'shift-person', html: 'ShiftName - Assigned User - <span class="badge">2</span>' }).appendTo(shift); $('<div />', { 'class' : 'expand-time-left' }).appendTo(shift); $('<div />', { 'class' : 'expand-time-right' }).appendTo(shift); shift.appendTo(shiftRow); shiftRow.hide().appendTo(theTarget).fadeIn(500); setExpanderHeights();	setGridHeights();	setDropOffsets(); }); });	$(function() {	$(window).resize(function() {	setExpanderHeights();	setGridHeights();	setDropOffsets();	});	});
A Pen by Alex Edwards - Script Codes
A Pen by Alex Edwards - Script Codes
Home Page Home
Developer Alex Edwards
Username exards
Uploaded October 22, 2022
Rating 3
Size 8,218 Kb
Views 6,072
Do you need developer help for A Pen by Alex Edwards?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Alex Edwards (exards) Script Codes
Name
Create amazing art & images with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!