![](\"images/loading.gif\")
"; 109 | 110 | function setRowContent(item, row) { 111 | var innerHTML = "
";
124 | for (var i = 0; i < attachments.length; ++i) {
125 | var attachment = attachments[i];
126 |
127 | if (attachment.content_type.indexOf("image/") == 0) {
128 | innerHTML += "
";
142 |
143 | }
144 |
145 | row.innerHTML = innerHTML + attachButton + "" + attachment.key + "
![](\"")
";
129 |
130 | } else if (attachment.content_type.indexOf("audio/") == 0) {
131 | innerHTML += "" + attachment.key + "
";
132 |
133 | } else if (attachment.content_type.indexOf("video/") == 0) {
134 | innerHTML += "" + attachment.key + "
";
135 |
136 | } else if (attachment.content_type.indexOf("text/") == 0 || attachment.content_type.indexOf("application/") == 0) {
137 | innerHTML += "";
138 | }
139 |
140 | }
141 | innerHTML += "";
283 | }
284 |
285 | function stopLoadingMessage() {
286 | document.getElementById('loadingImage').innerHTML = "";
287 | }
288 |
289 | showLoadingMessage();
290 | //updateServiceInfo();
291 | loadItems();
292 |
--------------------------------------------------------------------------------
/public/scripts/util.js:
--------------------------------------------------------------------------------
1 | //utilities
2 | function createXHR(){
3 | if(typeof XMLHttpRequest != 'undefined'){
4 | return new XMLHttpRequest();
5 | }else{
6 | try{
7 | return new ActiveXObject('Msxml2.XMLHTTP');
8 | }catch(e){
9 | try{
10 | return new ActiveXObject('Microsoft.XMLHTTP');
11 | }catch(e){}
12 | }
13 | }
14 | return null;
15 | }
16 | function xhrGet(url, callback, errback){
17 | var xhr = new createXHR();
18 | xhr.open("GET", url, true);
19 | xhr.onreadystatechange = function(){
20 | if(xhr.readyState == 4){
21 | if(xhr.status == 200){
22 | callback(parseJson(xhr.responseText));
23 | }else{
24 | errback('service not available');
25 | }
26 | }
27 | };
28 |
29 | xhr.timeout = 100000;
30 | xhr.ontimeout = errback;
31 | xhr.send();
32 | }
33 | function xhrPut(url, data, callback, errback){
34 | var xhr = new createXHR();
35 | xhr.open("PUT", url, true);
36 | xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
37 | xhr.onreadystatechange = function(){
38 | if(xhr.readyState == 4){
39 | if(xhr.status == 200){
40 | callback();
41 | }else{
42 | errback('service not available');
43 | }
44 | }
45 | };
46 | xhr.timeout = 100000;
47 | xhr.ontimeout = errback;
48 | xhr.send(objectToQuery(data));
49 | }
50 |
51 | function xhrAttach(url, data, callback, errback)
52 | {
53 | var xhr = new createXHR();
54 | xhr.open("POST", url, true);
55 | //xhr.setRequestHeader("Content-type", "multipart/form-data");
56 | xhr.onreadystatechange = function(){
57 | if(xhr.readyState == 4){
58 | if(xhr.status == 200){
59 | callback(parseJson(xhr.responseText));
60 | }else{
61 | errback('service not available');
62 | }
63 | }
64 | };
65 | xhr.timeout = 1000000;
66 | xhr.ontimeout = errback;
67 | xhr.send(data);
68 | }
69 |
70 | function xhrPost(url, data, callback, errback){
71 | var xhr = new createXHR();
72 | xhr.open("POST", url, true);
73 | xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
74 | xhr.onreadystatechange = function(){
75 | if(xhr.readyState == 4){
76 | if(xhr.status == 200){
77 | callback(parseJson(xhr.responseText));
78 | }else{
79 | errback('service not available');
80 | }
81 | }
82 | };
83 | xhr.timeout = 100000;
84 | xhr.ontimeout = errback;
85 | xhr.send(objectToQuery(data));
86 | }
87 |
88 | function xhrDelete(url, callback, errback){
89 | var xhr = new createXHR();
90 | xhr.open("DELETE", url, true);
91 | xhr.onreadystatechange = function(){
92 | if(xhr.readyState == 4){
93 | if(xhr.status == 200){
94 | callback();
95 | }else{
96 | errback('service not available');
97 | }
98 | }
99 | };
100 | xhr.timeout = 100000;
101 | xhr.ontimeout = errback;
102 | xhr.send();
103 | }
104 |
105 | function parseJson(str){
106 | return window.JSON ? JSON.parse(str) : eval('(' + str + ')');
107 | }
108 |
109 | function objectToQuery(map){
110 | var enc = encodeURIComponent, pairs = [];
111 | for(var name in map){
112 | var value = map[name];
113 | var assign = enc(name) + "=";
114 | if(value && (value instanceof Array || typeof value == 'array')){
115 | for(var i = 0, len = value.length; i < len; ++i){
116 | pairs.push(assign + enc(value[i]));
117 | }
118 | }else{
119 | pairs.push(assign + enc(value));
120 | }
121 | }
122 | return pairs.join("&");
123 | }
124 |
125 |
--------------------------------------------------------------------------------
/public/style/style.css:
--------------------------------------------------------------------------------
1 | /* style.css
2 | * This file provides css styles.
3 | */
4 |
5 | body,html {
6 | background-color: #f5f7fa;
7 | width: 100%;
8 | height: 100%;
9 | margin: 0 auto;
10 | font-family: Lato,sans-serif;
11 | color: #283D56;
12 | }
13 |
14 | /* header footer common */
15 | header, footer {
16 | width: 100%;
17 | text-align: center;
18 | }
19 |
20 | .container {
21 | height: 100%;
22 | overflow: auto;
23 | display: flex;
24 | flex-direction: column;
25 | }
26 |
27 | .banner {
28 | background: #5586D6;
29 | color: #fff;
30 | padding: 10px;
31 | }
32 |
33 | /* positions */
34 | header {
35 | padding-top: 20px;
36 | font-size: 1.3em;
37 | }
38 | footer {
39 | padding: 10px;
40 | font-size: .8rem;
41 | }
42 | .title, .tips {
43 | height: 30px;
44 | padding-top: 20px;
45 | position: relative;
46 | }
47 | .title {
48 | border-radius: 40px 40px 0 0;
49 | }
50 | .tips {
51 | border-radius: 0 0 40px 40px;
52 | }
53 |
54 | table {
55 | table-layout: fixed;
56 | word-wrap: break-word;
57 | position: relative;
58 | border-collapse: collapse;
59 | width: 100%;
60 | }
61 | .content {
62 | font-size: .8rem;
63 | width: 30%;
64 | vertical-align: top;
65 | }
66 | .contentName {
67 | padding: 10px;
68 | padding-left: 20px;
69 | width: 25%;
70 | font-weight:bold;
71 | vertical-align: top;
72 | }
73 | .contentDetails {
74 | padding: 10px;
75 | }
76 | .contentAction {
77 | width: 10%;
78 | padding-right: 20px;
79 | text-align: right;
80 | }
81 |
82 | .nameText {
83 | font-weight: bold;
84 | }
85 | .records textarea {
86 | height: 1.2em;
87 | font-size: 1em;
88 | resize: none;
89 | width: 100%;
90 | border: none;
91 | overflow: hidden;
92 | background-color: transparent;
93 | font-size: .9em;
94 | }
95 |
96 | /* buttons */
97 | .detailBtn {
98 | position: absolute;
99 | left: 20px;
100 | top: 10px;
101 | background: none;
102 | border: none;
103 | cursor: pointer;
104 | }
105 | .addBtn {
106 | background: none;
107 | border: none;
108 | cursor: pointer;
109 | }
110 | .detailBtn img{
111 | width: 20px;
112 | height: 20px;
113 | }
114 | .deleteBtn{
115 | background-image: url("../images/sprite.png");
116 | background-position: -5px -568px;
117 | width: 18px;
118 | height: 18px;
119 | display:inline-block;
120 | }
121 |
122 | tr:hover .deleteBtn {
123 |
124 | cursor: pointer;
125 | }
126 |
127 |
128 | .tableRows{
129 | border: 2px solid #DFE3E6
130 | }
131 |
132 |
133 |
134 | .fieldname {
135 | text-align: right;
136 | border-right: 1px solid #fff;
137 | }
138 |
139 | .errorMsg {
140 | color: red;
141 | font-weight:normal;
142 | }
143 | .newappIcon {
144 | display: block;
145 | max-width: 100px;
146 | max-height: 100px;
147 | margin: 0 auto;
148 | padding: 10px;
149 | }
150 |
151 | .appTitle {
152 | padding: 15px;
153 | margin: 0 auto;
154 | text-align: center;
155 | font-size: 1.5rem;
156 | }
157 |
158 | .description {
159 | padding-left: 50px;
160 | padding-right: 50px;
161 | text-align: center;
162 | }
163 |
164 | .infoImg {
165 | cursor: pointer;
166 | }
167 | .flexBox {
168 | display: flex;
169 | flex-wrap: wrap;
170 | }
171 | .contentTiles {
172 | padding: 10px;
173 | font-size: .8rem;
174 | }
175 | .uploadBox {
176 | margin: 0 auto;
177 | text-align: center;
178 | }
179 | .appinfo {
180 | padding: 10px;
181 | }
182 |
--------------------------------------------------------------------------------
/public/uploads/uploadedFileName:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/IBM-Cloud/nodejs-cloudant/cd3d615b476e6cdc68eb176b1ce1ea4587195849/public/uploads/uploadedFileName
--------------------------------------------------------------------------------
/routes/index.js:
--------------------------------------------------------------------------------
1 |
2 | /*
3 | * GET home page.
4 | */
5 |
6 | exports.index = function(req, res){
7 | res.render('index.html', { title: 'Cloudant Boiler Plate' });
8 | };
--------------------------------------------------------------------------------
/routes/user.js:
--------------------------------------------------------------------------------
1 |
2 | /*
3 | * GET users listing.
4 | */
5 |
6 | exports.list = function(req, res){
7 | res.send("respond with a resource");
8 | };
--------------------------------------------------------------------------------
/views/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
12 |
21 |
22 |
23 |
47 |
48 |
49 |
51 |
52 |
53 |
54 |
--------------------------------------------------------------------------------
13 | 
14 |
18 |
19 |
20 |
14 | 15 | Favorites Organizer powered by Cloudant 16 |
17 |
50 |
51 |