Skip to content

Instantly share code, notes, and snippets.

@jonatasfreitasv

jonatasfreitasv/app.js

Created April 17, 2015 02:45
Show Gist options
  • Save jonatasfreitasv/ed3ddebbfc536936d09d to your computer and use it in GitHub Desktop.
Save jonatasfreitasv/ed3ddebbfc536936d09d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
app.js
var app = angular.module('controlacar', ['ngRoute'], ['shared']);
app.config(['$routeProvider', '$locationProvider', function($routeProvider,$locationProvider) {
$locationProvider.hashPrefix('!');
$routeProvider
.when('/', {
templateUrl: 'components/login/form.html'
})
.when('/dashboard', {
templateUrl: 'components/dashboard/page.html'
})
.when('/messages', {
templateUrl: 'components/messages/page.html'
});
}]);
Raw
dashboard.html
<!-- Header and Footer -->
<sidebar></sidebar>
Raw
directive.js
/**
* Product
*
* Product Directive
*/
var app = angular.module('shared', []);
app.directive('sidebar', function(){
// Runs during compile
return {
// name: '',
// priority: 1,
// terminal: true,
// scope: {}, // {} = isolate, true = child, false/undefined = no change
controller: function() {
},
controllerAs: 'controlacar',
// require: 'ngModel', // Array = multiple requires, ? = optional, ^ = check parent elements
restrict: 'E', // E = Element, A = Attribute, C = Class, M = Comment
// template: '',
templateUrl: 'components/shared/sidebar.html',
// replace: true,
// transclude: true,
// compile: function(tElement, tAttrs, function transclude(function(scope, cloneLinkingFn){ return function linking(scope, elm, attrs){}})),
};
});
Raw
index.html
<!DOCTYPE html>
<html class="login-bg" ng-app="controlacar">
<head>
<title>CarSystem - Login</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- bootstrap -->
<link href="assets/css/bootstrap/bootstrap.css" rel="stylesheet">
<link href="assets/css/bootstrap/bootstrap-responsive.css" rel="stylesheet">
<link href="assets/css/bootstrap/bootstrap-overrides.css" type="text/css" rel="stylesheet">
<!-- global styles -->
<link rel="stylesheet" type="text/css" href="assets/css/layout.css">
<link rel="stylesheet" type="text/css" href="assets/css/elements.css">
<link rel="stylesheet" type="text/css" href="assets/css/icons.css">
<!-- libraries -->
<link rel="stylesheet" type="text/css" href="assets/css/lib/font-awesome.css">
<link href="assets/css/lib/jquery-ui-1.10.2.custom.css" rel="stylesheet" type="text/css" />
<!-- open sans font -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'/>
<!-- lato font -->
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="ng-view" ng-view></div>
<!-- scripts -->
<script src="assets/js/angular.min.js"></script>
<script src="assets/js/angular-route.min.js"></script>
<script src="app.js"></script>
<script src="components/shared/directive.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<!-- knob -->
<script src="assets/js/jquery.knob.js"></script>
<!-- flot charts -->
<script src="assets/js/jquery.flot.js"></script>
<script src="assets/js/jquery.flot.stack.js"></script>
<script src="assets/js/jquery.flot.resize.js"></script>
<!-- scroll -->
<script src="assets/js/jquery.mousewheel.js"></script>
<script src="assets/js/mwheelIntent.js"></script>
<script type="text/javascript" src="assets/js/jquery.jscrollpane.min.js"></script>
</body>
</html>
Raw
sidebar.html
<!-- sidebar -->
<div id="sidebar-nav">
<ul id="dashboard-menu">
<li class="active">
<div class="pointer">
<div class="arrow"></div>
<div class="arrow_border"></div>
</div>
<a href="#!/dashboard">
<i class="icon-dashboard"></i>
<span>Dashboard</span>
</a>
</li>
<li>
<a href="#!/messages">
<i class="icon-comment"></i>
<span>Mensagens</span>
</a>
</li>
<li>
<a class="dropdown-toggle" href="#">
<i class="icon-search"></i>
<span>Buscar</span>
<i class="icon-chevron-down"></i>
</a>
<ul class="submenu">
<li><a href="search_car.html">Carros</a></li>
<li><a href="search_clients.html">Clientes</a></li>
<li><a href="#">Interações</a></li>
<li><a href="search_supplier.html">Fornecedores</a></li>
</ul>
</li>
<li>
<a class="dropdown-toggle" href="#">
<i class="icon-truck"></i>
<span>Carros</span>
<i class="icon-chevron-down"></i>
</a>
<ul class="submenu">
<li><a href="list_car.html">Listar</a></li>
<li><a href="form_car.html">Incluir</a></li>
<li><a href="search_car.html">Buscar</a></li>
<li><a href="#">Vendidos</a></li>
<li><a href="#">Exportar Lista</a></li>
</ul>
</li>
<li>
<a class="dropdown-toggle" href="#">
<i class="icon-group"></i>
<span>Clientes</span>
<i class="icon-chevron-down"></i>
</a>
<ul class="submenu">
<li><a href="list_clients.html">Listar</a></li>
<li><a href="form_clients.html">Incluir</a></li>
<li><a href="search_clients.html">Buscar</a></li>
<li><a href="#">Interações</a></li>
<li><a href="#">Incluir Interação</a></li>
<li><a href="#">Buscar Interação</a></li>
<li><a href="#">Agendamentos</a></li>
<li><a href="#">Incluir Agendamentos</a></li>
</ul>
</li>
<li>
<a class="dropdown-toggle" href="#">
<i class="icon-shopping-cart"></i>
<span>Fornecedor</span>
<i class="icon-chevron-down"></i>
</a>
<ul class="submenu">
<li><a href="list_supplier.html">Listar</a></li>
<li><a href="form_supplier.html">Incluir</a></li>
<li><a href="list_supplier_type.html">Listar Tipos</a></li>
<li><a href="form_supplier_type.html">Incluir Tipo</a></li>
</ul>
</li>
<li>
<a class="dropdown-toggle" href="#">
<i class="icon-print"></i>
<span>Docs</span>
<i class="icon-chevron-down"></i>
</a>
<ul class="submenu">
<li><a href="#">Petição</a></li>
<li><a href="#">Autorização</a></li>
<li><a href="#">Transferência</a></li>
<li><a href="#">Recibo</a></li>
</ul>
</li>
<li>
<a class="dropdown-toggle" href="#">
<i class="icon-user"></i>
<span>Usuários</span>
<i class="icon-chevron-down"></i>
</a>
<ul class="submenu">
<li><a href="list_users.html">Listar</a></li>
<li><a href="form_users.html">Incluir</a></li>
<li><a href="list_company.html">Listar Filiais</a></li>
<li><a href="form_company.html">Incluir Filial</a></li>
<li><a href="#">Aumentar Plano</a></li>
</ul>
</li>
<li>
<a href="help.html">
<i class="icon-question-sign"></i>
<span>Ajuda</span>
</a>
</li>
</ul>
</div>
<!-- end sidebar -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment