diff --git a/smash/web/templates/_base.html b/smash/web/templates/_base.html index b74483297e49bc79e14c79be8e3ac6f3b4b66628..835157199c244c4b4f1d1435b11e1db7a0ef3b3f 100644 --- a/smash/web/templates/_base.html +++ b/smash/web/templates/_base.html @@ -1,25 +1,442 @@ -{% load static %} -<!DOCTYPE html> -<html lang="en"> +{% load static %}<!DOCTYPE html> +<html> <head> - <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>{% block title %}Scheduling system{% endblock title %}</title> + <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> + + {% block styles %} + <!-- Bootstrap 3.3.6 --> + <link rel="stylesheet" href="{% static 'AdminLTE/css/bootstrap.min.css' %}"> + + <!-- Font Awesome --> + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> + + <!-- Ionicons --> + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css"> + + <!-- Theme style --> + <link rel="stylesheet" href="{% static 'AdminLTE/css/AdminLTE.min.css' %}"> + + <link rel="stylesheet" href="{% static 'AdminLTE/css/skins/skin-green.min.css' %}"> - {% block styles %} - <!-- links rel=stylesheet here --> + <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> + <!--[if lt IE 9]> + <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> + <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> + <![endif]--> {% endblock styles %} </head> -<body> - {% block content %} - {% endblock content %} +<!-- +BODY TAG OPTIONS: +================= +Apply one or more of the following classes to get the +desired effect +|---------------------------------------------------------| +| SKINS | skin-blue | +| | skin-black | +| | skin-purple | +| | skin-yellow | +| | skin-red | +| | skin-green | +|---------------------------------------------------------| +|LAYOUT OPTIONS | fixed | +| | layout-boxed | +| | layout-top-nav | +| | sidebar-collapse | +| | sidebar-mini | +|---------------------------------------------------------| +--> +<body class="hold-transition skin-green sidebar-mini"> +<div class="wrapper"> + <header class="main-header"> + + <!-- Logo --> + <a href="{% url 'web.views.index' %}" class="logo"> + <!-- mini logo for sidebar mini 50x50 pixels --> + <span class="logo-mini"><i class="fa fa-calendar-check-o fa-2x"></i></span> + <!-- logo for regular state and mobile devices --> + <span class="logo-lg"><b>Smart</b>Scheduling</span> + </a> + + <!-- Header Navbar --> + <nav class="navbar navbar-static-top" role="navigation"> + <!-- Sidebar toggle button--> + <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button"> + <span class="sr-only">Toggle navigation</span> + </a> + + <!-- Navbar Right Menu --> + <div class="navbar-custom-menu"> + <ul class="nav navbar-nav"> + <!-- Messages: style can be found in dropdown.less--> + <li class="dropdown messages-menu"> + <!-- Menu toggle button --> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="fa fa-envelope-o"></i> + <span class="label label-success"> + 0 + </span> + </a> + <ul class="dropdown-menu"> + <li class="header"> + You have 0 letters to send + </li> + <li> + </li> + {% comment "TODO: Implement letter notification" %} + <li> + <!-- inner menu: contains the messages --> + <ul class="menu"> + <li><!-- start message --> + <a href="#"> + <div class="pull-left"> + <!-- User Image --> + <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"> + </div> + <!-- Message title and timestamp --> + <h4> + Support Team + <small><i class="fa fa-clock-o"></i> 5 mins</small> + </h4> + <!-- The message --> + <p>Why not buy a new awesome theme?</p> + </a> + </li> + <!-- end message --> + </ul> + <!-- /.menu --> + </li> + {% endcomment %} + <li class="footer"><a href="#">See All</a></li> + </ul> + </li> + <!-- /.messages-menu --> + + <!-- Notifications Menu --> + <li class="dropdown notifications-menu"> + <!-- Menu toggle button --> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + <i class="fa fa-bell-o"></i> + <span class="label label-warning"> + 0 + </span> + </a> + <ul class="dropdown-menu"> + <li class="header"> + You have 0 notifications + </li> + {% comment "TODO: Implement notifications" %} + <li> + <!-- Inner Menu: contains the notifications --> + <ul class="menu"> + <li><!-- start notification --> + <a href="#"> + <i class="fa fa-users text-aqua"></i> 5 new members joined today + </a> + </li> + <!-- end notification --> + </ul> + </li> + {% endcomment %} + <li class="footer"><a href="#">View all</a></li> + </ul> + </li> + <!-- User Account Menu --> + <li class="dropdown user user-menu"> + <!-- Menu Toggle Button --> + <a href="#" class="dropdown-toggle" data-toggle="dropdown"> + {% comment "TODO: Add photo/avatar/initials" %} + <!-- The user image in the navbar--> + <img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image"> + {% endcomment %} + <span>Prenom Nom</span> + <i class="fa fa-gears"></i> + </a> + <ul class="dropdown-menu"> + <li class="user-header"> + <i class="fa fa-user-circle-o fa-5x white" style="color: rgba(255,255,255,0.8)"></i> + {% comment "TODO: Add user's photo %} + <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"> + {% endcomment %} + <p> + Prenom Nom + <small>Secretary</small> + </p> + </li> + {% comment "Uncomment if needed %} + <!-- Menu Body --> + <li class="user-body"> + <div class="row"> + <div class="col-xs-4 text-center"> + <a href="#">Followers</a> + </div> + <div class="col-xs-4 text-center"> + <a href="#">Sales</a> + </div> + <div class="col-xs-4 text-center"> + <a href="#">Friends</a> + </div> + </div> + <!-- /.row --> + {% endcomment %} + </li> + <!-- Menu Footer--> + <li class="user-footer"> + <div class="pull-left"> + <a href="#" class="btn btn-default btn-flat"><i class="fa fa-user"></i> Profile</a> + </div> + <div class="pull-right"> + <a href="#" class="btn btn-default btn-flat"><i class="fa fa-sign-out"></i> Sign out</a> + </div> + </li> + </ul> + </li> + {% comment "Uncomment if needed" %} + <!-- Control Sidebar Toggle Button --> + <li> + <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a> + </li> + {% endcomment %} + </ul> + </div> + </nav> + </header> + <!-- Left side column. contains the logo and sidebar --> + <aside class="main-sidebar"> + + <!-- sidebar: style can be found in sidebar.less --> + <section class="sidebar"> + + {% comment "Uncomment if needed" %} + <!-- Sidebar user panel (optional) --> + <div class="user-panel"> + <div class="pull-left image"> + <!-- + <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"> + --> + <i class="fa fa-user-circle-o fa-3x white" style="color: rgba(255,255,255,0.8)"></i> + </div> + <div class="pull-left info"> + <p>Prenom Nom</p> + <!-- Status --> + <a href="#"><i class="fa fa-circle text-success"></i> Online</a> + </div> + </div> + {% endcomment %} + + {% comment "Uncomment if necessary' %} + <!-- search form (Optional) --> + <form action="#" method="get" class="sidebar-form"> + <div class="input-group"> + <input type="text" name="q" class="form-control" placeholder="Search..."> + <span class="input-group-btn"> + <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i> + </button> + </span> + </div> + </form> + <!-- /.search form --> + {% endcomment %} + + <!-- Sidebar Menu --> + <ul class="sidebar-menu"> + <li class="header">Pages</li> + + <li data-desc="subjects"> + <a href="#"> + <i class="fa fa-users"></i> + <span>Subjects</span> + </a> + </li> + + <li data-desc="assignments"> + <a href="#"> + <i class="fa fa-calendar"></i> + <span>Assignments</span> + </a> + </li> + + <li data-desc="doctors"> + <a href="#"> + <i class="fa fa-user-md"></i> + <span>Doctors</span> + </a> + </li> + + <li data-desc="equipment-and-rooms"> + <a href="#"> + <i class="fa fa-building-o"></i> + <span>Equipment&rooms</span> + </a> + </li> + + <li data-desc="mail-templates"> + <a href="#"> + <i class="fa fa-envelope-o"></i> + <span>Mail templates</span> + </a> + </li> + + {% comment "Multi-level" %} + <li class="treeview"> + <a href="#"><i class="fa fa-link"></i> <span>Multilevel</span> + <span class="pull-right-container"> + <i class="fa fa-angle-left pull-right"></i> + </span> + </a> + <ul class="treeview-menu"> + <li><a href="#">Link in level 2</a></li> + <li><a href="#">Link in level 2</a></li> + </ul> + </li> + {% endcomment %} + </ul> + <!-- /.sidebar-menu --> + </section> + <!-- /.sidebar --> + </aside> + + <!-- Content Wrapper. Contains page content --> + <div class="content-wrapper"> + <!-- Content Header (Page header) --> + <section class="content-header"> + <h1> + {{ page_header }} + <small>{{ page_description }}</small> + </h1> + + <ol class="breadcrumb"> + {% block breadcrumb %} + <li><a href="#"><i class="fa fa-dashboard"></i> Dashboard</a></li> + <li class="active">Index</li> + {% endblock breadcrumb %} + </ol> + </section> + + + <!-- Main content --> + <section class="content"> + {% block maincontent %} + {% endblock maincontent %} + </section> + <!-- /.content --> + </div> + <!-- /.content-wrapper --> + + <!-- Main Footer --> + <footer class="main-footer"> + {% block footer %} + <!-- To the right --> + <div class="pull-right hidden-xs"> + - + </div> + <!-- Default to the left --> + Footer text (eg. <small> + <strong>Copyright © 2016 <a href="#">Company</a>.</strong> All rights reserved. + </small>) + {% endblock footer %} + </footer> + + {% comment "Uncomment if sidebar is needed" %} + <!-- Control Sidebar --> + <aside class="control-sidebar control-sidebar-dark"> + <!-- Create the tabs --> + <ul class="nav nav-tabs nav-justified control-sidebar-tabs"> + <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li> + <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li> + </ul> + <!-- Tab panes --> + <div class="tab-content"> + <!-- Home tab content --> + <div class="tab-pane active" id="control-sidebar-home-tab"> + <h3 class="control-sidebar-heading">Recent Activity</h3> + <ul class="control-sidebar-menu"> + <li> + <a href="javascript::;"> + <i class="menu-icon fa fa-birthday-cake bg-red"></i> + + <div class="menu-info"> + <h4 class="control-sidebar-subheading">Langdon's Birthday</h4> + + <p>Will be 23 on April 24th</p> + </div> + </a> + </li> + </ul> + <!-- /.control-sidebar-menu --> + + <h3 class="control-sidebar-heading">Tasks Progress</h3> + <ul class="control-sidebar-menu"> + <li> + <a href="javascript::;"> + <h4 class="control-sidebar-subheading"> + Custom Template Design + <span class="pull-right-container"> + <span class="label label-danger pull-right">70%</span> + </span> + </h4> + + <div class="progress progress-xxs"> + <div class="progress-bar progress-bar-danger" style="width: 70%"></div> + </div> + </a> + </li> + </ul> + <!-- /.control-sidebar-menu --> + + </div> + <!-- /.tab-pane --> + <!-- Stats tab content --> + <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div> + <!-- /.tab-pane --> + <!-- Settings tab content --> + <div class="tab-pane" id="control-sidebar-settings-tab"> + <form method="post"> + <h3 class="control-sidebar-heading">General Settings</h3> + + <div class="form-group"> + <label class="control-sidebar-subheading"> + Report panel usage + <input type="checkbox" class="pull-right" checked> + </label> + + <p> + Some information about this general settings option + </p> + </div> + <!-- /.form-group --> + </form> + </div> + <!-- /.tab-pane --> + </div> + </aside> + <!-- /.control-sidebar --> + + <!-- Add the sidebar's background. This div must be placed + immediately after the control sidebar --> + <div class="control-sidebar-bg"></div> + {% endcomment %} +</div> +<!-- ./wrapper --> - {% block footer %} - {% endblock footer %} {% block scripts %} - <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> + <!-- jQuery 2.2.3 --> + <script src="{% static 'AdminLTE/plugins/jQuery/jquery-2.2.3.min.js' %}"></script> + <!-- Bootstrap 3.3.6 --> + <script src="{% static 'AdminLTE/js/bootstrap.min.js' %}"></script> + <!-- AdminLTE App --> + <script src="{% static 'AdminLTE/js/app.min.js' %}"></script> + + {% comment "TODO: Check, and add if works %} + <!-- Optionally, you can add Slimscroll and FastClick plugins. + Both of these plugins are recommended to enhance the + user experience. Slimscroll is required when using the + fixed layout. --> + {% endcomment %} {% endblock scripts %} </body> </html> diff --git a/smash/web/templates/lte.html b/smash/web/templates/lte.html deleted file mode 100644 index 195a699c25304bc233ee2edd03f0586e09b02c33..0000000000000000000000000000000000000000 --- a/smash/web/templates/lte.html +++ /dev/null @@ -1,406 +0,0 @@ -{% load static %} -<!DOCTYPE html> -<!-- -This is a starter template page. Use this page to start your new project from -scratch. This page gets rid of all links and provides the needed markup only. ---> -<html> -<head> - <meta charset="utf-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge"> - <title>AdminLTE 2 | Starter</title> - <!-- Tell the browser to be responsive to screen width --> - <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> - <!-- Bootstrap 3.3.6 --> - <link rel="stylesheet" href="{% static 'AdminLTE/css/bootstrap.min.css' %}"> - <!-- Font Awesome --> - <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css"> - <!-- Ionicons --> - <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css"> - <!-- Theme style --> - <link rel="stylesheet" href="{% static 'AdminLTE/css/AdminLTE.min.css' %}"> - <!-- AdminLTE Skins. We have chosen the skin-blue for this starter - page. However, you can choose any other skin. Make sure you - apply the skin class to the body tag so the changes take effect. - --> - <link rel="stylesheet" href="{% static 'AdminLTE/css/skins/skin-blue.min.css' %}"> - - <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> - <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> - <!--[if lt IE 9]> - <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> - <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> - <![endif]--> -</head> -<!-- -BODY TAG OPTIONS: -================= -Apply one or more of the following classes to get the -desired effect -|---------------------------------------------------------| -| SKINS | skin-blue | -| | skin-black | -| | skin-purple | -| | skin-yellow | -| | skin-red | -| | skin-green | -|---------------------------------------------------------| -|LAYOUT OPTIONS | fixed | -| | layout-boxed | -| | layout-top-nav | -| | sidebar-collapse | -| | sidebar-mini | -|---------------------------------------------------------| ---> -<body class="hold-transition skin-blue sidebar-mini"> -<div class="wrapper"> - - <!-- Main Header --> - <header class="main-header"> - - <!-- Logo --> - <a href="index2.html" class="logo"> - <!-- mini logo for sidebar mini 50x50 pixels --> - <span class="logo-mini"><b>A</b>LT</span> - <!-- logo for regular state and mobile devices --> - <span class="logo-lg"><b>Admin</b>LTE</span> - </a> - - <!-- Header Navbar --> - <nav class="navbar navbar-static-top" role="navigation"> - <!-- Sidebar toggle button--> - <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button"> - <span class="sr-only">Toggle navigation</span> - </a> - <!-- Navbar Right Menu --> - <div class="navbar-custom-menu"> - <ul class="nav navbar-nav"> - <!-- Messages: style can be found in dropdown.less--> - <li class="dropdown messages-menu"> - <!-- Menu toggle button --> - <a href="#" class="dropdown-toggle" data-toggle="dropdown"> - <i class="fa fa-envelope-o"></i> - <span class="label label-success">4</span> - </a> - <ul class="dropdown-menu"> - <li class="header">You have 4 messages</li> - <li> - <!-- inner menu: contains the messages --> - <ul class="menu"> - <li><!-- start message --> - <a href="#"> - <div class="pull-left"> - <!-- User Image --> - <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"> - </div> - <!-- Message title and timestamp --> - <h4> - Support Team - <small><i class="fa fa-clock-o"></i> 5 mins</small> - </h4> - <!-- The message --> - <p>Why not buy a new awesome theme?</p> - </a> - </li> - <!-- end message --> - </ul> - <!-- /.menu --> - </li> - <li class="footer"><a href="#">See All Messages</a></li> - </ul> - </li> - <!-- /.messages-menu --> - - <!-- Notifications Menu --> - <li class="dropdown notifications-menu"> - <!-- Menu toggle button --> - <a href="#" class="dropdown-toggle" data-toggle="dropdown"> - <i class="fa fa-bell-o"></i> - <span class="label label-warning">10</span> - </a> - <ul class="dropdown-menu"> - <li class="header">You have 10 notifications</li> - <li> - <!-- Inner Menu: contains the notifications --> - <ul class="menu"> - <li><!-- start notification --> - <a href="#"> - <i class="fa fa-users text-aqua"></i> 5 new members joined today - </a> - </li> - <!-- end notification --> - </ul> - </li> - <li class="footer"><a href="#">View all</a></li> - </ul> - </li> - <!-- Tasks Menu --> - <li class="dropdown tasks-menu"> - <!-- Menu Toggle Button --> - <a href="#" class="dropdown-toggle" data-toggle="dropdown"> - <i class="fa fa-flag-o"></i> - <span class="label label-danger">9</span> - </a> - <ul class="dropdown-menu"> - <li class="header">You have 9 tasks</li> - <li> - <!-- Inner menu: contains the tasks --> - <ul class="menu"> - <li><!-- Task item --> - <a href="#"> - <!-- Task title and progress text --> - <h3> - Design some buttons - <small class="pull-right">20%</small> - </h3> - <!-- The progress bar --> - <div class="progress xs"> - <!-- Change the css width attribute to simulate progress --> - <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"> - <span class="sr-only">20% Complete</span> - </div> - </div> - </a> - </li> - <!-- end task item --> - </ul> - </li> - <li class="footer"> - <a href="#">View all tasks</a> - </li> - </ul> - </li> - <!-- User Account Menu --> - <li class="dropdown user user-menu"> - <!-- Menu Toggle Button --> - <a href="#" class="dropdown-toggle" data-toggle="dropdown"> - <!-- The user image in the navbar--> - <img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image"> - <!-- hidden-xs hides the username on small devices so only the image appears. --> - <span class="hidden-xs">Alexander Pierce</span> - </a> - <ul class="dropdown-menu"> - <!-- The user image in the menu --> - <li class="user-header"> - <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"> - - <p> - Alexander Pierce - Web Developer - <small>Member since Nov. 2012</small> - </p> - </li> - <!-- Menu Body --> - <li class="user-body"> - <div class="row"> - <div class="col-xs-4 text-center"> - <a href="#">Followers</a> - </div> - <div class="col-xs-4 text-center"> - <a href="#">Sales</a> - </div> - <div class="col-xs-4 text-center"> - <a href="#">Friends</a> - </div> - </div> - <!-- /.row --> - </li> - <!-- Menu Footer--> - <li class="user-footer"> - <div class="pull-left"> - <a href="#" class="btn btn-default btn-flat">Profile</a> - </div> - <div class="pull-right"> - <a href="#" class="btn btn-default btn-flat">Sign out</a> - </div> - </li> - </ul> - </li> - <!-- Control Sidebar Toggle Button --> - <li> - <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a> - </li> - </ul> - </div> - </nav> - </header> - <!-- Left side column. contains the logo and sidebar --> - <aside class="main-sidebar"> - - <!-- sidebar: style can be found in sidebar.less --> - <section class="sidebar"> - - <!-- Sidebar user panel (optional) --> - <div class="user-panel"> - <div class="pull-left image"> - <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"> - </div> - <div class="pull-left info"> - <p>Alexander Pierce</p> - <!-- Status --> - <a href="#"><i class="fa fa-circle text-success"></i> Online</a> - </div> - </div> - - <!-- search form (Optional) --> - <form action="#" method="get" class="sidebar-form"> - <div class="input-group"> - <input type="text" name="q" class="form-control" placeholder="Search..."> - <span class="input-group-btn"> - <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i> - </button> - </span> - </div> - </form> - <!-- /.search form --> - - <!-- Sidebar Menu --> - <ul class="sidebar-menu"> - <li class="header">HEADER</li> - <!-- Optionally, you can add icons to the links --> - <li class="active"><a href="#"><i class="fa fa-link"></i> <span>Link</span></a></li> - <li><a href="#"><i class="fa fa-link"></i> <span>Another Link</span></a></li> - <li class="treeview"> - <a href="#"><i class="fa fa-link"></i> <span>Multilevel</span> - <span class="pull-right-container"> - <i class="fa fa-angle-left pull-right"></i> - </span> - </a> - <ul class="treeview-menu"> - <li><a href="#">Link in level 2</a></li> - <li><a href="#">Link in level 2</a></li> - </ul> - </li> - </ul> - <!-- /.sidebar-menu --> - </section> - <!-- /.sidebar --> - </aside> - - <!-- Content Wrapper. Contains page content --> - <div class="content-wrapper"> - <!-- Content Header (Page header) --> - <section class="content-header"> - <h1> - Page Header - <small>Optional description</small> - </h1> - <ol class="breadcrumb"> - <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li> - <li class="active">Here</li> - </ol> - </section> - - <!-- Main content --> - <section class="content"> - - <!-- Your Page Content Here --> - - </section> - <!-- /.content --> - </div> - <!-- /.content-wrapper --> - - <!-- Main Footer --> - <footer class="main-footer"> - <!-- To the right --> - <div class="pull-right hidden-xs"> - Anything you want - </div> - <!-- Default to the left --> - <strong>Copyright © 2016 <a href="#">Company</a>.</strong> All rights reserved. - </footer> - - <!-- Control Sidebar --> - <aside class="control-sidebar control-sidebar-dark"> - <!-- Create the tabs --> - <ul class="nav nav-tabs nav-justified control-sidebar-tabs"> - <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li> - <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li> - </ul> - <!-- Tab panes --> - <div class="tab-content"> - <!-- Home tab content --> - <div class="tab-pane active" id="control-sidebar-home-tab"> - <h3 class="control-sidebar-heading">Recent Activity</h3> - <ul class="control-sidebar-menu"> - <li> - <a href="javascript::;"> - <i class="menu-icon fa fa-birthday-cake bg-red"></i> - - <div class="menu-info"> - <h4 class="control-sidebar-subheading">Langdon's Birthday</h4> - - <p>Will be 23 on April 24th</p> - </div> - </a> - </li> - </ul> - <!-- /.control-sidebar-menu --> - - <h3 class="control-sidebar-heading">Tasks Progress</h3> - <ul class="control-sidebar-menu"> - <li> - <a href="javascript::;"> - <h4 class="control-sidebar-subheading"> - Custom Template Design - <span class="pull-right-container"> - <span class="label label-danger pull-right">70%</span> - </span> - </h4> - - <div class="progress progress-xxs"> - <div class="progress-bar progress-bar-danger" style="width: 70%"></div> - </div> - </a> - </li> - </ul> - <!-- /.control-sidebar-menu --> - - </div> - <!-- /.tab-pane --> - <!-- Stats tab content --> - <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div> - <!-- /.tab-pane --> - <!-- Settings tab content --> - <div class="tab-pane" id="control-sidebar-settings-tab"> - <form method="post"> - <h3 class="control-sidebar-heading">General Settings</h3> - - <div class="form-group"> - <label class="control-sidebar-subheading"> - Report panel usage - <input type="checkbox" class="pull-right" checked> - </label> - - <p> - Some information about this general settings option - </p> - </div> - <!-- /.form-group --> - </form> - </div> - <!-- /.tab-pane --> - </div> - </aside> - <!-- /.control-sidebar --> - <!-- Add the sidebar's background. This div must be placed - immediately after the control sidebar --> - <div class="control-sidebar-bg"></div> -</div> -<!-- ./wrapper --> - -<!-- REQUIRED JS SCRIPTS --> - -<!-- jQuery 2.2.3 --> -<script src="{% static 'AdminLTE/plugins/jQuery/jquery-2.2.3.min.js' %}"></script> -<!-- Bootstrap 3.3.6 --> -<script src="{% static 'AdminLTE/js/bootstrap.min.js' %}"></script> -<!-- AdminLTE App --> -<script src="{% static 'AdminLTE/js/app.min.js' %}"></script> - -<!-- Optionally, you can add Slimscroll and FastClick plugins. - Both of these plugins are recommended to enhance the - user experience. Slimscroll is required when using the - fixed layout. --> -</body> -</html> diff --git a/smash/web/urls.py b/smash/web/urls.py index becbb07eda072b4cb8e5d508475357afa7b40a19..7cad1d27476a349da0745d9920f82325a1141a46 100644 --- a/smash/web/urls.py +++ b/smash/web/urls.py @@ -17,5 +17,5 @@ from django.conf.urls import url from web import views urlpatterns = [ - url(r'$', views.index) + url(r'$', views.index, name='web.views.index') ] diff --git a/smash/web/views.py b/smash/web/views.py index 31070d3c0aae3288ad460777cff4069231eb45dd..47ea6b7e350bbbd16fc5b0d0e3cc0de6b27f3696 100644 --- a/smash/web/views.py +++ b/smash/web/views.py @@ -5,6 +5,9 @@ from django.template import loader # Create your views here. def index(request): - template = loader.get_template("lte.html") - return HttpResponse(template.render({}), request) + template = loader.get_template("index.html") + return HttpResponse(template.render({ + 'page_header': 'Header', + 'page_description': 'Test' + }), request)