Skip to content

Commit

Permalink
navbar i labs kontroler promenjeni
Browse files Browse the repository at this point in the history
  • Loading branch information
@rasher85
rasher85 committed Aug 15, 2016
1 parent e464bd2 commit 19b4665
Show file tree
Hide file tree
Showing 2 changed files with 160 additions and 7 deletions.
24 changes: 17 additions & 7 deletions controllers/api/labs.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,21 +3,33 @@ var Labs = require('../../models/labs')
var router = require('express').Router()


router.get('/', function(req,res,next){
router.get('/labId/:name', function(req,res,next){
console.log('povlacenje')
console.log(req.query.name)
Labs.find({name: req.query.name})
console.log(req.params.name)
Labs.find({name: req.params.name})
.exec(function(err,labs){
if (err) { return next(err) }
res.json(labs)
console.log('#############################################################')
console.log(labs)
})

})

router.get('/labslist', function(req,res,next){
console.log('vadim sve podatke');
Labs.find({}, 'name description tumb labLinks', function(err,a){
if (err) {return next(err)}
res.json(a)
})
})

router.post('/', function(req,res,next){

console.log('postovanje')
console.log('postovanje')

console.log('#############################################################')
console.log(req.body)
var labs = new Labs({
name: req.body.name,
description: req.body.description,
Expand All @@ -28,9 +40,7 @@ router.post('/', function(req,res,next){
labLinks: req.body.labLinks,
guide: req.body.guide,
skeleton: req.body.skeleton,
assignments: req.body.assignments,
short: req.body.short,
setupDescript: req.body.setupDescript
assignments: req.body.assignments
})
labs.save(function(err,labs){
if (err) {return next(err)}
Expand Down
143 changes: 143 additions & 0 deletions navbar.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,143 @@
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.0.1/js/vendor/jquery.min.js"></script>
<script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.js'></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.block-grid/latest/bootstrap3-block-grid.min.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.2.1/ui-bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.2.1/ui-bootstrap-tpls.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
border-radius: 0 !important;
-moz-border-radius: 0 !important;
}
</style>
<style>
.labovi{
border-color:lightgrey;
box-shadow: 0.2rem 0.2rem 0rem #cccccc;
}
.labovi:hover{
transition:all 0.3s ease;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.centar{
margin: 0 auto;
}
.sredina{
float: none;
overflow: auto;
}

</style>

</head>
<body ng-app="app">
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">OpenLabs</a>
</div>
<div class="nav navbar-nav navbar-right">
<li class = "dropdown-toggle"><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
</div>
</div>
</nav>
<br>
<br>
<br>
<br>
<br>
<div class="container-fluid">
<!-- Ovde ide odmah sve ispod navbara -->
<div class="row">
<div class = "col-md-3"></div>
<div class = "col-md-6">
<div class="jumbotron">
<h1 class="text-center">Ovde ide neka slika ili nešto</h1>
<div>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere consectetur dolor ex ab provident aliquam, quibusdam illum recusandae accusamus vel quo debitis facilis minima molestiae nostrum voluptatibus voluptates rerum similique!</div>
<div>Saepe tempore ducimus ipsum libero blanditiis veniam unde facere rem nesciunt provident quo, cumque, doloremque. Placeat cumque eaque ipsam quisquam, assumenda voluptatibus pariatur distinctio, veritatis, sint quia, ex aliquid repudiandae?</div>
<div>Sed expedita fuga esse vero quidem. Sit repudiandae nulla nobis illo, itaque soluta blanditiis dolor corrupti. Consectetur accusantium corrupti dignissimos impedit commodi dolore quisquam suscipit veritatis quam numquam, unde maiores?</div>
</div>
</div>
</div>
<div class = "col-md-3"></div>
</div>

<!-- Glavni deo :) -->
<div class="row">
<!-- Leva strana ekrana-->
<div class = "col-md-3">
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, sit illum odit cum, molestias reiciendis officia quae distinctio provident, eveniet repudiandae eaque minus dolorum perferendis, architecto sapiente. Ad, quaerat, delectus.</div>
<div>Ducimus accusamus incidunt, natus! Voluptatum modi deleniti facere blanditiis dolores, culpa impedit fuga nisi corrupti, doloribus in sint unde voluptates ratione accusamus perferendis eligendi sequi quia recusandae exercitationem provident. Similique!</div>
<div>Placeat impedit, voluptatem perferendis, et deleniti at quidem unde quibusdam laudantium hic itaque, eveniet dignissimos quasi reprehenderit omnis, quas est nemo odio quam. Dolore ad autem, quo porro sapiente cum.</div>
<div>Totam nam culpa magni ad, consequatur praesentium voluptas adipisci molestias, debitis ducimus at, reprehenderit esse ipsa optio quis tempora! Quibusdam, similique beatae magni, eligendi culpa natus quis et? Atque, voluptatum.</div>
<div>Dolore sunt ipsum nostrum autem aliquam obcaecati quos, recusandae ducimus reiciendis quo rerum consequuntur fugit reprehenderit quod laudantium dolorem cumque eius. Eligendi maxime odio dolor illo fuga minima deleniti reprehenderit?</div>
<div>Necessitatibus quasi natus dolores, eaque voluptatibus recusandae labore fuga incidunt facilis optio a placeat adipisci excepturi possimus deserunt libero quisquam quae consectetur qui. Deserunt voluptatum natus error sequi vel libero!</div>
<div>Nemo est aliquid ducimus earum deserunt mollitia id enim ea modi maiores! Repellat quo quibusdam alias? Fuga recusandae, delectus cum tenetur blanditiis laborum neque quidem ratione quod et quia nam.</div>
<div>Tempora quidem quia amet, ex quos molestias soluta corporis optio quibusdam voluptatem, molestiae nulla minus quisquam fugit inventore perspiciatis eos dignissimos odit sapiente. Modi eveniet ratione quisquam rerum, amet tenetur.</div>
<div>Tempora officiis nisi harum, voluptatem nam amet asperiores accusamus. Soluta, ratione fugiat tenetur, voluptates repudiandae nobis culpa eius sequi amet temporibus quam officia error ipsam molestiae in ad molestias nisi!</div>
<div>Voluptas doloribus in blanditiis suscipit facere excepturi aliquid fugiat facilis iste molestias deleniti voluptatibus, autem, alias culpa, quaerat rerum, totam maiores tenetur dolores possimus dolorum perspiciatis. Explicabo velit sequi voluptates.</div>
<div>Tempora recusandae nemo illo at eveniet quod placeat neque ullam accusantium aperiam, error vero enim possimus quos magni doloribus aspernatur qui? Laudantium eum autem, magnam unde impedit, ex odit tempore!</div>
<div>Rerum labore eius, culpa, suscipit laborum error harum neque dolorem odit possimus vero quis vitae saepe accusamus consequuntur quo nobis perspiciatis tempore magni consectetur incidunt. Officiis aliquid consequatur iste, reprehenderit.</div>
<div>Commodi dicta nisi, et. Nostrum reiciendis placeat voluptates nisi assumenda delectus, in sint eos possimus, cupiditate nam ut dolores, consectetur veniam. Consectetur voluptas enim perspiciatis quibusdam, voluptates soluta sunt dolorum.</div>
<div>Nam, ea quos nemo modi blanditiis illo optio fuga at, natus enim reprehenderit non sed. Nisi nemo qui, voluptatibus quisquam ipsa nulla minima, libero illum nihil officia delectus voluptas unde!</div>
<div>Velit temporibus, cumque neque, doloribus sapiente aspernatur quia architecto dolorum natus nemo sit fuga, nostrum. Quod, nostrum! Beatae itaque ut harum, atque dolores nam, veritatis animi assumenda facilis, in obcaecati!</div>
</div>
<!-- U ovom divu je aplikacija koja god -->
<div class = "col-md-6">
<div class="block-grid-xs-1 block-grid-sm-2 block-grid-md-4 block-grid-lg-4" ng-controller="LabsCtrl" data-ng-init="init()">
<div class = "text-center" ng-repeat="i in labs |filter: pretraga">
<a href = {{i.labLinks}}>

<div class="panel panel-default labovi">
<div class="panel-heading"> {{i.name}} </div>
<div class="panel-body">
<img class = "img-responsive centar" src={{i.tumb}}> <br>
{{i.description}}
</div>
</div>
</a>
</div>
</div>
</div>
<!-- Desna strana ekrana-->
<div class="col-md-3">
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, sit illum odit cum, molestias reiciendis officia quae distinctio provident, eveniet repudiandae eaque minus dolorum perferendis, architecto sapiente. Ad, quaerat, delectus.</div>
<div>Ducimus accusamus incidunt, natus! Voluptatum modi deleniti facere blanditiis dolores, culpa impedit fuga nisi corrupti, doloribus in sint unde voluptates ratione accusamus perferendis eligendi sequi quia recusandae exercitationem provident. Similique!</div>
<div>Placeat impedit, voluptatem perferendis, et deleniti at quidem unde quibusdam laudantium hic itaque, eveniet dignissimos quasi reprehenderit omnis, quas est nemo odio quam. Dolore ad autem, quo porro sapiente cum.</div>
<div>Totam nam culpa magni ad, consequatur praesentium voluptas adipisci molestias, debitis ducimus at, reprehenderit esse ipsa optio quis tempora! Quibusdam, similique beatae magni, eligendi culpa natus quis et? Atque, voluptatum.</div>
<div>Dolore sunt ipsum nostrum autem aliquam obcaecati quos, recusandae ducimus reiciendis quo rerum consequuntur fugit reprehenderit quod laudantium dolorem cumque eius. Eligendi maxime odio dolor illo fuga minima deleniti reprehenderit?</div>
<div>Necessitatibus quasi natus dolores, eaque voluptatibus recusandae labore fuga incidunt facilis optio a placeat adipisci excepturi possimus deserunt libero quisquam quae consectetur qui. Deserunt voluptatum natus error sequi vel libero!</div>
<div>Nemo est aliquid ducimus earum deserunt mollitia id enim ea modi maiores! Repellat quo quibusdam alias? Fuga recusandae, delectus cum tenetur blanditiis laborum neque quidem ratione quod et quia nam.</div>
<div>Tempora quidem quia amet, ex quos molestias soluta corporis optio quibusdam voluptatem, molestiae nulla minus quisquam fugit inventore perspiciatis eos dignissimos odit sapiente. Modi eveniet ratione quisquam rerum, amet tenetur.</div>
<div>Tempora officiis nisi harum, voluptatem nam amet asperiores accusamus. Soluta, ratione fugiat tenetur, voluptates repudiandae nobis culpa eius sequi amet temporibus quam officia error ipsam molestiae in ad molestias nisi!</div>
<div>Voluptas doloribus in blanditiis suscipit facere excepturi aliquid fugiat facilis iste molestias deleniti voluptatibus, autem, alias culpa, quaerat rerum, totam maiores tenetur dolores possimus dolorum perspiciatis. Explicabo velit sequi voluptates.</div>
<div>Tempora recusandae nemo illo at eveniet quod placeat neque ullam accusantium aperiam, error vero enim possimus quos magni doloribus aspernatur qui? Laudantium eum autem, magnam unde impedit, ex odit tempore!</div>
<div>Rerum labore eius, culpa, suscipit laborum error harum neque dolorem odit possimus vero quis vitae saepe accusamus consequuntur quo nobis perspiciatis tempore magni consectetur incidunt. Officiis aliquid consequatur iste, reprehenderit.</div>
<div>Commodi dicta nisi, et. Nostrum reiciendis placeat voluptates nisi assumenda delectus, in sint eos possimus, cupiditate nam ut dolores, consectetur veniam. Consectetur voluptas enim perspiciatis quibusdam, voluptates soluta sunt dolorum.</div>
<div>Nam, ea quos nemo modi blanditiis illo optio fuga at, natus enim reprehenderit non sed. Nisi nemo qui, voluptatibus quisquam ipsa nulla minima, libero illum nihil officia delectus voluptas unde!</div>
<div>Velit temporibus, cumque neque, doloribus sapiente aspernatur quia architecto dolorum natus nemo sit fuga, nostrum. Quod, nostrum! Beatae itaque ut harum, atque dolores nam, veritatis animi assumenda facilis, in obcaecati!</div>
</div>
</div>
</div>
<script>
var app=angular.module('app', ['ui.bootstrap']);
app.controller('LabsCtrl', function($scope, $http){
$scope.init = function(){
$http.get('http://localhost:3000/api/labs/labslist').success(function(labs){
$scope.labs = labs;
})
}
})
</script>
</body>
</html>

0 comments on commit 19b4665

Please sign in to comment.