2 files changed, 7 insertions, 3 deletions
diff --git a/frontend/src/app/_pages/browse-predictors/browse-predictors.component.html b/frontend/src/app/_pages/browse-predictors/browse-predictors.component.html
index 1626f6fc..9b342ad0 100644
--- a/frontend/src/app/_pages/browse-predictors/browse-predictors.component.html
+++ b/frontend/src/app/_pages/browse-predictors/browse-predictors.component.html
@@ -5,7 +5,7 @@
         <div class="row mt-3 mb-2 d-flex justify-content-center">
     
     <div class="col-sm-6" style="margin-bottom: 10px;">
-    <input type="text" class="form-control" placeholder="Search Here" [(ngModel)]="term">
+    <input type="text" class="form-control" placeholder="Pretraga" [(ngModel)]="term">
     </div>
 
             <div class="row">
@@ -14,7 +14,7 @@
                     <div class="card-body">
                       <h5 class="card-title">{{predictor.name}}</h5>
                       <p class="card-text">{{predictor.description}}</p>
-                      <a href="#" class="btn btn-primary">Otvori</a>
+                      <a  class="btn btn-primary" (click)="openPredictor(predictor._id)">Otvori</a>
                     </div>
                     <div class="card-footer text-muted">
                         Kreirao: {{predictor.username}} <br>
diff --git a/frontend/src/app/_pages/browse-predictors/browse-predictors.component.ts b/frontend/src/app/_pages/browse-predictors/browse-predictors.component.ts
index 92952034..5c085bba 100644
--- a/frontend/src/app/_pages/browse-predictors/browse-predictors.component.ts
+++ b/frontend/src/app/_pages/browse-predictors/browse-predictors.component.ts
@@ -1,6 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { PredictorsService } from 'src/app/_services/predictors.service';
 import Predictor from 'src/app/_data/Predictor';
+import {Router} from '@angular/router'
 @Component({
   selector: 'app-browse-predictors',
   templateUrl: './browse-predictors.component.html',
@@ -10,7 +11,7 @@ export class BrowsePredictorsComponent implements OnInit {
 
   myPredictors? :Predictor[];
   term: string="";
-  constructor(private predictors: PredictorsService) {
+  constructor(private predictors: PredictorsService,private router:Router) {
     this.predictors.getPublicPredictors().subscribe((predictors) => {
       this.myPredictors = predictors;
     });
@@ -18,5 +19,8 @@ export class BrowsePredictorsComponent implements OnInit {
 
   ngOnInit(): void {
   }
+  openPredictor(id:string):void{
+    this.router.navigateByUrl('/predict?id='+id);
+  };
 
 }