breadcrumb without actual links

links updated
dropdown fix
nodetable to seperate file to reuse

app/app.js

@@ -24,7 +24,7 @@ var app = angular.module(
         //'ulakbus.version',
         'schemaForm',
         'gettext',
-        'templates-prod'
+        //'templates-prod'
     ]).
 /**
  * RESTURL is the url of rest api to talk

app/app_routes.js

@@ -10,19 +10,19 @@ app.config(['$routeProvider', function ($routeProvider) {
             templateUrl: 'components/dashboard/dashboard.html',
             controller: 'DashCtrl'
         })
-        .when('/crud/:model/add', {
+        .when('/:model/add', {
             templateUrl: 'components/crud/templates/add.html',
             controller: 'CRUDAddEditCtrl'
         })
-        .when('/crud/:model/edit/:id', {
+        .when('/:model/edit/:id', {
             templateUrl: 'components/crud/templates/add.html',
             controller: 'CRUDAddEditCtrl'
         })
-        .when('/crud/:model', {
+        .when('/:model', {
             templateUrl: 'components/crud/templates/list.html',
             controller: 'CRUDListCtrl'
         })
-        .when('/crud/:model/:id', {
+        .when('/:model/:id', {
             templateUrl: 'components/crud/templates/show.html',
             controller: 'CRUDShowCtrl'
         })

app/components/crud/templates/list.html

@@ -3,7 +3,12 @@
     <table class="table table-bordered" style="background-color:#fff;">
         <thead>
         <tr>
-            <th colspan="2">#</th>
+            <th colspan="2">
+                <label>
+                    <input type="checkbox" style="zoom:1.5; margin:5px 0 0 8px;">
+                    Hepsini Seç
+                </label>
+            </th>
             <th ng-repeat="(key,value) in objects[0].data">{{ key }}</th>
             <th>action</th>
         </tr>
@@ -18,10 +23,27 @@
             <th scope="row" style="text-align:center">1</th>
             <td ng-repeat="(key,value) in object.data">{{value}}</td>
             <td>
-                <a ng-href="#/crud/{{model}}/edit/{{object.key}}">Edit</a><br>
-                <a ng-href="#/crud/{{model}}/{{object.key}}">Show</a>
+                <a ng-href="#/{{model}}/edit/{{object.key}}">Edit</a><br>
+                <a ng-href="#/{{model}}/{{object.key}}">Show</a>
             </td>
         </tr>
         </tbody>
     </table>
+
+    <div class="btn-group">
+        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
+                aria-expanded="false">
+            İşlemler <span class="caret"></span>
+        </button>
+        <ul class="dropdown-menu">
+            <li><a href="">İşlem 1</a></li>
+            <li><a href="">İşlem 2</a></li>
+            <li><a href="">İşlem 3</a></li>
+            <li role="separator" class="divider"></li>
+            <li><a href="">İşlem 4</a></li>
+        </ul>
+    </div>
+
+    <hr>
+
 </div>
\ No newline at end of file

app/index.html

@@ -64,6 +64,7 @@
 
 <script src="bower_components/angular/angular.min.js"></script>
 <script src="bower_components/jquery/dist/jquery.min.js"></script>
+<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
 <script src="bower_components/angular-route/angular-route.min.js"></script>
 <script src="bower_components/angular-cookies/angular-cookies.min.js"></script>
 <script src="bower_components/angular-resource/angular-resource.min.js"></script>

app/shared/directives.js

@@ -45,19 +45,22 @@ app.directive('headerSubMenu', function () {
                 // todo: double make it but single not solve this!
                 angular.element($('#submitbutton')).triggerHandler('click');
                 angular.element($('#submitbutton')).triggerHandler('click');
-                //$scope.$broadcast('schemaFormValidate');
-                //$scope.onSubmit(angular.element($('#submitbutton')).scope().formgenerated);
             }
         }
     }
 });
 
-// todo: unused delete
-app.directive('headerSubMenuButtons', function () {
+app.directive('headerBreadcrumb', function ($location) {
     return {
-        templateUrl: 'shared/templates/directives/header-sub-menu-buttons.html',
+        templateUrl: 'shared/templates/directives/header-breadcrumb.html',
         restrict: 'E',
-        replace: true
+        replace: true,
+        link: function($scope){
+            $scope.$watch('$routeUpdate', function(){
+                // todo: create actual links
+                $scope.links = $location.path().split('/');
+            });
+        }
     }
 });
 

app/shared/templates/add.html

 <h1>{{ schema.title }}</h1>
 <form id="formgenerated" name="formgenerated" sf-schema="schema" sf-form="form" sf-model="model"></form>
+<div ng-repeat="node in nodes">
+    <h3>{{ node.title }}
+        <span ng-if="node.lengthModels < 1">
+            <a href="javascript:void(0);" add-modal-for-node={{node.title}}>
+                <i class="fa fa-plus-circle fa-fw"></i>
+            </a>
+        </span>
+    </h3>
+    <ng-include src="'shared/templates/nodeTable.html'" ng-if="node.lengthModels > 0"></ng-include>
+    <hr>
+</div>
 <div ng-repeat="node in listnodes">
     <h3>{{ node.title }}
         <span>
@@ -8,33 +19,10 @@
             </a>
         </span>
     </h3>
-    <table class="table table-bordered" style="background-color:#fff;">
-        <thead>
-        <tr>
-            <th colspan="2">#</th>
-            <th ng-repeat="(key,value) in node.fields">{{ value.title }}</th>
-            <th>action</th>
-        </tr>
-        </thead>
-        <tbody>
-        <tr>
-            <td width="60">
-                <label>
-                    <input type="checkbox" style="zoom:1.5; margin:5px 0 0 8px;">
-                </label>
-            </td>
-            <th scope="row" style="text-align:center">1</th>
-            <td ng-repeat="(key,value) in node.models">{{ value.value }}</td>
-            <td>
-                <a ng-href="#/crud/{{model}}/edit/{{object.key}}">Edit</a><br>
-                <a ng-href="#/crud/{{model}}/{{object.key}}">Show</a>
-                <a ng-href="#/crud/{{model}}/{{object.key}}">Delete</a>
-            </td>
-        </tr>
-        </tbody>
-    </table>
+    <ng-include src="'shared/templates/nodeTable.html'" ng-if="node.lengthModels > 0"></ng-include>
+    <hr>
 </div>
 
 <button id="submitbutton" type="button" class="btn btn-primary" ng-click="onSubmit(formgenerated)">Kaydet</button>
-<button type="button" class="btn btn-warning">Düzenle</button> <!-- todo: make it conditional -->
-<button type="button" class="btn btn-danger">İptal</button> <!-- todo: turn back to previous page -->
\ No newline at end of file
+<!-- <button type="button" class="btn btn-warning">Düzenle</button>  todo: make it conditional -->
+<!-- <button type="button" class="btn btn-danger">İptal</button> todo: turn back to previous page -->
\ No newline at end of file

app/shared/templates/directives/header-sub-menu-buttons.html

-<button type="button" class="btn btn-primary" ng-click="onSubmit(formgenerated)">Kaydet</button>
-<button type="button" class="btn btn-warning">Düzenle</button>
-<button type="button" class="btn btn-danger">İptal</button>
\ No newline at end of file

app/shared/templates/directives/header-sub-menu.html

 <div class="manager-view-header container-fluid">
-    <ul class="breadcrumb">
-        <li><a href="#">Personeller</a></li>
-        <li><a href="#">Liste</a></li>
-        <li class="active">Tablo</li>
-    </ul>
-    <!--<header-sub-menu-buttons></header-sub-menu-buttons>-->
+    <header-breadcrumb></header-breadcrumb>
     <div id="header-buttons">
         <button type="button" class="btn btn-primary" ng-click="triggerSubmit()">Kaydet</button>
-        <button type="button" class="btn btn-warning">Düzenle</button>
-        <button type="button" class="btn btn-danger">İptal</button>
+        <!--<button type="button" class="btn btn-warning">Düzenle</button>-->
+        <!--<button type="button" class="btn btn-danger">İptal</button>-->
     </div>
 </div>
\ No newline at end of file

app/shared/templates/directives/sidebar.html

@@ -13,10 +13,10 @@
                         class="fa arrow"></span></a>
                 <ul class="nav nav-second-level" collapse="collapseVar!={{key}}">
                     <li ui-sref-active="active">
-                        <a href="#/crud/{{item}}">List</a>
+                        <a href="#/{{item}}">List</a>
                     </li>
                     <li ui-sref-active="active">
-                        <a href="#/crud/{{item}}/add">Add</a>
+                        <a href="#/{{item}}/add">Add</a>
                     </li>
                 </ul>
                 <!-- /.nav-second-level -->

app/shared/templates/foreignKey.html

@@ -19,7 +19,7 @@
         <div class="help-block" sf-message="form.description"></div>
     </div>
     <div class="col-md-4">
-        <a href="javascript:void(0);" add-modal>
+        <a href="javascript:void(0);" add-modal-for-linked-model>
             <i class="fa fa-plus-circle fa-fw"></i>
         </a>
     </div>

app/shared/templates/nodeTable.html

+<table class="table table-bordered" style="background-color:#fff;">
+    <thead>
+    <tr>
+        <th colspan="2">#</th>
+        <th ng-repeat="(key,value) in node.fields">{{ value.title }}</th>
+        <th>action</th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr>
+        <td width="60">
+            <label>
+                <input type="checkbox" style="zoom:1.5; margin:5px 0 0 8px;">
+            </label>
+        </td>
+        <th scope="row" style="text-align:center">1</th>
+        <td ng-repeat="(key,value) in node.models">{{ value.value }}</td>
+        <td>
+            <a ng-href="#/crud/{{model}}/edit/{{object.key}}">Edit</a><br>
+            <a ng-href="#/crud/{{model}}/{{object.key}}">Show</a>
+            <a ng-href="#/crud/{{model}}/{{object.key}}">Delete</a>
+        </td>
+    </tr>
+    </tbody>
+</table>
\ No newline at end of file

index.html

@@ -72,6 +72,7 @@
 <!-- @if NODE_ENV == 'DEVELOPMENT' -->
 <script src="bower_components/angular/angular.min.js"></script>
 <script src="bower_components/jquery/dist/jquery.min.js"></script>
+<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
 <script src="bower_components/angular-route/angular-route.min.js"></script>
 <script src="bower_components/angular-cookies/angular-cookies.min.js"></script>
 <script src="bower_components/angular-resource/angular-resource.min.js"></script>