GoTO/index.html at master · cjqian/GoTO · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en-US">
  <head>
	<!--<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>-->
	<script src="js/angular.js"></script>
	<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>-->
	<script src="js/jquery.js"></script>
	<!--<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>-->
	<script src="js/bootstrap.js"></script>
	<!--<script src="https://fb.me/react-0.13.3.js"></script>-->
	<script src="js/react.js"></script>
	<!--<script src="https://raw.githubusercontent.com/josebalius/ngReactGrid/master/build/js/ngReactGrid.min.js"></script>-->
	<script src="js/ngReact.js"></script>
	<!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">-->
	<link rel="stylesheet" href="css/bootstrap.css">
	<!--<link rel="stylesheet"  src="https://raw.githubusercontent.com/josebalius/ngReactGrid/master/build/css/ngReactGrid.css"></script>-->
	<link rel="stylesheet" href="css/ngReactGrid.css">

	<script src="js/main.js"></script>
  </head>


  <body ng-app="app" ng-controller="InitCtrl">
	<!-- HEADER -->
	<nav class="navbar navbar-default">
	  <div class="container-fluid">
		<ul class="nav navbar-nav">
		  <!--DROPDOWN TABLES -->
		  <li>
			<form class="navbar-form pull-left">
			  <select class="btn btn-default dropdown-toggle" ng-change="get(table); tableSelected= true"  ng-model="table">
				<option value={{table}}  ng-repeat="table in tables">{{table}}</option>
			  </select>
			  <!-- ADVANCED OPTIONS-->
			</form>
		  </li>
		  <!-- ADVANCED QUERIES -->
		  <li ng-show="tableSelected">

			<div class="input-append">
			  <span data-toggle="tooltip" title="Separate specs with '&'.">Advanced:</span>
			  <input type="text" ng-model="parameters"></input>
			  <button ng-click="update(table, parameters)" class="btn btn-default">Update</button>
			</div>
		  </li>
		</ul>
		<!-- ADD VIEW -->
		<ul class="nav navbar-nav navbar-right">
		<button class="btn btn-default" ng-show="!showAddView" ng-click="showAddView = ! showAddView">Add View</button>
		  </li>
		  <li>
			<!--ADD VIEW FORM -->
			<form ng-show="showAddView">
			  Name:
			  <input type="text" ng-model="newView.Name" value="Name">Query:
			  <input type="text" ng-model="newView.Query" value="Query">

			  <button class="btn btn-default" ng-show="showAddView" ng-click="showAddView = ! showAddView">Cancel</button>
			  <button class="btn btn-default" ng-click="postView(newView)">Submit</button>
			</form>
		  </li>
		</ul>
	  </div>
	</nav>
{{selections}}
	<div>
	  <form>
		<!-- EDIT -->
		<button ng-show="selections.length>0 && !editEnabled" ng-click="editEnabled = true">Edit Row</button>
		<button ng-show="editEnabled" ng-click="editEnabled = false; clearCheckboxes()">Cancel Edit</button>
		<table ng-show="editEnabled" class="table-striped table-hover table-bordered table-condensed">
		  <tr ng-repeat="row in selections">
			<td ng-repeat="(key, value) in row" ng-show="key != 'id' && key != 'last_updated'">
			  {{key}} : <input type="text" ng-model=row[key]></td>
			<td><button ng-click="put(table, row); editEnabled = false">Save</button></td>
		  </tr>
		</table>

		<!-- DELETE -->
		<button ng-show="selections.length>0" ng-click="delete(table, selections);">Delete Row</button>

		<br/><br/>
		<!-- SHOW ADD ROW BUTTONS -->
		<button ng-show="tableSelected" ng-click="showAddRowCols = ! showAddRowCols; showAddRow = ! showAddRow; newRow={}">Add Row</button>
		<button ng-show="showAddRowCols" ng-click="showAddRowCols = ! showAddRowCols; showAddRow = ! showAddRow; newRow={}">Cancel</i></button>
		{{newRow}}
		<!-- ADD ROW PART -->
		<table class="table-striped table-hover table-bordered table-condensed" ng-show="showAddRowCols" ng-init="newRow={}">
		  <tr><td class="span2"  ng-repeat="column in columns | filter: '!id' | filter: '!last_updated'">{{column.colName}}</td></tr>
		  <tr><td ng-repeat="column in columns | filter: '!id' | filter: '!last_updated'">
			<input ng-show="!column.isForeignKey" type="text" ng-model=newRow[column.colName]>
			<select ng-show="column.isForeignKey" ng-model="newRow[column.colName]">
				<option value={{value}} ng-repeat="(key, value) in column.foreignKeyValues">{{key}}</option>
			</td>

			<td>
			  <button ng-click="post(table, newRow); showAddRowCols = ! showAddRowCols; showAddRow = ! showAddRow">Submit</button>
			</td>
		  </tr>
		</table>

		<!-- DELETE VIEW -->
		<button ng-show="tableSelected && !isTable" ng-click="deleteView(table)">Delete View</button>
	  </form>
	  <!-- TABLE -->
	  <div ng-show="tableSelected"><ng-react-grid grid="grid"></ng-react-grid></div>
	</div>
  </body>
</html>