TTMK/web2.0-backend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added table to jasenlista.html, created postMember function to

Browse Source 
post_member.js and finished getmember.js
This commit is contained in:
HooVee
2016-07-25 19:04:24 +03:00
parent 42b13f6470
commit a9988a03ee
3 changed files with 36 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files
members/static/html/jasenlista.html
+24 -35
View File
@@ -1,43 +1,32 @@
<h1> Lisää jäsen </h1>
<h1> Jäsenlista </h1>
<script src="../js/post_member.js"></script>
<div ng-app="getApp" ng-controller="getController">
<div ng-app="getMemberApp" ng-controller="getController">
<table id="choose-address-table" class="ui-widget ui-widget-content">
<thead>
<tr class="ui-widget-header ">
<th>Etunimi</th>
<th>Sukunimi</th>
<th>Sähköposti</th>
<th>AYY-jäsen</th>
<th>JAS-listalla</th>
<th>Asuinpaikka</th>
</tr>
</thead>
<tbody>
<tr>
<td class="nr"><span>50</span>
</td>
<td>Some Street 1</td>
<td>Leeds</td>
<td>L0 0XX</td>
<td>United Kingdom</td>
<td>
<button type="button" class="use-address" />
</td>
</tr>
<tr>
<td class="nr">49</td>
<td>Some Street 2</td>
<td>Lancaster</td>
<td>L0 0XX</td>
<td>United Kingdom</td>
<td>
<button type="button" class="use-address" />
</td>
</tr>
</tbody>
<thead>
<tr ng-repeat="ui-widget-header">
<th>ID</th>
<th>Etunimi</th>
<th>Sukunimi</th>
<th>Sähköposti</th>
<th>AYY-jäsen</th>
<th>JAS-listalla</th>
<th>Asuinpaikka</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="x in members"><span>50</span>
<td>{{ x.id}}</td>
<td>{{ x.first_name}}</td>
<td>{{ x.last_name}}</td>
<td>{{ x.email}}</td>
<td>{{ x.AYY}}</td>
<td>{{ x.jas}}</td>
<td>{{ x.POR}}</td>
</tr>
</tbody>
</table>
</div>
members/static/js/getmembers.js
+8 -18
View File
@@ -15,13 +15,18 @@ Typeeminen hakukenttään -> datapaketin filteröintiä
interaktiivinen, reaaliaikainen setti
*/
//var app = angular.module("memberApp", []);
var app = angular.module("getMemberApp", []);
$.get("/members/api/members", function(data){
app.controller("getController", function($scope, $http){
$http.get("/members/api/members").then(function(response){
$scope.members = response.data.records;
});
});
/*$.get("/members/api/members", function(data){
alert(data);
});
/*
function getAll() {
return $http.get('/members/api/members');
}
@@ -37,19 +42,4 @@ function updateUser(user) {
function deleteUser(user) {
return $http.delete('/members/api/members', user);
}
angular.module('ngRepeat', ['ngAnimate']).controller('repeatController', function($scope) {
$scope.friends = [
{name:'John', age:25, gender:'boy'},
{name:'Jessie', age:30, gender:'girl'},
{name:'Johanna', age:28, gender:'girl'},
{name:'Joy', age:15, gender:'girl'},
{name:'Mary', age:28, gender:'girl'},
{name:'Peter', age:95, gender:'boy'},
{name:'Sebastian', age:50, gender:'boy'},
{name:'Erika', age:27, gender:'girl'},
{name:'Patrick', age:40, gender:'boy'},
{name:'Samantha', age:60, gender:'girl'}
];
});
*/
members/static/js/post_member.js
+4 -3
View File
@@ -9,6 +9,7 @@ var porField = document.getElementById('PORField').value;
function postMember(data){
//post json dada to server
//url /members/api/member
$http.post("/members/api/member", JSON.stringify(data));
}
var app = angular.module("sendMember", []);
@@ -21,9 +22,9 @@ app.controller("postController", function($scope) {
$scope.JAS = "";
$scope.POR = "";
$scope.send = function() {
postMember({"first_name":$scope.firstName, "last_name":$scope.lastName, "email":$scope.email, "AYY":$scope.AYY, "jas":$scope.JAS, "POR":$scope.POR});
});
}
postMember({"first_name":$scope.firstName, "last_name":$scope.lastName, "email":$scope.email, "AYY":$scope.AYY, "jas":$scope.JAS, "POR":$scope.POR});
}
});