javascript_mlab/main.angularjs.html at master · devmrko/javascript_mlab · GitHub

X Tutup

120 lines (113 loc) · 5.46 KB

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

110

111

112

113

114

115

116

117

118

119

120

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Keep</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script src="js/mlabhelper.angularjs.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

</head>

<body ng-controller="ctr_keep", ng-app='app_keep' ng-cloak=''>

<div class="container">

<div class="row">

<div class="col-md-6">

<div class="jumbotron">

<h1>Keep</h1>

</div>

</div>

</div>

<div class="row">

<div class="col-md-6">

<form class="form-horizontal">

<div class="form-group form-group-md">

<label class="col-md-2 control-label" >mlab.com key: </label>

<div class="col-md-6">

<input type="text" class="form-control" id="apiKey" placeholder="apiKey" ng-model="apiKey">

</div>

<div class="col-md-2">

<input type="button" value="set" id="set" ng-click="setApikey()" class="btn btn-primary btn-md">

</div>

</div>

</form>

</div>

</div>

<div class="row">

<div class="col-md-6">

<form class="form-horizontal">

<div class="form-group form-group-md">

<label class="col-md-2 control-label">search keyword: </label>

<div class="col-md-6">

<input type="text" class="form-control" id="searchKeyword" placeholder="search keyword..." ng-model="searchKeyword"

ng-keyup="$event.keyCode == 13 ? searchMemo() : null",>

</div>

<div class="col-md-2">

<input type="button" value="Search" id="Search" ng-click="searchMemo()" class="btn btn-primary btn-md">

</div>

</div>

</form>

</div>

</div>

<div class="row">

<div class="col-md-6">

<form class="form-horizontal">

<div class="form-group form-group-md">

<label class="col-md-2 control-label" >title: </label>

<div class="col-md-10">

<input type="text" class="form-control" id="selectedTitle" ng-model="selectedTitle">

<input type="text" id="selectedId" style='display:none;' ng-model="selectedId">

</div>

</div>

</form>

</div>

</div>

<div class="row">

<div class="col-md-6">

<form class="form-horizontal">

<div class="form-group form-group-md">

<textarea rows="5" cols="50" id="selectedContents" class="form-control" rows="3" ng-model="selectedContents"></textarea>

</div>

</form>

</div>

</div>

<div class="row">

<div class="col-md-6">

<form class="form-horizontal">

<div class="form-group form-group-md">

<input type="button" value="new" class="btn btn-info btn-md" ng-click="newMemo()">

<input type="button" value="add" ng-click="addMemo()" class="btn btn-primary btn-md" id="addButton" ng-show="newBool">

<input type="button" value="update" ng-click="updateMemo()" class="btn btn-primary btn-md" id="updateButton" ng-hide="newBool">

<input type="button" value="delete" ng-click="deleteMemo()" class="btn btn-danger btn-md" id="deleteButton" ng-hide="newBool">

</div>

</form>

</div>

</div>

<p>

<p>

<div class="row">

<div class="col-md-6">

<div class="table-responsive">

<table class="table mytable">

<thead>

<th>#</th>

<th>Title</th>

<th>Date</th>

</thead>

<tbody>

<tr ng-repeat="item in tableData", style="cursor:pointer", ng-click='selectMemo($index)'>

<td>{{$index + 1}}</td>

<td>{{item.title}}</td>

<td>{{item.reg_date.$date}}</td>

</tr>

</tbody>

</table>

</div>

</div>

</div>

</div>

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

</body>

</html>

X Tutup