EVOLUTION-NINJA
Edit File: admin_user_new.php
<?php $this->load->view('includes/admin_header');?> <div class="main-container ace-save-state" id="main-container"> <div id="sidebar" class="sidebar responsive ace-save-state"> <div class="text-center"> <h4>ADMIN</h4> </div> <ul class="nav nav-list"> <li class=""> <a href="#" class="dropdown-toggle">General<b class="arrow fa fa-angle-down"></b> </a> <b class="arrow"></b> <ul class="submenu"> <li class=""> <a href="<?php echo site_url('yaskawa/profile_setting');?>"> <i class="menu-icon fa fa-caret-right"></i> Personal Settings </a> <b class="arrow"></b> </li> <li class=""> <a href="<?php echo site_url('yaskawa/company_settings');?>"> <i class="menu-icon fa fa-caret-right"></i> Company Details </a> <b class="arrow"></b> </li> <li class=""> <a href="<?php echo site_url('yaskawa/email_settings');?>"> <i class="menu-icon fa fa-caret-right"></i> Email Settings </a> <b class="arrow"></b> </li> </ul> </li><!---org end----> <li class=""> <a href="#" class="dropdown-toggle"> <span class="menu-text"> Users & Control </span> <b class="arrow fa fa-angle-down"></b> </a> <b class="arrow"></b> <ul class="submenu"> <li class=""> <a href="<?php echo site_url('yaskawa/admin_user');?>"> <i class="menu-icon fa fa-caret-right"></i> Users </a> <b class="arrow"></b> </li> <li class=""> <a href="<?php echo site_url('yaskawa/security_control');?>"> <i class="menu-icon fa fa-caret-right"></i> Security Control </a> <b class="arrow"></b> </li> </ul> </li> <!-----Emp end-----> </ul><!-- /.nav-list --> </div> <div class="main-content"> <div class="main-content-inner"> <div class=" page-content" style="background-color:#f0f0f0;"> <div class="row" style="margin-top: -20px;"> <h3>Users</h3> </div> <div class="row"> <div class="row row-form1"> <div class="col-sm-12"> <select class="col-sm-2"> <option>Active User(9)</option> <option>user 1</option> <option>user 2</option> <option>user 3</option> </select> <div class="col-sm-1"> <button type="button" class="fa fa-plus btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal"> Add New User</button> </div> </div> </div> </div> <div class="row" style="background-color:white;margin-top:10px;"> <div class="col-xs-12"> <!-- PAGE CONTENT BEGINS --> <div class="hr dotted"></div> <div class="row search-page" id="search-page-1"> <div class="col-xs-12"> <div class="row"> <div class="col-xs-12 col-sm-11 col-md-4" style="border-right:1px solid #777;padding-right:20px;"> <div class="row row-form1"> <input type="text" class="form-control col-sm-7" name="keywords" placeholder="Search by"> <div class="col-sm-2" style="padding-top:10px;position:absolute;right:0px;"><a href=""><i class=" fa fa-search fa-1x"></i></a></div> </div> <div> <div class="checkbox"> <ul type="none" class="side_ul"> <li> <div class="row"> <div class="col-sm-2"> <input type="checkbox" value=""><img class="media-object dp img-circle" src="https://lut.im/7JCpw12uUT/mY0Mb78SvSIcjvkf.png" style="width: 50px;height:50px;"> </div> <div class="col-sm-10 admin_name"> <p><b>Ajay Srinivas</b></p> <p>CEO administrator</p> <p>ajay@jayblues.com</p> </div> </div> </li> <li> <div class="row"> <div class="col-sm-2"> <input type="checkbox" value=""><img class="media-object dp img-circle" src="https://lut.im/7JCpw12uUT/mY0Mb78SvSIcjvkf.png" style="width: 50px;height:50px;"> </div> <div class="col-sm-10 admin_name"> <p><b>Ajay Srinivas</b></p> <p>CEO administrator</p> <p>ajay@jayblues.com</p> </div> </div> </li> <li> <div class="row"> <div class="col-sm-2"> <input type="checkbox" value=""><img class="media-object dp img-circle" src="https://lut.im/7JCpw12uUT/mY0Mb78SvSIcjvkf.png" style="width: 50px;height:50px;"> </div> <div class="col-sm-10 admin_name"> <p><b>Ajay Srinivas</b></p> <p>CEO administrator</p> <p>ajay@jayblues.com</p> </div> </div> </li> <li> <div class="row"> <div class="col-sm-2"> <input type="checkbox" value=""><img class="media-object dp img-circle" src="https://lut.im/7JCpw12uUT/mY0Mb78SvSIcjvkf.png" style="width: 50px;height:50px;"> </div> <div class="col-sm-10 admin_name"> <p><b>Ajay Srinivas</b></p> <p>CEO administrator</p> <p>ajay@jayblues.com</p> </div> </div> </li> </ul> </div> </div> </div> <div class="col-xs-12 col-sm-11 col-md-6" style="padding-left:20px;"> <div class="row"> <div class="col-sm-4"> <div class="media"> <a class="pull-left" href="#"> <img class="media-object dp img-circle" src="https://lut.im/7JCpw12uUT/mY0Mb78SvSIcjvkf.png" style="width: 100px;height:100px;margin-top:-28px;"> </a> </div> </div> <div class="col-sm-7"> <div class="media-body"> <h4 class="media-heading">Hardik Sondagar <span style="font-size:12px;">Adminstrator</span></h4> <h5>Software Developer at <a href="">YASKAWA</a></h5> <hr style="margin:8px auto"> <i class="fa fa-envelope-o"></i> <a href=""> user@yaskawa.com</a><br> <i class="fa fa-phone"></i> <a href=""> </a><br> <i class="fa fa-ellipsis-h"></i> <a href=""> </a> </div> </div> </div> <!-- <div class="row"> <form> <h4>social Profile</h4> <table width="100%"> <tr style="border-bottom:1px solid #777;"> <td>Twitter</td> <td style="padding-bottom:20px;text-align:right"><a href="" > + Add</a></td> </tr> <tr style="border-bottom:1px solid #777;"> <td>Facebook</td> <td style="padding-bottom:20px;text-align:right"><a href=""> + Add</a></td> </tr> <tr style="border-bottom:1px solid #777;"> <td>Google</td> <td style="padding-bottom:20px;text-align:right"><a href=""> + Add</a></td> </tr> </table> </form> </div> --> </div> </div> </div> </div> </div><!-- /.page-content --> </div> </div><!-- /.main-content --> <!-- Modal --> <div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Add New User</h4> </div> <div class="modal-body"> <div class="row row-form"> <div class=" col-sm-12 col-md-12"> <label class="col-sm-4">First Name</label> <input type="text" autofocus class=" col-sm-8" minlength="3" pattern="^[a-zA-Z\s]*$" name="name" required="required"> </div> </div> <div class="row row-form"> <div class=" col-sm-12 col-md-12"> <label class="col-sm-4">Last Name</label> <input type="text" class=" col-sm-8" minlength="3" pattern="^[a-zA-Z\s]*$" name="name" required="required"> </div> </div> <div class="row row-form"> <div class=" col-sm-12 col-md-12"> <label class="col-sm-4">E-Mail</label> <input type="text" class=" col-sm-8" minlength="3" pattern="^[a-zA-Z\s]*$" name="name" required="required"> </div> </div> <div class="row row-form"> <div class=" col-sm-12 col-md-12"> <label class="col-sm-4">Role</label> <select class="col-sm-8"> <option>CEO</option> <option>Manager</option> <option>Team Lead</option> </select> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">Cancel</button> <button type="button" class="btn btn-primary btn-sm" >Save</button> </div> </div> </div> </div> <div class="footer"> <div class="footer-inner"> <div class="footer-content"> <span class="blue">All Right Reserved © 2017</span> <a href=""> Jay Blues Technologies</a> </div> </div> </div> <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse"> <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i> </a> </div><!-- /.main-container --> </div> <!-- basic scripts --> <!--[if !IE]> --> <script src="<?php echo base_url('assets/js/jquery-2.1.4.min.js');?>"></script> <script type="text/javascript"> if('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>"); </script> <script src="<?php echo base_url('assets/js/bootstrap.min.js');?>"></script> <!-- page specific plugin scripts --> <script src="<?php echo base_url('assets/js/jquery-ui.custom.min.js');?>"></script> <script src="<?php echo base_url('assets/js/jquery.ui.touch-punch.min.js');?>"></script> <script src="<?php echo base_url('assets/js/jquery.easypiechart.min.js');?>"></script> <script src="<?php echo base_url('assets/js/jquery.sparkline.index.min.js');?>"></script> <script src="<?php echo base_url('assets/js/jquery.flot.min.js');?>"></script> <script src="<?php echo base_url('assets/js/jquery.flot.pie.min.js');?>"></script> <script src="<?php echo base_url('assets/js/jquery.flot.resize.min.js');?>"></script> <!-- ace scripts --> <script src="<?php echo base_url('assets/js/ace-elements.min.js');?>"></script> <script src="<?php echo base_url('assets/js/ace.min.js');?>"></script> <!-- inline scripts related to this page --> </body> </html> <style type="text/css"> .breadcrumb { background-color: transparent; line-height: 20px; margin: -10px 22px 0 12px; padding: 0; font-size: 13px; color: #333; border-radius: 0; } </style> <script type="text/javascript"> $(".add_new").click(function () { $("#maintable").each(function () { var tds = '<tr>'; jQuery.each($('tr:last td', this), function () { tds += '<td>' + $(this).html() + '</td>'; }); tds += '</tr>'; if ($('tbody', this).length > 0) { $('tbody', this).append(tds); } else { $(this).append(tds); } }); }); </script> <style> .admin_name p{ margin: 0 0 2px !important; } input[type=checkbox], input[type=radio] { margin: 18px 3px 0px -20px !important; } .side_ul li{ padding-bottom:20px; } .media { /*box-shadow:0px 0px 4px -2px #000;*/ margin: 20px 0; padding:30px; } .dp { border:10px solid #eee; transition: all 0.2s ease-in-out; } .dp:hover { border:2px solid #eee; transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); /*-webkit-font-smoothing:antialiased;*/ } </style>