{title}
{msg.data.description}-
113 | {messageItems}
114 |
130 |
138 | },
139 |
140 | componentDidMount : function(){
141 | try{
142 | var node = this.getDOMNode();
143 | $(node).hide();
144 | $(node).slideDown(400);
145 | }
146 | catch (e){
147 |
148 | }
149 | },
150 |
151 | componentWillReceiveProps : function(props){
152 | if (props.prepareUnmount && this.isMounted())
153 | this.fadeOut();
154 | },
155 |
156 | fadeOut : function(event){
157 | if (event)
158 | event.preventDefault();
159 | if (! this.isMounted())
160 | return;
161 | try{
162 | var node = this.getDOMNode();
163 | $(node).slideUp(400);
164 | }
165 | catch (e){
166 | }
167 | return false;
168 | },
169 |
170 | });
171 |
172 | var FlashMessagesHeader = React.createClass({
173 |
174 | displayName: 'FlashMessagesHeader',
175 |
176 | mixins : [FlashMessagesMixin],
177 |
178 | render : function(){
179 | messageItems = this.state.messages.map(
180 | function(msg){
181 | var elapsedTime = (new Date()).getTime() - msg.receivedAt.getTime();
182 | var prepareUnmount = false;
183 | if (elapsedTime > msg.duration+4000)
184 | return undefined;
185 | if (elapsedTime > msg.duration+1000){
186 | prepareUnmount = true;
187 | }
188 | return
131 |
137 |
132 |
136 | 133 | {this.props.message.data.description} 134 |
135 |
194 | {messageItems}
195 |
;
196 | }
197 | else{
198 | return ;
199 | }
200 | }
201 |
202 | });
203 |
204 | return {FlashMessagesMenu : FlashMessagesMenu , FlashMessagesHeader : FlashMessagesHeader };
205 |
206 | });
207 |
208 |
209 |
--------------------------------------------------------------------------------
/src/js/components/generic/modal.jsx:
--------------------------------------------------------------------------------
1 | /**
2 | * @jsx React.DOM
3 | */
4 | /*jshint quotmark:false */
5 | /*jshint white:false */
6 | /*jshint trailing:false */
7 | /*jshint newcap:false */
8 | /*global React, Router*/
9 |
10 | define(["react","jquery","bootstrap"],function (React,$,Bootstrap) {
11 | 'use strict';
12 |
13 | var BootstrapModal = React.createClass({
14 | // The following two methods are the only places we need to
15 | // integrate with Bootstrap or jQuery!
16 | displayName: 'BootstrapModal',
17 |
18 | close: function() {
19 | this.setState({hidden : true});
20 | },
21 |
22 | open: function() {
23 | this.setState({hidden : false});
24 | },
25 |
26 | getInitialState : function(){
27 | return {hidden : this.props.hidden !== undefined ? this.props.hidden : true}
28 | },
29 |
30 | getDefaultProps : function(){
31 | return {closable : true,disabled : false,raw : false};
32 | },
33 |
34 | componentWillReceiveProps : function(props){
35 | if (props.hidden && props.hidden != this.state.hidden)
36 | this.setState({hidden : props.hidden});
37 | },
38 |
39 | render: function() {
40 | if (this.state.hidden)
41 | return ;
42 |
43 | var confirmButton;
44 | var cancelButton;
45 |
46 | if (this.props.confirm) {
47 | confirmButton = (
48 |
54 | );
55 | }
56 |
57 | var closeButton;
58 |
59 | if (this.props.closable){
60 | closeButton =
67 | }
68 |
69 | if (this.props.cancel) {
70 | cancelButton = (
71 |
74 | );
75 | }
76 |
77 | var footer;
78 |
79 | if ((this.props.onCancel || this.props.onConfirm) && !this.props.raw){
80 | footer =
81 | {cancelButton}
82 | {confirmButton}
83 |
84 | }
85 | var content;
86 |
87 | if (this.props.getContent)
88 | content = this.props.getContent();
89 | else
90 | content = this.props.children;
91 |
92 | if (!this.props.raw)
93 | content = [{content}
,footer]
94 |
95 | return (
96 |
97 |
108 | );
109 | },
110 |
111 | handleCancel: function(e) {
112 | if (this.props.onCancel)
113 | this.props.onCancel(e);
114 | e.preventDefault();
115 | this.close();
116 | },
117 |
118 | handleConfirm: function(e) {
119 | if (this.props.onConfirm)
120 | this.props.onConfirm(e);
121 | e.preventDefault();
122 | }
123 | });
124 |
125 | return BootstrapModal;
126 | });
127 |
--------------------------------------------------------------------------------
/src/js/components/header.jsx:
--------------------------------------------------------------------------------
1 | /**
2 | * @jsx React.DOM
3 | */
4 | /*jshint quotmark:false */
5 | /*jshint white:false */
6 | /*jshint trailing:false */
7 | /*jshint newcap:false */
8 | /*global React, Router*/
9 |
10 | /*
11 | Copyright (c) 2015 - Andreas Dewes
12 |
13 | This file is part of Gitboard.
14 |
15 | Gitboard is free software: you can redistribute it and/or modify
16 | it under the terms of the GNU Affero General Public License as
17 | published by the Free Software Foundation, either version 3 of the
18 | License, or (at your option) any later version.
19 |
20 | This program is distributed in the hope that it will be useful,
21 | but WITHOUT ANY WARRANTY; without even the implied warranty of
22 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
23 | GNU Affero General Public License for more details.
24 |
25 | You should have received a copy of the GNU Affero General Public License
26 | along with this program. If not, see
98 |
106 |
107 |
99 |
105 |
100 |
101 |
103 | {content}
104 | {this.props.title}{closeButton}
102 |
117 | {flashMessagesHeader}
118 | {requestIndicator}
119 |
;
120 | }
121 | });
122 |
123 | return Header;
124 | });
125 |
--------------------------------------------------------------------------------
/src/js/components/menu.jsx:
--------------------------------------------------------------------------------
1 | /**
2 | * @jsx React.DOM
3 | */
4 | /*jshint quotmark:false */
5 | /*jshint white:false */
6 | /*jshint trailing:false */
7 | /*jshint newcap:false */
8 | /*global React, Router*/
9 |
10 | /*
11 | Copyright (c) 2015 - Andreas Dewes
12 |
13 | This file is part of Gitboard.
14 |
15 | Gitboard is free software: you can redistribute it and/or modify
16 | it under the terms of the GNU Affero General Public License as
17 | published by the Free Software Foundation, either version 3 of the
18 | License, or (at your option) any later version.
19 |
20 | This program is distributed in the hope that it will be useful,
21 | but WITHOUT ANY WARRANTY; without even the implied warranty of
22 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
23 | GNU Affero General Public License for more details.
24 |
25 | You should have received a copy of the GNU Affero General Public License
26 | along with this program. If not, see -
90 |
- Your Repositories 91 |
- Your Organizations 92 |
-
94 | {projectMenu}
95 |
- Logout 96 |
-
100 |
-
102 |
- Login 103 | {flashMessagesMenu} 104 |
49 |
59 |
;
60 | }
61 | });
62 |
63 | var Milestones = React.createClass({
64 |
65 | mixins : [LoaderMixin,GithubErrorHandlerMixin],
66 |
67 | resources : function(props){
68 | return [
69 | {
70 | name : 'repository',
71 | endpoint : this.apis.repository.getDetails,
72 | params : [props.data.repositoryId,{}],
73 | success : function(data){
74 | return {repository : data};
75 | }.bind(this)
76 | },
77 | {
78 | name : 'milestones',
79 | endpoint : this.apis.milestone.getMilestones,
80 | params : [props.data.repositoryId,{per_page : 100}],
81 | success : function(data,xhr){
82 |
83 | var arr = [];
84 | for(var i in data) {
85 | if(data.hasOwnProperty(i) && !isNaN(+i)) {
86 | arr[+i] = data[i];
87 | }
88 | }
89 | return {milestones : arr};
90 | }.bind(this)
91 | }];
92 | },
93 |
94 | displayName: 'Milestones',
95 |
96 | render: function () {
97 |
98 | var data = this.state.data;
99 |
100 | var milestoneItems = data.milestones.map(function(milestone){
101 | return Seems there is nothing to show here.
] 106 | 107 | return
108 |
;
122 | }
123 | });
124 |
125 | return Milestones;
126 | });
127 |
--------------------------------------------------------------------------------
/src/js/components/mixins/form.jsx:
--------------------------------------------------------------------------------
1 | /**
2 | * @jsx React.DOM
3 | */
4 |
5 | define([
6 | "react",
7 | "js/utils",
8 | "jquery",
9 | "js/components/generic/modal"
10 | ],function (
11 | React,
12 | Utils,
13 | $,
14 | Modal
15 | ) {
16 | 'use strict';
17 |
18 | var FormMixin = {
19 |
20 | isFieldError : function(field){
21 | if (this.state.fieldErrors !== undefined)
22 | if (field in this.state.fieldErrors)
23 | return true;
24 | return false;
25 | },
26 |
27 | formatFieldError : function(field){
28 | if (this.state.fieldErrors !== undefined)
29 | if (field in this.state.fieldErrors)
30 | return
109 |
113 |
110 |
112 | Milestones - {data.repository.name}
111 |
114 | {milestoneItems}
115 |
116 |
117 |
121 |
118 | show issues without a milestone
119 |
120 | {this.state.fieldErrors[field]}
31 | return undefined; 32 | }, 33 | 34 | setter : function(name, trim){ 35 | return function(e){ 36 | e.preventDefault(); 37 | var newValue = trim === true ? $.trim(e.target.value) : e.target.value; 38 | if (newValue == this.state[name]) 39 | return; //nothing changed... 40 | var update = {} 41 | update[name] = newValue; 42 | this.setState(update); 43 | if(this.props.onChange) { 44 | var newValues = $.extend({}, this.getValues()); 45 | newValues[name] = newValue; 46 | this.props.onChange(newValues); 47 | } 48 | }.bind(this); 49 | }, 50 | 51 | getInitialState : function(){ 52 | return {disabled: false}; 53 | }, 54 | 55 | getValues : function() { 56 | var values = {} 57 | for(var name in this.fields){ 58 | values[name] = this.state[name]; 59 | } 60 | return values; 61 | }, 62 | 63 | formatErrorMessage : function(){ 64 | if (this.state.errorMessage !== undefined) 65 | return{this.state.errorMessage}
; 66 | return undefined; 67 | }, 68 | 69 | formatFieldGroupError : function(field, classes){ 70 | if (this.isFieldError(field)) 71 | return "form-group has-warning " + classes; 72 | return "form-group " + classes; 73 | }, 74 | 75 | clearFieldError: function(field){ 76 | var newErrors = $.extend({}, this.state.fieldErrors); 77 | delete newErrors[field]; 78 | this.setState({fieldErrors:newErrors}); 79 | }, 80 | 81 | clearAllErrors: function(){ 82 | this.setState({ 83 | fieldErrors: {}, 84 | errorMessage: undefined, 85 | }); 86 | }, 87 | 88 | addFieldError: function(field, message){ 89 | var newErrors = this.state.fieldErrors; 90 | newErrors[field] = message; 91 | this.setState({fieldErrors:newErrors}); 92 | }, 93 | 94 | setErrorMessage: function(message){ 95 | this.setState({errorMessage: message}); 96 | }, 97 | 98 | clearErrorMessage: function(){ 99 | this.setState({errorMessage: undefined}); 100 | }, 101 | 102 | hasErrors : function(){ 103 | if (this.state.fieldErrors === undefined || Object.keys(this.state.fieldErrors).length > 0) 104 | return true; 105 | return false; 106 | }, 107 | 108 | componentDidMount: function(){ 109 | this.clearAllErrors(); 110 | if (this.props.apiErrorData !== undefined) 111 | this.parseApiErrorData(this.props.apiErrorData); 112 | }, 113 | 114 | componentWillReceiveProps : function(props){ 115 | if (props.apiErrorData) { 116 | this.clearAllErrors(); 117 | this.parseApiErrorData(props.apiErrorData); 118 | } 119 | }, 120 | 121 | renderWithModal : function(){ 122 | var modal =There is unsaved data in the form you were editing. This data will get lost if you leave this page! Are you sure you want to leave?
131 | ; 132 | return
133 | {modal}
134 | {this._renderform()}
135 |
136 | },
137 |
138 | componentWillMount : function(){
139 | this._renderform = this.render;
140 | this.render = this.renderWithModal;
141 |
142 | if (this.isDirty === undefined)
143 | this.isDirty = function(){return false;};
144 |
145 | this.callback = function(url,fullUrl,newUrl){
146 | if (!this.isMounted() || ! this.isDirty() || this.leavePage)
147 | return true;
148 | this.refs.leavePageModal.open();
149 | this.leavePage = true;
150 | this.newUrl = newUrl;
151 | return false;
152 | }.bind(this);
153 | Utils.addCallback("onUrlChange",this.callback);
154 | },
155 |
156 | componentWillUnmount : function(){
157 | Utils.removeCallback("onUrlChange",this.callback);
158 | },
159 |
160 | parseApiErrorData: function(data){
161 | if (data === undefined)
162 | return this.clearAllErrors();
163 | this.setState({
164 | fieldErrors: data.errors || {},
165 | errorMessage: data.message || undefined,
166 | });
167 | },
168 |
169 | disable : function(){
170 | this.setState({disabled : true});
171 | },
172 |
173 | enable : function(){
174 | this.setState({disabled : false});
175 | },
176 |
177 | validate: function(data) {
178 | if(data === undefined) data = this.state;
179 | this.clearAllErrors();
180 | var validated = true;
181 | var fieldErrors = {}
182 | for(var name in this.fields){
183 | var field = this.fields[name];
184 | if (!(name in data) || data[name] === undefined || data[name] === ''){
185 | if (field.required){
186 | validated = false;
187 | fieldErrors[name] = field.requiredMessage || ("Please enter a "+ (field.name || name)+".");
188 | }
189 | continue;
190 | } else {
191 | if ('regex' in field){
192 | "^[\\w\\d-]{4,30}$"
193 | var regex = RegExp(field['regex']);
194 | if(!regex.test(data[name])){
195 | validated = false;
196 | fieldErrors[name] = "Invalid value for " + (field.name || name) + ".";
197 | }
198 | }
199 | if ('validator' in field){
200 | try {
201 | field.validator.bind(this)(data[name], name, data);
202 | } catch(e) {
203 | if (typeof e == "string")
204 | fieldErrors[name] = e
205 | else
206 | fieldErrors[name] = e.message;
207 | validated = false;
208 | }
209 | }
210 | }
211 | }
212 | this.setState({fieldErrors : fieldErrors});
213 | return validated;
214 | },
215 |
216 | };
217 |
218 | return FormMixin;
219 | });
220 |
--------------------------------------------------------------------------------
/src/js/components/mixins/github_error_handler.jsx:
--------------------------------------------------------------------------------
1 | /**
2 | * @jsx React.DOM
3 | */
4 |
5 | define([
6 | "react",
7 | "js/utils",
8 | "jquery",
9 | "js/components/generic/modal"
10 | ],function (
11 | React,
12 | Utils,
13 | $,
14 | Modal
15 | ) {
16 | 'use strict';
17 |
18 | var GithubErrorHandler = {
19 |
20 | renderErrorPage : function(errorData){
21 | var errorMessages = [];
22 | for(var resource in errorData){
23 | var data = errorData[resource];
24 | var remainingRequests = data.getResponseHeader('X-RateLimit-Remaining');
25 | var githubMessage = data.responseJSON.message;
26 | if (remainingRequests == 0){
27 | var message;
28 | if (Utils.isLoggedIn())
29 | message = It seems that the rate limit is exceeded. Please wait a while before trying again.
; 30 | else 31 | message =It seems that you have exceeded the rate limit of the Github API. You can increase that limit by logging in.
log in to increase rate limit
34 | {message}
35 |
);
36 | }
37 | else
38 | errorMessages.push(The following error occurred when querying the Github API: {githubMessage}
42 |
;
51 |
52 | }
53 | };
54 |
55 | return GithubErrorHandler;
56 | });
57 |
--------------------------------------------------------------------------------
/src/js/components/mixins/loader.jsx:
--------------------------------------------------------------------------------
1 | /**
2 | * @jsx React.DOM
3 | */
4 |
5 | define(["react",
6 | "js/utils",
7 | "jquery",
8 | "js/api/all",
9 | ],function (React,Utils,$,Apis) {
10 | 'use strict';
11 |
12 | var LoaderMixin = {
13 |
14 | updateLoadingState : function(role,state,noUpdate){
15 | if (!this.isMounted())
16 | return;
17 |
18 | for (var key in this.loadingState){
19 | var list = this.loadingState[key];
20 | if (key == state){
21 | if (!(role in list))
22 | list[role] = true;
23 | } else if (role in list) {
24 | delete list[role];
25 | }
26 | }
27 | if ((!Object.keys(this.loadingState.inProgress).length)){
28 | var loadingFailed = false;
29 | var d = this.coerceData();
30 | var successCount = Object.keys(this.loadingState.succeeded).length
31 | + Object.keys(this.loadingState.failedNonCritical).length;
32 | if (this.resourcesList.length == successCount){
33 | if (this.afterLoadingSuccess) {
34 | var res = this.afterLoadingSuccess(d);
35 | if (res) {
36 | d = res;
37 | }
38 | }
39 | }
40 | else
41 | loadingFailed = true;
42 | this.setState({data : d,loadingInProgress : false,loadingFailed :loadingFailed});
43 | }
44 | },
45 |
46 | coerceData : function(){
47 | var d = {};
48 | for(var role in this.data){
49 | if (role in this.loadingState.succeeded)
50 | $.extend(d,this.data[role]);
51 | }
52 | return d;
53 | },
54 |
55 | onLoadingError : function(handler,role,nonCritical){
56 | return function(errorData){
57 | if(!this.isMounted()) {
58 | return;
59 | }
60 | var stateErrorData = $.extend({}, this.state.errorData);
61 | stateErrorData[role] = errorData;
62 | this.setState({errorData: stateErrorData});
63 | if (handler)
64 | handler.apply(this,arguments);
65 | if (nonCritical)
66 | this.updateLoadingState(role,"failedNonCritical");
67 | else
68 | this.updateLoadingState(role,"failed");
69 | }.bind(this);
70 | },
71 |
72 | updateResource : function(role,data,props){
73 | var resources = this.resources(props || this.props);
74 | for(var i in resources){
75 | var resource = resources[i];
76 | if (resource.name == role){
77 | this.onResourceSuccess(resource,data);
78 | break;
79 | }
80 | }
81 | },
82 |
83 | onLoadingSuccess : function(handler,role){
84 | return function(){
85 | if (!this.isMounted())
86 | return;
87 | if (this.state.errorData[role])
88 | delete this.state.errorData[role];
89 | var update = true;
90 | if (arguments.length > 0)
91 | {
92 | var data = arguments[0];
93 |
94 | if (this.reload && data.__cached__)
95 | update = false;
96 |
97 | //bug :/
98 | //if (this.requestIds && this.requestIds[role] && data.__requestId__ && data.__requestId__ !== this.requestIds[role])
99 | // update = false;
100 | }
101 | //we call the success handler
102 | if (update){
103 | if (handler)
104 | handler.apply(this,arguments);
105 | this.updateLoadingState(role,"succeeded");
106 | }
107 | }.bind(this);
108 | },
109 |
110 | onResourceSuccess : function(resource,data){
111 | var d = {};
112 |
113 | var mapping = resource.mapping;
114 | if (!mapping){
115 | mapping = {};
116 | mapping[resource.name] = resource.name;
117 | }
118 | for(var key in mapping){
119 | try{
120 | d[key] = data[mapping[key]];
121 | }catch(e){
122 | d[key] = undefined;
123 | }
124 | }
125 |
126 | if (resource.success)
127 | {
128 | var res = resource.success(data,d);
129 | if (res)
130 | $.extend(d,res);
131 | }
132 |
133 | this.data[resource.name] = d;
134 | },
135 |
136 | processResourcesList : function(props){
137 |
138 | if (this.onLoadResources)
139 | this.onLoadResources(props);
140 |
141 | var resources = this.resourcesList;
142 |
143 | if (!resources.length){
144 | this.setState({data : {},loadingInProgress : false,loadingFailed : false});
145 | return;
146 | }
147 |
148 | var loadingList = [];
149 | for(var i in resources){
150 | var resource = resources[i];
151 | if (resource.before)
152 | if (!resource.before(props,resource))
153 | continue;
154 |
155 | var params = [];
156 | if (resource.params)
157 | params = resource.params.slice(0);
158 |
159 | params.push(this.onLoadingSuccess(this.onResourceSuccess.bind(this,resource),resource.name));
160 | params.push(this.onLoadingError(resource.error,resource.name,resource.nonCritical));
161 | this.updateLoadingState(resource.name,"inProgress");
162 | //we call the resource endpoint with the given parameters
163 | loadingList.push([resource,params]);
164 | }
165 | //We call the endpoints of the resources to be loaded
166 | loadingList.map(function(p){
167 | var resource = p[0];
168 | var params = p[1];
169 | this.params[resource.name] = params;
170 | this.endpoints[resource.name] = resource.endpoint;
171 | if (this.reload ||
172 | (resource.alwaysReload || (!this.lastData[resource.name])) ||
173 | ((JSON.stringify(this.lastParams[resource.name]) != JSON.stringify(params))
174 | || (resource.endpoint != this.lastEndpoints[resource.name]))){
175 | this.requestIds[resource.name] = resource.endpoint.apply(this,params);
176 | }
177 | else{
178 | //we take the previous value
179 | this.data[resource.name] = $.extend({},this.lastData[resource.name]);
180 | this.data[resource.name].__cached__ = false;
181 | this.requestIds[resource.name] = this.lastData[resource.name].__requestId__;
182 | this.updateLoadingState(resource.name,"succeeded");
183 | }
184 | }.bind(this));
185 | },
186 |
187 |
188 | reloadResources : function(){
189 | this.reload = true;
190 | this.resetLoadingState();
191 | this.getResourcesList(this.props);
192 | this.processResourcesList(this.props);
193 | },
194 |
195 | resetLoadingState : function(){
196 | this.lastData = $.extend({},this.data);
197 | this.lastParams = $.extend({},this.params);
198 | this.lastEndpoints = $.extend({},this.endpoints);
199 | this.data = {};
200 | this.endpoints = {};
201 | this.params = {};
202 | this.loadingState = {
203 | inProgress : {},
204 | failed : {},
205 | failedNonCritical : {},
206 | succeeded : {},
207 | };
208 | },
209 |
210 | getInitialState : function(){
211 | return {
212 | loadingInProgress : true,
213 | loadingFailed : false,
214 | data : {},
215 | errorData: {}
216 | };
217 | },
218 |
219 | getResourcesList : function(props){
220 | this.resourcesList = this.resources(props) || [];
221 | },
222 |
223 | componentWillMount : function(){
224 | this.apis = Apis;
225 | this.data = {};
226 | this.params = {};
227 | this.endpoints = {};
228 | this.reload = false;
229 | this.resourcesList = [];
230 | this.requestIds = {};
231 | this._render = this.render;
232 | this.render = this.renderLoader;
233 | this.resetLoadingState();
234 | this.getResourcesList(this.props);
235 | //cast to boolean:
236 | this.showComponentWhileLoading = !!this.showComponentWhileLoading;
237 | },
238 |
239 | componentWillReceiveProps : function(newProps){
240 | this.reload = false;
241 | this.resetLoadingState();
242 | this.getResourcesList(newProps);
243 | this.processResourcesList(newProps);
244 | },
245 |
246 | componentDidMount : function(){
247 | this.processResourcesList(this.props);
248 | },
249 |
250 | renderLoader: function(){
251 | var loadingInProgress = this.state.loadingInProgress;
252 | var loadingFailed = this.state.loadingFailed;
253 | if (!this.resourcesList.length)
254 | loadingInProgress = false;
255 | if (loadingFailed || (loadingInProgress && (!this.showComponentWhileLoading)))
256 | return this.showLoader();
257 | return this._render();
258 | },
259 |
260 | showLoader : function(){
261 | if (this.silentLoading)
262 | return ;
263 | if (this.state.loadingFailed)
264 | return this.showErrorMessage();
265 | else
266 | return this.showLoadingMessage();
267 | },
268 |
269 | showErrorMessage : function(){
270 |
271 | var reload = function(e){
272 | e.preventDefault();
273 | location.reload();
274 | }.bind(this);
275 | if (this.renderErrorPage)
276 | return this.renderErrorPage(this.state.errorData);
277 | var loadingErrorMessage;
278 | if (this.getErrorMessage)
279 | loadingErrorMessage = this.getErrorMessage(this.state.errorData);
280 | if (!loadingErrorMessage)
281 | loadingErrorMessage = '404 - Cannot load the requested resource.'
282 | if (this.inlineComponent)
283 | return {loadingErrorMessage};
284 | else
285 | return
43 |
50 |
44 |
49 |
45 |
48 | Oh no! An error occurred...
46 | {errorMessages} 47 |
286 |
;
304 | },
305 |
306 | showLoadingMessage : function(){
307 |
308 | if (this.renderLoadingPlaceholder)
309 | return this.renderLoadingPlaceholder();
310 |
311 | var loadingMessage;
312 | if (this.getLoadingMessage)
313 | loadingMessage = this.getLoadingMessage();
314 |
315 | if (this.inlineComponent) {
316 | if (loadingMessage === undefined)
317 | loadingMessage = "Loading data...";
318 | return
287 |
303 |
288 |
291 |
297 |
302 | An error has occured.
289 |{loadingErrorMessage}
290 |291 |
292 | Sorry for the inconvenience. Please try reloading this page. If the problem persists 293 | please contact us, we will do our best to fix this issue for you. 294 | 295 |
296 |297 |
298 | reload this page or 299 | contact us 300 |
301 |{loadingMessage}
; 319 | } else { 320 | if (loadingMessage === undefined) 321 | loadingMessage =Please wait, loading data...
; 322 | return
323 |
;
331 | }
332 | },
333 |
334 | };
335 |
336 | return LoaderMixin;
337 | });
338 |
--------------------------------------------------------------------------------
/src/js/components/mixins/tabs.jsx:
--------------------------------------------------------------------------------
1 | /**
2 | * @jsx React.DOM
3 | */
4 | /*jshint quotmark:false */
5 | /*jshint white:false */
6 | /*jshint trailing:false */
7 | /*jshint newcap:false */
8 | /*global React, Router*/
9 |
10 | define(["react",
11 | "js/utils"
12 | ],function (React, Utils) {
13 | 'use'+' strict';
14 |
15 | var Tabs = React.createClass({
16 | displayName: 'Tabs',
17 |
18 | getDefaultProps: function (){
19 | return {tabs : [], activeTab : '', classes : 'nav nav-pills', onClick: function(){return true;}};
20 | },
21 |
22 | render: function() {
23 | var tabLinks = this.props.tabs.map(function(tab){
24 | var active = tab.name == this.props.activeTab;
25 | var onClick = function(title, e){
26 | e.tabTitle = title;
27 | if (e.button != 0 || e.altKey || e.ctrlKey || e.shiftKey || e.metaKey)
28 | return;
29 | if (active && !tab.activeHref) {
30 | e.preventDefault();
31 | }
32 | if (tab.onClick !== undefined)
33 | return tab.onClick(e);
34 | return this.props.onClick(e);
35 | }.bind(this, tab.title);
36 | var href = tab.href;
37 | var classNames = [];
38 | if(active) {
39 | classNames.push("active");
40 | if(tab.activeHref) href = tab.activeHref;
41 | }
42 | if(tab.disabled) {
43 | href = null;
44 | classNames.push("disabled");
45 | }
46 | return
324 |
330 |
325 |
329 |
326 | {loadingMessage}
327 |
328 | -
52 | {tabLinks}
53 |
{this.props.organization.description}
; 46 | else 47 | description =no description available
; 48 | return ; 57 | } 58 | }); 59 | 60 | var Organizations = React.createClass({ 61 | 62 | mixins : [LoaderMixin,GithubErrorHandlerMixin], 63 | 64 | resources : function(props){ 65 | return [{ 66 | name : 'organizations', 67 | endpoint : this.apis.organization.getOrganizations, 68 | params : [{per_page : 100}], 69 | success : function(data,xhr){ 70 | var arr = []; 71 | for(var i in data) { 72 | if(data.hasOwnProperty(i) && !isNaN(+i)) { 73 | arr[+i] = data[i]; 74 | } 75 | } 76 | this.setState({organizations : arr}); 77 | }.bind(this) 78 | }]; 79 | }, 80 | 81 | displayName: 'Organizations', 82 | 83 | render: function () { 84 | var organizationItems = this.state.organizations.map(function(organization){ 85 | return
89 |
;
98 | }
99 | });
100 |
101 | return Organizations;
102 | });
103 |
--------------------------------------------------------------------------------
/src/js/components/repositories.jsx:
--------------------------------------------------------------------------------
1 | /**
2 | * @jsx React.DOM
3 | */
4 | /*jshint quotmark:false */
5 | /*jshint white:false */
6 | /*jshint trailing:false */
7 | /*jshint newcap:false */
8 | /*global React, Router*/
9 |
10 | /*
11 | Copyright (c) 2015 - Andreas Dewes
12 |
13 | This file is part of Gitboard.
14 |
15 | Gitboard is free software: you can redistribute it and/or modify
16 | it under the terms of the GNU Affero General Public License as
17 | published by the Free Software Foundation, either version 3 of the
18 | License, or (at your option) any later version.
19 |
20 | This program is distributed in the hope that it will be useful,
21 | but WITHOUT ANY WARRANTY; without even the implied warranty of
22 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
23 | GNU Affero General Public License for more details.
24 |
25 | You should have received a copy of the GNU Affero General Public License
26 | along with this program. If not, see
90 |
94 |
91 |
93 | Your organizations
92 |
95 | {organizationItems}
96 |
97 |
42 |
50 |
;
51 | }
52 | });
53 |
54 | var Repositories = React.createClass({
55 |
56 | mixins : [LoaderMixin,GithubErrorHandlerMixin],
57 |
58 | resources : function(props){
59 |
60 | var processRepositories = function(data,xhr){
61 | var repos_array = [];
62 | for(var i in data) {
63 | if (data[i].open_issues == 0 || data[i].has_issues == false)
64 | continue;
65 | if(data.hasOwnProperty(i) && !isNaN(+i)) {
66 | repos_array[+i] = data[i];
67 | }
68 | }
69 | this.setState({repositories : repos_array});
70 | }.bind(this);
71 |
72 | if (props.data.organizationId || props.data.userId){
73 | var r = [{
74 | name : 'repositories',
75 | endpoint : (props.data.organizationId ? this.apis.organization.getRepositories :
76 | this.apis.user.getUserRepositories),
77 | params : [props.data.organizationId ? props.data.organizationId : props.data.userId,
78 | {per_page : 100,sort: 'pushed'}],
79 | success : processRepositories
80 | }];
81 | if (props.data.organizationId)
82 | r.push({
83 | name : 'organization',
84 | endpoint : this.apis.organization.getDetails,
85 | params : [props.data.organizationId,{}],
86 | success : function(data,d){
87 | return {organization : data};
88 | }
89 | })
90 | else
91 | r.push({
92 | name: 'user',
93 | endpoint : this.apis.user.getProfile,
94 | params : [],
95 | success : function(data,d){
96 | return {user : data};
97 | }
98 | })
99 | return r;
100 | }
101 | else
102 | return [{
103 | name : 'repositories',
104 | endpoint : this.apis.user.getRepositories,
105 | params : [{per_page : 100}],
106 | success : processRepositories
107 | }];
108 | },
109 |
110 | displayName: 'Repositories',
111 |
112 | render: function () {
113 | var repositoryItems = this.state.repositories.map(function(repository){
114 | return Seems there is nothing to show here.
] 119 | 120 | var data = this.state.data; 121 | var title; 122 | if (data.organization) 123 | title = 'Repositories - '+(data.organization.name || data.organization.login); 124 | else 125 | title = 'Your repositories'; 126 | 127 | return
128 |
;
137 | }
138 | });
139 |
140 | return Repositories;
141 | });
142 |
--------------------------------------------------------------------------------
/src/js/components/user/logout.jsx:
--------------------------------------------------------------------------------
1 | /**
2 | * @jsx React.DOM
3 | */
4 | /*jshint quotmark:false */
5 | /*jshint white:false */
6 | /*jshint trailing:false */
7 | /*jshint newcap:false */
8 | /*global React, Router*/
9 |
10 | /*
11 | Copyright (c) 2015 - Andreas Dewes
12 |
13 | This file is part of Gitboard.
14 |
15 | Gitboard is free software: you can redistribute it and/or modify
16 | it under the terms of the GNU Affero General Public License as
17 | published by the Free Software Foundation, either version 3 of the
18 | License, or (at your option) any later version.
19 |
20 | This program is distributed in the hope that it will be useful,
21 | but WITHOUT ANY WARRANTY; without even the implied warranty of
22 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
23 | GNU Affero General Public License for more details.
24 |
25 | You should have received a copy of the GNU Affero General Public License
26 | along with this program. If not, see
129 |
133 |
130 |
132 | {title}
131 |
134 | {repositoryItems}
135 |
136 |
54 |
73 | },
74 |
75 | });
76 |
77 | return Logout;
78 |
79 | });
80 |
--------------------------------------------------------------------------------
/src/js/config.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright (c) 2015 - Andreas Dewes
3 |
4 | This file is part of Gitboard.
5 |
6 | Gitboard is free software: you can redistribute it and/or modify
7 | it under the terms of the GNU Affero General Public License as
8 | published by the Free Software Foundation, either version 3 of the
9 | License, or (at your option) any later version.
10 |
11 | This program is distributed in the hope that it will be useful,
12 | but WITHOUT ANY WARRANTY; without even the implied warranty of
13 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
14 | GNU Affero General Public License for more details.
15 |
16 | You should have received a copy of the GNU Affero General Public License
17 | along with this program. If not, see
55 |
56 |
57 |
58 |
72 |
59 |
71 |
60 |
70 | You have been logged out
61 |
62 |
69 |
63 |
65 | Security notice
64 |
66 |
68 | We cannot delete your authorization from Github without your username and password. If you want to delete it, you can do so manually here (look for the gitboard token)
67 |
39 |
40 |
41 |
43 |
47 |
44 |
46 | Please wait, loading Gitboard...
45 |46 |
47 |
57 |
48 |
50 |
56 | Github + Kanban = Gitboard
49 |50 |
Gitboard is a simple and intuitive Kanban board for your Github issues. Easily manage to-dos, milestones and projects and keep up-to-date on your progress. Gitboard is open-source and runs securely inside your browser.
51 |52 | See an example 53 | Log in 54 |
55 |
61 |
66 |
138 |
67 |
78 |
68 | 
69 |
70 |
69 |
71 |
77 | See everything at a glance
72 |Gitboard gives you an intuitive and beautiful overview of your Github issues. Forget navigating back and forth to see which issues are in the backlog, being worked on or closed.
73 |74 | See who's working on what. Move issues between categories by dragging and dropping them. Define time estimates for your issues and track actual working time. 75 |
76 |
79 |
90 |
80 | 
81 |
82 |
81 |
83 |
89 | Keep track of your goals
84 |Gitboard helps you to keep track of your goals and the time budget of your team. See aggregate time estimates and actual working time for each milestone. This helps you to discover problems in your project before the deadline hits you hard.
85 |86 | Coming soon: Burndown charts. See if your progress keeps up with your schedule. 87 |
88 |
91 |
102 |
92 | 
93 |
94 |
93 |
95 |
101 | Built with modern technologies
96 |Gitboard is built with React.js, Bootstrap 3 and SASS and Material Design for Bootstrap.
97 |98 | It uses a simple, resource-based data synchronization scheme and tries to keep complexity to a minimum. Feel free to use Gitboard as inspiration for your own React.js-based projects. 99 |
100 |
103 |
111 |
104 | 
105 |
106 |
105 |
107 |
110 | Open-source license
108 |Gitboard is licensed under the Affero General Public License (AGPL). This means that you can adapt it to your needs and freely publish your own version as long as you respect the terms of the license and make your improvements available to the community.
109 |
112 |
123 |
113 | 
114 |
115 |
114 |
116 |
122 | Secure and transparent
117 |Gitboard communicates directly with the Github API without using an intermediate server. This means that your Github access credentials stay on your computer all the time.
118 |119 | Gitboard will never store your username or password in plaintext and only use them to create an access token. The access token will be held securely in the session storage or local storage of your browser. 120 |
121 |
124 |
137 |
125 | 
126 |
127 |
126 |
128 |
136 | Questions? Get in touch!
129 |130 | If you have questions about Gitboard or if you experience problems using it, please open an issue. You can also get in touch with me via e-mail. 131 |
132 |133 | Contributions and feedback are highly welcome! When contributing to the code, please make sure to check out the README first. 134 |
135 |
155 |
156 |
157 |
167 |
168 |
169 |
170 |
--------------------------------------------------------------------------------