PageRenderTime 71ms CodeModel.GetById 27ms RepoModel.GetById 0ms app.codeStats 0ms

/Landing Page/view/demoindex.html

https://github.com/sailesharya/rms
HTML | 516 lines | 421 code | 66 blank | 29 comment | 0 complexity | 8a723689c179eee49734f67396b0da44 MD5 | raw file
  1. <html>
  2. <head>
  3. <title>ProRecruit | The Best out THERE!!!</title>
  4. <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  5. <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  6. <link href="../css/dataTables.bootstrap.css" rel="stylesheet" type="text/css" />
  7. <link href="../css/prorecruit.css" rel="stylesheet" type="text/css" />
  8. <script src="../js/jquery.min.js"></script>
  9. <script src="../js/jquery-ui-1.10.3.min.js"></script>
  10. <script src="../js/tagit/tagit.js"></script>
  11. <link href="../css/tag/tagit-blue.css" rel="stylesheet"/>
  12. <script type="text/JavaScript">
  13. $(function(e){var i=0;
  14. $("#a_newuser").click(function(e){
  15. e.preventDefault();
  16. $("#content_blocks").prepend('<div id="first'+i+'"></div>');
  17. $('#first'+i+'').load("adduser.html");
  18. i++;
  19. });
  20. $("#erf").click(function(e){
  21. e.preventDefault();
  22. $("#content_blocks").prepend('<div id="first'+i+'"></div>');
  23. $('#first'+i+'').load("requisition.html");
  24. i++;
  25. });
  26. $(".editprofile").click(function(e){
  27. e.preventDefault();
  28. $("#content_blocks").prepend('<div id="first'+i+'"></div>');
  29. $('#first'+i+'').load("editprofile.html");
  30. i++;
  31. });
  32. $("#editorg").click(function(e){
  33. e.preventDefault();
  34. $("#content_blocks").prepend('<div id="first'+i+'"></div>');
  35. $('#first'+i+'').load("org_details.html");
  36. i++;
  37. });
  38. $("#addjob").click(function(e){
  39. e.preventDefault();
  40. $("#content_blocks").prepend('<div id="first'+i+'"></div>');
  41. $('#first'+i+'').load("addjob.html");
  42. i++;
  43. });
  44. $(".companydetails").click(function(e){
  45. e.preventDefault();
  46. $("#content_blocks").prepend('<div id="first'+i+'"></div>');
  47. $('#first'+i+'').load("admincompanydetails.html");
  48. i++;
  49. });
  50. $(".employeedetail").click(function(e){
  51. e.preventDefault();
  52. $("#content_blocks").prepend('<div id="first'+i+'"></div>');
  53. $('#first'+i+'').load("employeedetails.html");
  54. i++;
  55. });
  56. $("#approved").click(function(e){
  57. e.preventDefault();
  58. $("#content_blocks").prepend('<div id="first'+i+'"></div>');
  59. $('#first'+i+'').load("approved.html");
  60. i++;
  61. });
  62. $("#drft").click(function(e){
  63. e.preventDefault();
  64. $("#content_blocks").prepend('<div id="first'+i+'"></div>');
  65. $('#first'+i+'').load("drafts.html");
  66. i++;
  67. });
  68. $("#ongoing").click(function(e){
  69. e.preventDefault();
  70. $("#content_blocks").prepend('<div id="first'+i+'"></div>');
  71. $('#first'+i+'').load("ongoing.html");
  72. i++;
  73. });
  74. $("#closed").click(function(e){
  75. e.preventDefault();
  76. $("#content_blocks").prepend('<div id="first'+i+'"></div>');
  77. $('#first'+i+'').load("closed.html");
  78. i++;
  79. });
  80. $("#existing_users").click(function(e){
  81. e.preventDefault();
  82. $("#content_blocks").prepend('<div id="first'+i+'"></div>');
  83. $('#first'+i+'').load("users.html");
  84. i++;
  85. });
  86. $("#refer1, #refer2, #refer3, #refer4").click(function(e){
  87. e.preventDefault();
  88. $("#content_blocks").prepend('<div id="first'+i+'"></div>');
  89. $('#first'+i+'').load("refer.html");
  90. i++;
  91. });
  92. $("#cdb").click(function(e){
  93. e.preventDefault();
  94. $("#content_blocks").prepend('<div id="first'+i+'"></div>');
  95. $('#first'+i+'').load("indexcandidateform.html");
  96. i++;
  97. });
  98. $(".all_vacancies").click(function(e){
  99. e.preventDefault();
  100. $("#content_blocks").prepend('<div id="first'+i+'"></div>');
  101. $('#first'+i+'').load("approved.html");
  102. i++;
  103. $("#content_blocks").prepend('<div id="first'+i+'"></div>');
  104. $('#first'+i+'').load("ongoing.html");
  105. i++;
  106. $("#content_blocks").prepend('<div id="first'+i+'"></div>');
  107. $('#first'+i+'').load("closed.html");
  108. i++;
  109. });
  110. $("#existingjobs").click(function(e){
  111. e.preventDefault();
  112. $("#content_blocks").prepend('<div id="first'+i+'"></div>');
  113. $('#first'+i+'').load("existingjobs.html");
  114. i++;
  115. });
  116. $("#existingusers").click(function(e){
  117. e.preventDefault();
  118. $("#content_blocks").prepend('<div id="first'+i+'"></div>');
  119. $('#first'+i+'').load("existingusers.html");
  120. i++;
  121. });
  122. $(".interview").click(function(e){
  123. e.preventDefault();
  124. $("#content_blocks").prepend('<div id="first'+i+'"></div>');
  125. $('#first'+i+'').load("myinterviewer.html");
  126. i++;
  127. });
  128. $(".schedule").click(function(e){
  129. e.preventDefault();
  130. $("#content_blocks").prepend('<div id="first'+i+'"></div>');
  131. $('#first'+i+'').load("slc.html");
  132. i++;
  133. });
  134. $("#evaluation").click(function(e){
  135. e.preventDefault();
  136. $("#content_blocks").prepend('<div id="first'+i+'"></div>');
  137. $('#first'+i+'').load("evaluationSheet.html");
  138. i++;
  139. });
  140. });
  141. /*$(document).ready(function(){
  142. $("#a_newuser").click(function(e){
  143. e.preventDefault();
  144. $("#cont_form").load("addnew.html");
  145. });
  146. $("#erf").click(function(e){
  147. e.preventDefault();
  148. $("#cont_form").load("requisition.html");
  149. });
  150. $("#editprofile").click(function(e){
  151. e.preventDefault();
  152. $("#cont_form").load("editprofile.html");
  153. });
  154. $("#editorg").click(function(e){
  155. e.preventDefault();
  156. $("#cont_form").load("org_details.html");
  157. });
  158. $("#addjob").click(function(e){
  159. e.preventDefault();
  160. $("#cont_form").load("addjob.html");
  161. });
  162. $(".companydetails").click(function(e){
  163. e.preventDefault();
  164. $("#cont_form").load("admincompanydetails.html");
  165. });
  166. $(".employeedetail").click(function(e){
  167. e.preventDefault();
  168. $("#cont_form").load("employeedetails.html");
  169. });
  170. $("#approved").click(function(e){
  171. e.preventDefault();
  172. $("#cont_form").load("approved.html");
  173. });
  174. });*/
  175. </script>
  176. </head>
  177. <body class="skin-black fixed">
  178. <!-- header logo: style can be found in header.less -->
  179. <header class="header">
  180. <a href="index.html" class="logo">
  181. <!-- Add the class icon to your logo image or logo icon to add the margining -->
  182. ProRecruit
  183. </a>
  184. <!-- Header Navbar: style can be found in header.less -->
  185. <nav class="navbar navbar-static-top" role="navigation">
  186. <!-- Sidebar toggle button-->
  187. <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
  188. <span class="sr-only">Toggle navigation</span>
  189. <span class="icon-bar"></span>
  190. <span class="icon-bar"></span>
  191. <span class="icon-bar"></span>
  192. </a>
  193. <a href="#" class="navbar-btn sidebar-toggle" style="display:none" data-toggle="oncanvas" role="button">
  194. <span class="sr-only">Toggle navigation</span>
  195. <span class="icon-bar"></span>
  196. <span class="icon-bar"></span>
  197. <span class="icon-bar"></span>
  198. </a>
  199. <div class="navbar-right">
  200. <ul class="nav navbar-nav">
  201. <!-- User Account: style can be found in dropdown.less -->
  202. <li class="dropdown user user-menu">
  203. <a href="#" class="check_admin">
  204. <i class="glyphicon glyphicon-user"></i>
  205. <span>Admin<i class="caret"></i></span>
  206. </a> <a href="#" class="check_admin1" style="display:none">
  207. <i class="glyphicon glyphicon-user"></i>
  208. <span>Admin<i class="caret"></i></span>
  209. </a>
  210. <ul class="dropdown-menu">
  211. <!-- User image -->
  212. <li class="user-header bg-light-blue">
  213. <img src="../img/admin.png" class="img-circle" alt="User Image" />
  214. <p>
  215. Admin
  216. </p>
  217. </li>
  218. <!-- Menu Footer-->
  219. <li class="user-footer">
  220. <div class="pull-left">
  221. <a href="#" class="btn btn-default btn-flat editprofile">Edit Profile</a>
  222. </div>
  223. <div class="pull-right">
  224. <a href="../../../RMS/" class="btn btn-default btn-flat">Sign out</a>
  225. </div>
  226. </li>
  227. </ul>
  228. </li>
  229. </ul>
  230. </div>
  231. </nav>
  232. </header>
  233. <div class="wrapper row-offcanvas row-offcanvas-left">
  234. <!-- Left side column. contains the logo and sidebar -->
  235. <aside class="left-side sidebar-offcanvas">
  236. <!-- sidebar: style can be found in sidebar.less -->
  237. <section class="sidebar">
  238. <!-- Sidebar user panel -->
  239. <div class="user-panel"><br>
  240. <div class="pull-left image">
  241. <img src="../img/admin.png" class="img-circle" alt="User Image" />
  242. </div>
  243. <div class="pull-left info">
  244. <br><p>Hello, Admin</p>
  245. </div>
  246. </div><br>
  247. <!-- sidebar menu: : style can be found in sidebar.less -->
  248. <ul class="sidebar-menu">
  249. <li class="active">
  250. <a href="#">
  251. <i class="fa fa-dashboard"></i> <span>Dashboard</span>
  252. </a>
  253. </li>
  254. <li>
  255. <a href="" class="editprofile">
  256. <i class="fa fa-gear"></i> <span>Edit Profile</span>
  257. </a>
  258. </li>
  259. <li class="treeview">
  260. <a href="#">
  261. <i class="fa fa-pencil"></i><span>Employee Requisition</span>
  262. <i class="fa fa-angle-left pull-right"></i>
  263. </a>
  264. <ul class="treeview-menu">
  265. <li><a href="#" id="erf"><i class="fa fa-angle-double-right"></i>New Form</a></li>
  266. <li><a href="#" id="drft"><i class="fa fa-angle-double-right"></i>Drafts</a></li>
  267. </ul>
  268. </li>
  269. <li class="treeview">
  270. <a href="#demographics" class="companydetails">
  271. <i class="glyphicon glyphicon-stats"></i> <span>Company Demographics</span>
  272. </a>
  273. </li>
  274. <li class="treeview">
  275. <a href="#" class="employeedetail">
  276. <i class="glyphicon glyphicon-stats"></i> <span>Employee Tally</span>
  277. </a>
  278. </li>
  279. <li class="treeview">
  280. <a href="#">
  281. <i class="fa fa-briefcase"></i><span>Vacancies</span>
  282. <i class="fa fa-angle-left pull-right"></i>
  283. </a>
  284. <ul class="treeview-menu">
  285. <li><a href="" class="all_vacancies"><i class="fa fa-angle-double-right"></i> All</a></li>
  286. <li><a href="" id="approved"><i class="fa fa-angle-double-right"></i> Approved</a></li>
  287. <li><a href="" id="ongoing"><i class="fa fa-angle-double-right"></i> Ongoing</a></li>
  288. <li><a href="" id="closed"><i class="fa fa-angle-double-right"></i> Closed</a></li>
  289. </ul>
  290. </li>
  291. <li>
  292. <a href="" class="interview">
  293. <i class="fa fa-calendar"></i> <span>Scheduler</span>
  294. </a>
  295. </li>
  296. <li class="treeview">
  297. <a href="#">
  298. <i class="fa fa-group"></i><span>Users</span>
  299. <i class="fa fa-angle-left pull-right"></i>
  300. </a>
  301. <ul class="treeview-menu">
  302. <li><a id="a_newuser" href="" ><i class="fa fa-angle-double-right"></i> Add New User</a></li>
  303. <li><a href="" id="existingusers"><i class="fa fa-angle-double-right"></i> Existing Users</a></li>
  304. </ul>
  305. </li>
  306. <li class="treeview">
  307. <a href="#">
  308. <i class="fa fa-briefcase"></i><span>Jobs</span>
  309. <i class="fa fa-angle-left pull-right"></i>
  310. </a>
  311. <ul class="treeview-menu">
  312. <li><a href="" id="addjob"><i class="fa fa-angle-double-right"></i> Add New Jobs</a></li>
  313. <li><a href="" id="existingjobs"><i class="fa fa-angle-double-right"></i> Existing Jobs</a></li>
  314. </ul>
  315. </li>
  316. <li>
  317. <a href="" id="editorg">
  318. <i class="fa fa-gear"></i> <span>Edit Organization Details</span>
  319. </a>
  320. </li>
  321. <li class="treeview">
  322. <a href="#" id="evaluation">
  323. <i class="fa fa-pencil"></i> <span>Evaluation Sheet</span>
  324. </a>
  325. </li>
  326. <li class="treeview">
  327. <a href="">
  328. <i class="fa fa-database"></i><span>Candidate Database</span>
  329. <i class="fa fa-angle-left pull-right"></i>
  330. </a>
  331. <ul class="treeview-menu">
  332. <li><a href="" id="cdb"><i class="fa fa-angle-double-right"></i> Search Candidate</a></li>
  333. <!-- <li><a href="#importcv"><i class="fa fa-angle-double-right"></i> Import CVs</a></li>
  334. <li><a href="#talentpool"><i class="fa fa-angle-double-right"></i>Talent Pool</a></li>-->
  335. </ul>
  336. </li>
  337. </ul>
  338. </section>
  339. <!-- /.sidebar -->
  340. </aside>
  341. <!-- Right side column. Contains the navbar and content of the page -->
  342. <aside class="right-side item_no_menu">
  343. <section class="content-header">
  344. <h1>
  345. Dashboard
  346. </h1>
  347. <ol class="breadcrumb">
  348. <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
  349. <li class="active">Dashboard</li>
  350. </ol>
  351. </section>
  352. <!-- Main content -->
  353. <section class="content">
  354. <!-- Small boxes (Stat box) -->
  355. <div class="row">
  356. <div class="col-lg-3 col-xs-6">
  357. <!-- small box -->
  358. <div class="small-box bg-aqua">
  359. <div class="inner">
  360. <h3>
  361. 75%<sup><small class="badge bg-red">increase</small>
  362. </h3>
  363. <p>
  364. Demographics
  365. </p>
  366. </div>
  367. <div class="icon" style="padding-bottom:20px; padding-right:15px;">
  368. <i class="glyphicon glyphicon-stats"></i>
  369. </div>
  370. <a href="" class="small-box-footer companydetails">
  371. More info &nbsp;<i class="fa fa-arrow-circle-right"></i>
  372. </a>
  373. </div>
  374. </div><!-- ./col -->
  375. <div class="col-lg-3 col-xs-6">
  376. <!-- small box -->
  377. <div class="small-box bg-green">
  378. <div class="inner">
  379. <h3>
  380. 53<sup><small class="badge bg-red">new</small>
  381. </h3>
  382. <p>
  383. Employees
  384. </p>
  385. </div>
  386. <div class="icon" style="padding-bottom:20px; padding-right:15px;">
  387. <i class="glyphicon glyphicon-stats"></i>
  388. </div>
  389. <a href="" class=" employeedetail small-box-footer">
  390. More info &nbsp;<i class="fa fa-arrow-circle-right"></i>
  391. </a>
  392. </div>
  393. </div><!-- ./col -->
  394. <div class="col-lg-3 col-xs-6">
  395. <!-- small box -->
  396. <div class="small-box bg-blue">
  397. <div class="inner">
  398. <h3>
  399. 4<sup><small class="badge bg-red">approved</small>
  400. </h3>
  401. <p>
  402. Vacancies
  403. </p>
  404. </div>
  405. <div class="icon" style="padding-bottom:8px; padding-right:15px;">
  406. <i class="fa fa-briefcase"></i>
  407. </div>
  408. <a href="#" class="all_vacancies small-box-footer">
  409. More info &nbsp;<i class="fa fa-arrow-circle-right"></i>
  410. </a>
  411. </div>
  412. </div><!-- ./col -->
  413. <div class="col-lg-3 col-xs-6">
  414. <!-- small box -->
  415. <div class="small-box bg-orange">
  416. <div class="inner">
  417. <h3>
  418. 6<sup><small class="badge bg-red">interviews</small>
  419. </h3>
  420. <p>
  421. Scheduler
  422. </p>
  423. </div>
  424. <div class="icon" style="padding-bottom:20px; padding-right:15px;">
  425. <i class="fa fa-calendar"></i>
  426. </div>
  427. <a href="#" class="small-box-footer interview">
  428. More info &nbsp;<i class="fa fa-arrow-circle-right"></i>
  429. </a>
  430. </div>
  431. </div><!-- ./col -->
  432. </div><!-- /.row -->
  433. <div class="row myblock"></div>
  434. <div class="row" id="content_blocks">
  435. <!-- <div id="cont_form"></div>
  436. <div id="cont_form2"></div>-->
  437. </div>
  438. </div>
  439. <!-- jQuery 2.0.2 -->
  440. <!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
  441. <!-- jQuery UI 1.10.3 -->
  442. <script src="../js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
  443. <!-- Bootstrap -->
  444. <script src="../js/bootstrap.min.js" type="text/javascript"></script>
  445. <!-- AdminLTE App -->
  446. <script src="../js/prorecruit/app.js" type="text/javascript"></script>
  447. <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
  448. <script src="../js/prorecruit/dashboard.js" type="text/javascript"></script>
  449. </body>
  450. </html>