File: //var/www/html/pmw24/OLD_Root_BAK/application/views/admin/role/add.php
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<script src="<?php echo base_url()?>/public/validation/js/jquery.validate.js"></script>
<style>
.list_das_listmanagement li {
border: 1px #e4e4e4 solid;
padding-left: 30px;
margin-bottom: 10px;
}
.p_sub_menu{/*padding-left:20px;padding-top:10px;*/}
.p_sub_sub_menu{/*padding-left:40px;padding-top:20px;*/}
.role_management_form
{
}
.list_das_listmanagement
{
list-style: none;
padding: 0;
margin: 0;
}
.list_das_listmanagement li .list_managemet_head
{
font-weight: 600;
max-width: 210px;
width: 100%;
color: #086194;
font-size: 15px;
}
.list_das_listmanagement li .p_sub_menu,
.list_das_listmanagement li .p_sub_sub_menu
{
padding-right: 20px;
width: 100%;
display: inline-block;
color: #3a3939;
font-size: 15px;
}
.list_das_listmanagement li .p_sub_menu
{
max-width: 200px;
}
.list_das_listmanagement li .p_sub_sub_menu
{
max-width: 100px;
}
.btn_mang_submit
{
padding: 6px 25px;
background: #367fa9;
letter-spacing: 0.4px;
font-size: 16px;
}
.list_das_listmanagement li .checkbox label
{
padding-left: 35px;
}
.list_das_listmanagement li .list_managemet_head.custom_checkbox1
{
padding-left: 35px;
}
.list_das_listmanagement li .custom_checkbox1 {
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.list_das_listmanagement li .custom_checkbox1 input {
position: absolute;
opacity: 0;
cursor: pointer;
}
/* Create a custom checkbox */
.list_das_listmanagement li .custom_checkbox1 .checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
border: 1px solid #206790;
}
/* On mouse-over, add a grey background color */
.list_das_listmanagement li .custom_checkbox1:hover input ~ .checkmark {
}
/* When the checkbox is checked, add a blue background */
.list_das_listmanagement li .custom_checkbox1 input:checked ~ .checkmark {
background-color: #00a65a;
}
/* Create the checkmark/indicator (hidden when not checked) */
.list_das_listmanagement li .custom_checkbox1:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.list_das_listmanagement li .custom_checkbox1 input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.list_das_listmanagement li .checkmark:after {
content: "";
left: 9px;
top: 5px;
width: 6px;
height: 12px;
border: solid #fff;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
}
</style>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h3>
Add Role
</h3>
</section>
<!-- Main content -->
<section class="content">
<div class="row">
<!-- general form elements -->
<div class="col-md-12">
<div class="box box-primary">
<div class="box-header with-border">
<div class="admin-tab-wrapper">
<div class="admin_tab">
<!--<button class="btn btn-primary dropdown-toggle btn-algnmt" type="button" data-toggle="dropdown">Action
<span class="caret"></span></button>-->
<ul>
<li><a href="<?=base_url()?>admin/role">Back</a></li>
</ul>
</div>
</div>
<h3 class="box-title"></h3>
<?php if($this->session->flashdata('error_msg')){?>
<span style="color:red; font-weight:bold"><?php echo $this->session->flashdata('error_msg');?></span>
<?php }?>
<?php if($this->session->flashdata('success_msg')){?>
<span style="color:green; font-weight:bold"><?php echo $this->session->flashdata('success_msg'); ?></span>
<?php }?>
</div>
<!-- /.box-header -->
<!-- form start -->
<form id="signupForm" role="form" class="mtbresize1 role_management_form" method="post" action="<?php echo base_url('admin/role/contenta');?>" enctype="multipart/form-data" autocomplete="off">
<div class="box-body">
<div class="form-group">
<label for="role_name">Role Name<sup class="superr">*</sup></label>
<input type="text" class="form-control" id="role_name" name="role_name" value="<?php echo set_value('roll_name');?>" placeholder="Role Name" required="required">
<?php echo form_error('role_name','<span class="error">', '</span>'); ?>
</div>
<div class="form-group" style="width: 100%; display: inline-block;">
<label for="menu" style="display:block;">Menus</label>
<ul class="list_das_listmanagement">
<?php foreach ($menus as $key=>$menu){ ?>
<li>
<div class="checkbox" style="">
<label class="list_managemet_head custom_checkbox1"><input type="checkbox" value="<?php echo $menu['menu_id'] ?>" name="menus[]"><?php echo $menu['menu_name'] ?> : <span class="checkmark"></span> </label>
<?php foreach($menu['sub_menus'] as $sub_menu){?>
<span class="p_sub_menu custom_checkbox1"><label><input type="checkbox" value="<?php echo $sub_menu['menu_id'] ?> " name="menus[]"><?php echo $sub_menu['menu_name'] ?> <span class="checkmark"></span></label></span>
<?php foreach($sub_menu['sub_sub_menus'] as $sub_sub_menus){?>
<span class="p_sub_sub_menu custom_checkbox1"><label><input type="checkbox" value="<?php echo $sub_sub_menus['menu_id'] ?>" name="menus[]"><?php echo $sub_sub_menus['menu_name'] ?> <span class="checkmark"></span> <span class="checkmark"></span></label></span>
<?php }} ?>
</div>
</li>
<?php } ?>
</ul>
</div>
</div>
<!-- /.box-body -->
<div class="box-footer">
<button type="submit" class="btn btn-sm btn-primary btn_mang_submit">Submit</button>
</div>
</form>
</div>
</div>
<!-- /.box -->
</div><!-- /.row -->
</section><!-- /.content -->
</div><!-- /.content-wrapper -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-show-password/1.0.3/bootstrap-show-password.min.js"></script>
<script>
$( "#signupForm" ).validate( {
rules: {
role_name: "required"
},
messages: {
role_name: {required:"Role Name field is required"}
},
errorElement: "em",
highlight: function ( element, errorClass, validClass ) {
$( element ).parents( ".form-control" ).addClass( "has-error" ).removeClass( "has-success" );
},
unhighlight: function (element, errorClass, validClass) {
$( element ).parents( ".form-control" ).addClass( "has-success" ).removeClass( "has-error" );
}
} );
</script>