32 |
45 | );
46 | },
47 | });
48 |
49 | module.exports = Results;
--------------------------------------------------------------------------------
/app/src/questions/09_contract_clauses.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var StateMixin = require("../state_mixin");
3 |
4 | STATES = [
5 | "contractClauses",
6 | ];
7 |
8 | var ContractClauses = React.createClass({
9 | mixins: [StateMixin],
10 | getInitialState: function() {
11 | var initialStates = getStates(STATES);
12 | return initialStates;
13 | },
14 | save: function(cb) {
15 | var data = {};
16 |
17 | for (i=0; i < STATES.length; i++){
18 | var stateName = STATES[i];
19 | data[stateName] = this.state[stateName];
20 | }
21 |
22 | var rfqId = getId(window.location.hash);
23 | put_data(9, "get_content", rfqId, data, cb);
24 |
25 | },
26 | componentDidMount: function() {
27 | var rfqId = getId(window.location.hash);
28 | get_data(9, rfqId, function(content){
29 | var data = content["data"];
30 | console.log(data);
31 | this.setState({
32 | contractClauses: data[STATES[0]],
33 | });
34 | }.bind(this));
35 | },
36 | render: function() {
37 | return (
38 | Resulting RFQ
33 |
34 |
35 |
36 |
44 |
37 |
41 |
42 |
43 |
38 |
40 | Are you sure you want to delete this RFQ?
39 |
39 |
48 | );
49 | },
50 | });
51 |
52 |
53 | module.exports = ContractClauses;
54 |
--------------------------------------------------------------------------------
/app/assets/img/alerts/error.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
18 |
--------------------------------------------------------------------------------
/app/src/questions/11_evaluation_criteria.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var StateMixin = require("../state_mixin");
3 | var EditBox = require("../edit_box");
4 |
5 | var STATES = [
6 | "evaluationCriteria"
7 | ];
8 |
9 | var page_number = 11;
10 |
11 | var EvaluationCriteria= React.createClass({
12 | // include mixins
13 | mixins: [StateMixin],
14 |
15 | getInitialState: function() {
16 | var initialStates = getStates(STATES);
17 | return initialStates;
18 | },
19 | componentDidMount: function() {
20 | var rfqId = getId(window.location.hash);
21 |
22 | get_data(page_number, rfqId, function(content){
23 | var componentStates = getComponents(content["data"]);
24 | this.setState( componentStates );
25 | }.bind(this));
26 | },
27 | save: function(cb) {
28 | var data = {};
29 |
30 |
31 | var rfqId = getId(window.location.hash);
32 |
33 | // get the most recent state data for each STATE that will be saved
34 | for (i=0; i < STATES.length; i++){
35 | var stateName = STATES[i];
36 | data[stateName] = this.state[stateName];
37 | }
38 | // you can save content_components using the get_content API (the custom_component API is also an option)
39 | put_data(page_number, 'get_content', rfqId, data, cb);
40 |
41 | },
42 | render: function() {
43 | return (
44 | Contract Clauses
40 | The PM and the CO may both contribute content to this section.
41 |
42 | Additional Clauses
43 |
44 | Please feel free to add anything else specific to your contract. You will also be able to edit the Microsoft Word document that is produced.
45 |
46 |
47 |
45 |
50 | );
51 | },
52 | });
53 |
54 |
55 | module.exports = EvaluationCriteria;
56 |
--------------------------------------------------------------------------------
/app/src/questions/01_definitions.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var StateMixin = require("../state_mixin");
3 | var EditBox = require("../edit_box");
4 |
5 |
6 | var Definition = React.createClass({
7 | mixins: [StateMixin],
8 | save: function(cb) {
9 | var rfqId = getId(window.location.hash);
10 | data = {"definitions": this.state.definitions};
11 | put_data(1, "get_content", rfqId, data, cb);
12 | },
13 | // React functions
14 | getInitialState: function(){
15 | return {
16 | definitions: "",
17 | };
18 | },
19 | componentDidMount: function() {
20 | var rfqId = getId(window.location.hash);
21 | get_data(1, rfqId, function(data){
22 | this.setState({
23 | definitions: data["data"]["definitions"],
24 | });
25 | }.bind(this));
26 | },
27 |
28 | render: function() {
29 | return (
30 | Evaluation Criteria
46 | The content in this section can be decided upon by either the PM or the CO.
47 |
48 |
49 |
31 |
39 |
40 |
41 | );
42 | },
43 | });
44 |
45 | module.exports = Definition;
--------------------------------------------------------------------------------
/app/assets/css/main.css:
--------------------------------------------------------------------------------
1 | .Popover-body {
2 | display: inline-flex;
3 | flex-direction: column;
4 | padding: 2rem 4rem;
5 | background: #454545;
6 | color: white;
7 | border-radius: 0.3rem; }
8 |
9 | .Popover-tipShape {
10 | fill: #454545; }
11 |
12 | .menu-btn {
13 | padding: 1.5rem null;
14 | float: left;
15 | margin-top: -4px;
16 | color: #ffffff;
17 | background-color: #0071bc;
18 | font-size: 1.5rem;
19 | width: 15%;
20 | text-align: center; }
21 | @media all and (850px) {
22 | .menu-btn {
23 | display: none; } }
24 | .menu-btn:hover {
25 | text-decoration: none;
26 | color: #ffffff;
27 | background-color: #205493; }
28 | .menu-btn:visited {
29 | color: #ffffff; }
30 |
31 | .overlay {
32 | background: #000000;
33 | opacity: 0;
34 | visibility: hidden;
35 | z-index: 9999; }
36 | .overlay.is-visible {
37 | visibility: visible; }
38 |
39 | .sidenav {
40 | width: 250px;
41 | border-right: 1px solid #aeb0b5;
42 | padding: 5rem 3rem 3rem 3rem;
43 | overflow: auto;
44 | display: none;
45 | z-index: -1; }
46 | @media (max-width: 850px) {
47 | .sidenav.menu-content {
48 | background: #ffffff;
49 | -webkit-overflow-scrolling: touch;
50 | overflow-y: auto;
51 | z-index: 999999;
52 | display: block; } }
53 | .lt-ie9 .sidenav {
54 | width: 25%; }
55 | .sidenav .usa-sidenav-sub_list {
56 | display: none; }
57 | @media screen and (min-width: 850px) {
58 | .sidenav {
59 | display: block; } }
60 |
61 | .visual-style .sidenav .visual-style-sublist {
62 | display: block; }
63 | .visual-style .sidenav .visual-style-sublist ul {
64 | display: block; }
65 |
66 | .form-controls .sidenav .form-controls-sublist {
67 | display: block; }
68 |
69 | .form-templates .sidenav .form-templates-sublist {
70 | display: block; }
71 |
72 | .footers .sidenav .footers-sublist {
73 | display: block; }
74 |
--------------------------------------------------------------------------------
/app/assets/img/alerts/info.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
19 |
--------------------------------------------------------------------------------
/app/assets/css/normalize.min.css:
--------------------------------------------------------------------------------
1 | /*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
--------------------------------------------------------------------------------
/app/src/edit_box.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 |
3 | var marked = require('marked');
4 | marked.setOptions({
5 | renderer: new marked.Renderer(),
6 |
7 | // Enabled
8 | sanitize: true, // Sanitize output
9 | smartLists: true, // Smarter list behavior
10 |
11 | // Disabled
12 | gfm: false, // Github-flavored markdown
13 | tables: false, // Github-flavored markdown tables
14 | breaks: false, // Github-flavored markdown linebreaks (?)
15 | pedantic: false, // Don't fix original markdown bugs
16 | smartypants: false // Smart typographic punctuation
17 | });
18 |
19 | var EditBox = React.createClass({
20 | propTypes: {
21 | text: React.PropTypes.string.isRequired,
22 | editing: React.PropTypes.bool.isRequired,
23 | onStatusChange: React.PropTypes.func.isRequired,
24 | onTextChange: React.PropTypes.func.isRequired,
25 | },
26 | getInitialState: function() {
27 | return {};
28 | },
29 | toggleEdit: function(editing) {
30 | this.props.onStatusChange(editing);
31 | },
32 | handleChange: function(event){
33 | this.props.onTextChange(event);
34 | },
35 | calculateRows: function(text){
36 | var chars = text.length;
37 | var rows = Math.ceil(chars / 113);
38 | var newLines = (text.match(/\n\n/g) || []).length;
39 | rows += newLines;
40 | return Math.max(rows, 4);
41 | },
42 | render: function() {
43 | var renderedMarkdown = {__html: marked(this.props.text)};
44 | var displayStyle = {
45 | border: 'thin dashed black',
46 | padding: '1rem'
47 | };
48 |
49 | if(this.props.editing) {
50 | return (
51 | Definitions
32 | The content in this section can be decided upon by either the PM or the CO.
33 | These are the standard definitions for agile development terms in alignment with the USDS Playbook. You can also modify the definitions and add additional terms. When you are done click the "Next" button at the bottom of the page.
34 |
52 |
55 | );
56 | } else {
57 | return (
58 | Done
53 |
54 |
59 |
62 | );
63 | }
64 | },
65 | });
66 |
67 | module.exports = EditBox;
--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
1 | language: python
2 | sudo: false
3 | python:
4 | - 3.5.1
5 | node:
6 | env:
7 | global:
8 | - CF_USERNAME_PRODUCTION=cb4feb94-4695-45bb-9d54-73adfa4bed76
9 | - secure: "g2eDqkEhlaG9jCfH3qS0+LyTDL6FZ4O6ju0uFM1OJ8fmz3FjfzdZ4F7BNCMrC8ZeH/tkR8zisMJnUBOTlA0n78/jcKJNrQYTYrDYEWCzlS80q07rZrqBmfxruFwxwVQwqCIx9wVpoqSKTewO+mLgAXW2YkWSMKQbPYm2oDaAeqlIuRi6YCWQ7PYhyc7P4PND4Drhz+fkPRsOOe67MLrHAgMpXk/aiU2uWw1UctSCTtPYYj8V6E7nl4DRHVT8RReMF/bx6z7aKRBVGtQoQWuXnpLGc2+2WAM4rAthGdEZHAM92NNhQDP1BhshlaMUcN/3TYyj3DzxQ21CxuCiHYhHzuoufKCpbPc/XBOZ1uw07NRa/LM63Boue0TmEO5qUTsSCTSEMhasf7XxxK30ojVXyYTSNcLuuQ9vpBn10mLnlcceuHE1NWxqSbr1T2fdHox94T3S7oGekNNBIT7wXvCC2WHpHaxbXXzoc+SL/x+RqntwNaoRN6Hmx6udNyavLSqGbIj9FP/GOHzFTvNiNO+Rdr+DPkwozWUT1Pw0t7604I1jSuPKDz7enixdECSa1RIRCLqGnoyH7E3uapr/I8Fs8tKoYS76j/F0NM0Z9auf9SvqOXCATMWxg9F1EsTNiUEEd78bIr+23zajXJRek2JNX1byPGzeeJIcIVFqcl763MU="
10 | - CF_USERNAME_STAGING=711e2876-d872-4c7c-8046-a29d9dfa3e93
11 | - secure: "Kvx7PtBvytpixhGoj8iTIzjpNgtNh7JvMEeQ48+RR7wVHzc5Nz3i5t6qNLLQcCLdrNN3z3tu6Y+PpxOtHIso9nwnpO1iqr+S3CUDxOZmiH3Xgm/8NwF6l+VTItNIY5ANigX8Kj/pb3X1H0XSaZ0sNffl86CltPkBl9ViiSGWo0d2xERHBpsggp+3Zx9Ui5aQWoUP/VWDxbVWH1IftRJ22QgyP28SiZxA5tpFij8T0vQd2DzrcVOnwskbU4rMKaOz1KqsIMQ/KwW+Y7lJeDX6N2TevsynAGGYPcz7Z+fOPnvFFjmxtxI9c7g2cUuH6ujnXuSiucxeCLnYY3EKtGpaTxWjaowmLrciuB2mVLFBL738+oYcURTKY55F0ojWtkfHVoQUDGgjzIwhwjG19CB6a/1tTHkVBnz2yC4qdUSBqQBra+qII/8KsYVep0zvA1zS6keNsRIXpqrz0uz4uWMxvAFRW+iuDzRuFEjbk7CfezohvzSea2vgnc/k5rHYmxQopwW+DmUK4TBuorew+iIGULU+Hsj2Qop/xxFV8JVd5sr0EblLEHCWNraUYmXsXlxCKsR6rFma2zwZTOrtQm0jl3ZCxO1ebOdH6QbKH+3bbuDneb4RzdL8vx8Yg89+a12Rva4TghpWtWzrVLFfEIqVDy25ntsxnIqjebVd0XW3aMA="
12 | before_install:
13 | - rm -rf ~/.nvm && git clone https://github.com/creationix/nvm.git ~/.nvm && (cd ~/.nvm && git checkout `git describe --abbrev=0 --tags`) && source ~/.nvm/nvm.sh && nvm install 6.1.0
14 | install:
15 | - pip install -r requirements.txt
16 | - cd app
17 | - npm install
18 | - cd ..
19 | - psql -c 'create database travis_ci_test;' -U postgres
20 | script:
21 | - python tests.py
22 | before_deploy:
23 | - export PATH=$HOME:$PATH
24 | - travis_retry curl -L -o $HOME/cf.tgz "https://cli.run.pivotal.io/stable?release=linux64-binary&version=6.22.2"
25 | - tar xzvf $HOME/cf.tgz -C $HOME
26 | - cf install-plugin autopilot -f -r CF-Community
27 | cache: pip
28 | deploy:
29 | - provider: script
30 | script: "./deploy.sh staging"
31 | skip_cleanup: true
32 | on:
33 | branch: develop
34 | - provider: script
35 | script: "./deploy.sh prod"
36 | skip_cleanup: true
37 | on:
38 | branch: master
39 |
--------------------------------------------------------------------------------
/app/src/questions/05_post_award.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var StateMixin = require("../state_mixin");
3 | var EditBox = require("../edit_box");
4 |
5 | var STATES = [
6 | "invoicing",
7 | "billingAddress",
8 | "duplicateInvoice",
9 | ];
10 |
11 | var PostAward = React.createClass({
12 | mixins: [StateMixin],
13 | getInitialState: function() {
14 | var initialStates = getStates(STATES);
15 | return initialStates;
16 | },
17 | componentDidMount: function() {
18 | var rfqId = getId(window.location.hash);
19 | get_data(5, rfqId, function(content){
20 | var componentStates = getComponents(content["data"]);
21 | this.setState( componentStates );
22 | }.bind(this));
23 | },
24 | save: function(cb) {
25 | var data = {};
26 |
27 | for (i=0; i < STATES.length; i++){
28 | var stateName = STATES[i];
29 | data[stateName] = this.state[stateName];
30 | }
31 |
32 | var rfqId = getId(window.location.hash);
33 | put_data(5, "get_content", rfqId, data, cb);
34 | },
35 | render: function() {
36 | var placeholderText = "Mailing Address Phone Number Fax Number";
37 | return (
38 | Edit
60 |
61 |
39 |
50 |
51 |
52 |
61 |
62 |
63 | );
64 | },
65 | });
66 |
67 |
68 | module.exports = PostAward;
69 |
70 |
--------------------------------------------------------------------------------
/app/assets/img/social-icons/svg/youtube15.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/app/src/question.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 |
3 | // Bootstrap
4 | var ButtonToolbar = require('react-bootstrap').ButtonToolbar;
5 | var Button = require('react-bootstrap').Button;
6 |
7 | // Router stuff
8 | var Link = require('react-router').Link;
9 | var History = require('react-router').History;
10 |
11 | // Custom components
12 | var questionList = require('./question_list');
13 |
14 | var Question = React.createClass({
15 | mixins: [History],
16 |
17 | linkForOffset: function(offset) {
18 | var currentIndex;
19 | questionList.forEach(function(question, i) {
20 | if(question.code == this.props.params.qid) {
21 | currentIndex = i;
22 | }
23 | }.bind(this));
24 |
25 | var baseURL = "/rfp/"+this.props.params.id;
26 | var nextIndex = currentIndex + offset;
27 | if(nextIndex < 0) {
28 | return baseURL;
29 | } else if(nextIndex >= questionList.length) {
30 | return baseURL + "/results";
31 | } else {
32 | return baseURL + "/question/" + questionList[nextIndex].code;
33 | }
34 | },
35 | handlePrev: function() {
36 | this.save(function() {
37 | var prevLink = this.linkForOffset(-1);
38 | this.history.pushState(null, prevLink, null);
39 | }.bind(this));
40 | },
41 | handleNext: function() {
42 | this.save(function() {
43 | var nextLink = this.linkForOffset(1);
44 | this.history.pushState(null, nextLink, null);
45 | }.bind(this));
46 | },
47 | save: function(callback) {
48 | this.refs.question.save(callback);
49 | },
50 | getComponentForQuestionID: function(qid) {
51 | for(var i = 0; i < questionList.length; i++) {
52 | var question = questionList[i];
53 | if(question.code == qid) {
54 | return question.component;
55 | }
56 | }
57 | return null;
58 | },
59 |
60 | getInitialState: function() {
61 | return {saving: false};
62 | },
63 | render: function() {
64 | var Component = this.getComponentForQuestionID(this.props.params.qid);
65 |
66 | if(Component) {
67 | return (
68 | Invoicing & Funding
40 | The content in this section is typically decided on by the CO.
41 | If you wish to add additional text you may do so in the resulting word document.
42 | 43 |Contractor Instructions
44 |
45 | The Contractor shall submit an original invoice for payment to the following office:
53 |
54 |
55 |
56 |
69 |
75 |
76 |
77 |
78 |
79 | );
80 | } else {
81 | return (
82 |
83 |
85 | );
86 | }
87 | },
88 | });
89 |
90 | module.exports = Question;
--------------------------------------------------------------------------------
/app/src/app.js:
--------------------------------------------------------------------------------
1 | /* eslint react/prop-types: 0 */
2 | var React = require('react');
3 | var ReactDOM = require('react-dom');
4 |
5 | // Dependencies
6 | var View = require('react-flexbox');
7 |
8 | // Router stuff
9 | var Router = require('react-router').Router;
10 | var Route = require('react-router').Route;
11 | var IndexRoute = require('react-router').IndexRoute;
12 | var Link = require('react-router').Link;
13 | var IndexLink = require('react-router').IndexLink;
14 | var Redirect = require('react-router').Redirect;
15 |
16 | // Custom elements
17 | var Welcome = require('./welcome');
18 | var Request = require('./request');
19 | var RequestOverview = require('./request_overview');
20 | var Question = require('./question');
21 | var Results = require('./results');
22 | var LogoutButton = require('./auth/login-button');
23 | var RepoLink = React.createElement('a', {
24 | href: 'https://github.com/18F/agile-solicitation-builder/issues',
25 | 'target': '_blank',
26 | }, 'Help us improve');
27 |
28 | var Header = React.createClass({
29 | render: function() {
30 | var inheritStyle = {
31 | color: "inherit",
32 | textDecoration: "inherit",
33 | };
34 |
35 | return (
36 | {"Unknown question: '"+this.props.params.qid+"'"}
84 |
37 |
53 | );
54 | },
55 | });
56 |
57 | var App = React.createClass({
58 | render: function() {
59 | var appStyle = {
60 | padding: 8,
61 | };
62 |
63 | return (
64 |
38 |
39 | 
40 | An official website of the United States Government
41 |
42 | This site is currently in alpha. {RepoLink}.
43 |
44 |
40 | An official website of the United States Government
41 |
42 | This site is currently in alpha. {RepoLink}.
43 |
46 |
52 |
47 |
48 |
50 |
51 |
48 | Agile Solicitation Builder
49 |
50 |
65 |
68 | );
69 | },
70 | });
71 |
72 | ReactDOM.render(
73 |
59 |
64 | );
65 | },
66 | });
67 |
68 |
69 | module.exports = InstructionsToOfferors;
70 |
--------------------------------------------------------------------------------
/app/src/questions/XX_sample.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var StateMixin = require("../state_mixin");
3 | var EditBox = require("../edit_box");
4 |
5 | // states data is defined in seeds.py, and must be listed here to be accessed and saved in the database
6 | var STATES = [
7 | "sampleState1",
8 | "sampleState2",
9 | ];
10 |
11 | // XX would be replaced by the number of this page, the data associated with this section would be established in seed.py
12 | var page_number = 0;
13 |
14 | var Sample= React.createClass({
15 | // include mixins
16 | mixins: [StateMixin],
17 |
18 | // for a state to be accessible with this.state.stateName you must include it here
19 | getInitialState: function() {
20 | // you may also want to establish temporary states for this page that will not be saved
21 | var initialStates = getStates(STATES);
22 | return initialStates;
23 | },
24 | // componentDidMount is where you pull the latest data from the database to populate the states
25 | componentDidMount: function() {
26 | // this identifies the section number identifying the data
27 | var rfqId = getId(window.location.hash);
28 |
29 | // this calls a helpers.js function which calls server.py to access this RFQs data for this section number (XX)
30 | // the names the states are established with in seed.py should correspond to the state names used on this page
31 | get_data(page_number, rfqId, function(content){
32 | var componentStates = getComponents(content["data"]);
33 | this.setState( componentStates );
34 | }.bind(this));
35 | },
36 | customFuction: function() {
37 | // you can also create functions that will only be used by this page
38 | alert('custom function called!');
39 | },
40 | save: function(cb) {
41 | var data = {};
42 |
43 | // this identifies the section number identifying the data
44 | var rfqId = getId(window.location.hash);
45 |
46 | // get the most recent state data for each STATE that will be saved
47 | for (i=0; i < STATES.length; i++){
48 | var stateName = STATES[i];
49 | data[stateName] = this.state[stateName];
50 | }
51 | // you can save content_components using the get_content API (the custom_component API is also an option)
52 | put_data(page_number, 'get_content', rfqId, data, cb);
53 |
54 | },
55 | render: function() {
56 | return (
57 | Instructions to Offerors
60 | The content in this section can be decided upon by either the PM or the CO.
61 |
62 |
63 |
58 |
65 |
66 |
69 | );
70 | },
71 | });
72 |
73 |
74 | module.exports = Sample;
75 |
--------------------------------------------------------------------------------
/app/src/auth/register-button.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var Popover = require('react-popover');
3 | var AuthMixin = require('./mixin');
4 |
5 | var RegisterButton = React.createClass({
6 | mixins: [AuthMixin],
7 |
8 | getInitialState: function() {
9 | return {
10 | registrationOpen: false,
11 | username: '',
12 | password1: '',
13 | password2: '',
14 | passwordsMatch: true
15 | };
16 | },
17 |
18 | openRegistrationPopover: function() {
19 | this.setState({ registrationOpen: true });
20 | },
21 |
22 | closeRegistrationPopover: function() {
23 | this.setState({ registrationOpen: false });
24 | },
25 |
26 | setUsername: function(e) {
27 | this.setState({ username: e.target.value });
28 | },
29 |
30 | setPassword1: function(e) {
31 | this.setState({ password1: e.target.value, passwordsMatch: (e.target.value === this.state.password2) });
32 | },
33 |
34 | setPassword2: function(e) {
35 | this.setState({ password2: e.target.value, passwordsMatch: (e.target.value === this.state.password1) });
36 | },
37 |
38 | register: function(e) {
39 | if(this.state.username && this.state.password1 && this.state.password1 === this.state.password2) {
40 | $.ajax({
41 | type: 'POST',
42 | url: '/api/users',
43 | contentType: 'application/json',
44 | data: JSON.stringify({
45 | username: this.state.username,
46 | password: this.state.password1
47 | }),
48 | success: function(data) {
49 | this.doAuthLogin(this.state.username, this.state.password1, function(success) {
50 | this.setAuthenticationState(true);
51 | this.setState({
52 | registrationOpen: false,
53 | username: '',
54 | password1: '',
55 | password2: '',
56 | passwordsMatch: true
57 | });
58 | }.bind(this));
59 | }.bind(this)
60 | });
61 | }
62 | e.preventDefault();
63 | },
64 |
65 | render: function() {
66 | return(
67 |
68 | Sample
59 | The content in this section can be decided upon by either the PM or the CO.
60 | sampleState2 is updated in this textbox
67 |
68 |
60 |
98 | );
99 | },
100 | });
101 |
102 | module.exports = Welcome;
103 |
--------------------------------------------------------------------------------
/app/assets/css/google-fonts.css:
--------------------------------------------------------------------------------
1 | @font-face {
2 | font-family: 'Source Sans Pro';
3 | font-style: normal;
4 | font-weight: 300;
5 | src: url('../fonts/sourcesanspro-light-webfont.eot');
6 | src: url('../fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
7 | url('../fonts/sourcesanspro-light-webfont.woff2') format('woff2'),
8 | url('../fonts/sourcesanspro-light-webfont.woff') format('woff'),
9 | url('../fonts/sourcesanspro-light-webfont.ttf') format('truetype');
10 | }
11 |
12 | @font-face {
13 | font-family: 'Source Sans Pro';
14 | font-style: normal;
15 | font-weight: 400;
16 | src: url('../fonts/sourcesanspro-regular-webfont.eot');
17 | src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
18 | url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
19 | url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
20 | url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype');
21 |
22 | }
23 |
24 | @font-face {
25 | font-family: 'Source Sans Pro';
26 | font-style: italic;
27 | font-weight: 400;
28 | src: url('../fonts/sourcesanspro-italic-webfont.eot');
29 | src: url('../fonts/sourcesanspro-italic-webfont.eot?#iefix') format('embedded-opentype'),
30 | url('../fonts/sourcesanspro-italic-webfont.woff2') format('woff2'),
31 | url('../fonts/sourcesanspro-italic-webfont.woff') format('woff'),
32 | url('../fonts/sourcesanspro-italic-webfont.ttf') format('truetype');
33 |
34 | }
35 |
36 | @font-face {
37 | font-family: 'Source Sans Pro';
38 | font-style: normal;
39 | font-weight: 700;
40 | src: url('../fonts/sourcesanspro-bold-webfont.eot');
41 | src: url('../fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
42 | url('../fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
43 | url('../fonts/sourcesanspro-bold-webfont.woff') format('woff'),
44 | url('../fonts/sourcesanspro-bold-webfont.ttf') format('truetype');
45 |
46 | }
47 |
48 | @font-face {
49 | font-family: 'Merriweather';
50 | font-style: normal;
51 | font-weight: 300;
52 | src: url('../fonts/merriweather-light-webfont.eot');
53 | src: url('../fonts/merriweather-light-webfont.eot?#iefix') format('embedded-opentype'),
54 | url('../fonts/merriweather-light-webfont.woff2') format('woff2'),
55 | url('../fonts/merriweather-light-webfont.woff') format('woff'),
56 | url('../fonts/merriweather-light-webfont.ttf') format('truetype');
57 |
58 | }
59 |
60 | @font-face {
61 | font-family: 'Merriweather';
62 | font-style: normal;
63 | font-weight: 400;
64 | src: url('../fonts/merriweather-regular-webfont.eot');
65 | src: url('../fonts/merriweather-regular-webfont.eot?#iefix') format('embedded-opentype'),
66 | url('../fonts/merriweather-regular-webfont.woff2') format('woff2'),
67 | url('../fonts/merriweather-regular-webfont.woff') format('woff'),
68 | url('../fonts/merriweather-regular-webfont.ttf') format('truetype');
69 |
70 | }
71 |
72 | @font-face {
73 | font-family: 'Merriweather';
74 | font-style: italic;
75 | font-weight: 400;
76 | src: url('../fonts/merriweather-italic-webfont.eot');
77 | src: url('../fonts/merriweather-italic-webfont.eot?#iefix') format('embedded-opentype'),
78 | url('../fonts/merriweather-italic-webfont.woff2') format('woff2'),
79 | url('../fonts/merriweather-italic-webfont.woff') format('woff'),
80 | url('../fonts/merriweather-italic-webfont.ttf') format('truetype');
81 |
82 | }
83 |
84 | @font-face {
85 | font-family: 'Merriweather';
86 | font-style: normal;
87 | font-weight: 700;
88 | src: url('../fonts/merriweather-bold-webfont.eot');
89 | src: url('../fonts/merriweather-bold-webfont.eot?#iefix') format('embedded-opentype'),
90 | url('../fonts/merriweather-bold-webfont.woff2') format('woff2'),
91 | url('../fonts/merriweather-bold-webfont.woff') format('woff'),
92 | url('../fonts/merriweather-bold-webfont.ttf') format('truetype');
93 |
94 | }
--------------------------------------------------------------------------------
/app/gulpfile.js:
--------------------------------------------------------------------------------
1 | var gulp = require('gulp');
2 | var browserify = require('browserify');
3 | var reactify = require('reactify');
4 | var watchify = require('watchify');
5 | var uglify = require('gulp-uglify');
6 | var source = require('vinyl-source-stream');
7 | var buffer = require('vinyl-buffer');
8 | var rename = require('gulp-rename');
9 | var notify = require("gulp-notify");
10 | // var jshint = require('gulp-jshint');
11 | var gutil = require('gulp-util');
12 | var eslint = require('gulp-eslint');
13 | var stylelint = require('@18f/stylelint-rules');
14 | var sass = require('gulp-sass');
15 |
16 | function handleErrors() {
17 | var args = Array.prototype.slice.call(arguments);
18 | notify.onError({
19 | title: "Compile Error",
20 | message: "<%= error.message %>"
21 | }).apply(this, args);
22 | this.emit('end'); // Keep gulp from hanging on this task
23 | }
24 |
25 | gulp.task('copyjsanduswds', function(){
26 | gulp.src('./node_modules/jquery/dist/jquery.min.js').pipe(gulp.dest('./build'));
27 | gulp.src(['./node_modules/uswds/dist/**/*', ]).pipe(gulp.dest('./assets/'))
28 |
29 | });
30 |
31 | var bundler = browserify({
32 | entries: ['./src/app.js'], // Only need initial file, browserify finds the deps
33 | transform: [reactify], // We want to convert JSX to normal javascript
34 | debug: true, // Gives us sourcemapping
35 | cache: {}, packageCache: {}, fullPaths: false // Requirement of watchify
36 | });
37 |
38 | gulp.task('bundling', function(){
39 | bundler
40 | .bundle()
41 | .pipe(source('./src/app.js'))
42 | .pipe(eslint({
43 | baseConfig: {
44 | "ecmaFeatures": {
45 | "jsx": true
46 | }
47 | }
48 | }))
49 | .pipe(eslint.format())
50 | // .pipe(eslint.failAfterError())
51 | .pipe(buffer()) // <----- convert from streaming to buffered vinyl file object
52 | .pipe(uglify().on('error', gutil.log))
53 | .pipe(rename('bundle.js'))
54 | .pipe(gulp.dest('./build'));
55 | });
56 |
57 | gulp.task('bundlingWatch', function () {
58 | var watcher = watchify(bundler);
59 |
60 | return watcher
61 | .on('update', function () { // When any files update
62 | var updateStart = Date.now();
63 | console.log('Updating!');
64 |
65 | watcher.bundle() // Create new bundle that uses the cache for high performance
66 | .on('error', handleErrors)
67 | .pipe(source('./src/app.js'))
68 | .pipe(eslint({
69 | baseConfig: {
70 | "ecmaFeatures": {
71 | "jsx": true
72 | }
73 | }
74 | }))
75 | .pipe(eslint.format())
76 | // .pipe(eslint.failAfterError())
77 | .pipe(buffer()) // <----- convert from streaming to buffered vinyl file object
78 | .pipe(uglify().on('error', gutil.log))
79 | .pipe(rename('bundle.js'))
80 | .pipe(gulp.dest('./build'));
81 | console.log('Updated!', (Date.now() - updateStart) + 'ms');
82 | })
83 | .bundle() // Create the initial bundle when starting the task
84 | .on('error', handleErrors)
85 | .pipe(source('./src/app.js'))
86 | .pipe(eslint({
87 | baseConfig: {
88 | "ecmaFeatures": {
89 | "jsx": true
90 | }
91 | }
92 | }))
93 | .pipe(eslint.format())
94 | // .pipe(eslint.failAfterError())
95 | .pipe(buffer()) // <----- convert from streaming to buffered vinyl file object
96 | .pipe(uglify().on('error', gutil.log))
97 | .pipe(rename('bundle.js'))
98 | .pipe(gulp.dest('./build'));
99 | });
100 |
101 | var lintFunction = stylelint('./assets/css/**/*.scss', {});
102 |
103 | gulp.task('scssLint', lintFunction);
104 |
105 | gulp.task('sass', function(){
106 | return gulp.src('./assets/css/**/*.scss')
107 | .pipe(sass()) // Using gulp-sass
108 | .pipe(gulp.dest('./assets/css'))
109 | });
110 |
111 | gulp.task('watch', ['bundlingWatch', 'copyjsanduswds', 'scssLint', 'sass'], function() {
112 | gulp.watch('./src/**/*.js', function(){
113 | gulp.run('bundling');
114 | });
115 | });
116 |
117 | gulp.task('default', ['bundling', 'copyjsanduswds', 'scssLint', 'sass'], function(){});
118 |
--------------------------------------------------------------------------------
/app/src/questions/08_special_requirements.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var StateMixin = require("../state_mixin");
3 | var EditBox = require("../edit_box");
4 |
5 | var STATES = [
6 | "accessibility",
7 | "nonDisclosure",
8 | "orderOfPrecedence",
9 | "security",
10 | "smallBusinessStatus",
11 | "titleToMaterials",
12 | "useOfData",
13 | "federalHolidays",
14 | "conflictOfInterest",
15 | "commercialSoftware",
16 | ];
17 |
18 | var SpecialRequirements = React.createClass({
19 | mixins: [StateMixin],
20 | getInitialState: function() {
21 | var initialStates = getStates(STATES);
22 | initialStates["addRequirement"] = false;
23 | initialStates["requirementsData"] = [];
24 | initialStates["title"] = "";
25 | initialStates["text"] = "";
26 | return initialStates;
27 | },
28 | componentDidMount: function() {
29 | var rfqId = getId(window.location.hash);
30 | getCustomComponents(rfqId, 8, function(data){
31 | var newStates = {};
32 | for (i=0; i < data['data'].length; i++){
33 | var requirement = data['data'][i];
34 | newStates[requirement['name']] = requirement['text'];
35 | }
36 | this.setState( newStates );
37 | this.setState({requirementsData: data["data"]});
38 | }.bind(this));
39 | },
40 | addRequirement: function() {
41 | if (this.state.addRequirement){
42 | // check to see if info has been filled in
43 | if (this.state.title.length > 0 && this.state.text.length > 0){
44 | var rfqId = getId(window.location.hash);
45 | var requirementData = {};
46 | requirementData["title"] = this.state.title;
47 | requirementData["text"] = this.state.text;
48 |
49 | // save the data and update state to include new component
50 | createComponent(requirementData, rfqId, 8, function(data){
51 | console.log(data);
52 | this.setState({
53 | addRequirement: false,
54 | title: "",
55 | text: "",
56 | });
57 | }.bind(this));
58 | location.reload();
59 | }
60 | else {
61 | alert("Please fill out the title and text components of the form before saving the new role.");
62 | }
63 | }
64 | else {
65 | this.setState({ addRequirement: true });
66 | }
67 | },
68 | cancelAddRequirement: function() {
69 | this.setState( {addRequirement: false });
70 | },
71 | save: function(cb) {
72 | var data = {};
73 |
74 | for (i=0; i < STATES.length; i++){
75 | var stateName = STATES[i];
76 | data[stateName] = this.state[stateName];
77 | }
78 |
79 | var rfqId = getId(window.location.hash);
80 | put_data(8, "custom_component", rfqId, data, cb);
81 | },
82 | render: function() {
83 | var requirements = [];
84 | for (i=0; i < this.state.requirementsData.length; i++){
85 | var role = this.state.requirementsData[i];
86 |
87 | requirements.push(
88 |
61 | : null}
86 |
87 |
88 |
92 |
95 | : null}
96 |
97 | Welcome to the Agile Solicitation Builder, formerly the Playbook in Action! Before you begin, please consider the following:
62 |
63 |
82 | {(rfqs.length > 0)? -
64 |
- The intent of this tool is to assist in the creation of requirements documents 65 | for agile software development using best practices from the USDS 66 | Playbook and TechFAR. 67 | 68 |
- The PM and the CO should use this tool jointly in partnership. Certain pages will only be applicable to only the CO or the PM. 69 | 70 |
- V1 is for firm fixed price contracts only. The firm fixed price will be per iteration. 71 |
- This tool is not built to support waterfall development requirements documents. 72 | 73 |
- All documents should be approved by a warranted contracting officer and in consultation with your legal counsel as required. 74 |
Also please note that this product is only in alpha, therefore any of the following may occur:
76 |-
77 |
- Content may unexpectedly change 78 |
- Documents you have created may be deleted without warning 79 |
- Certain pages may not always be functioning. We recommend you refresh the page if this happens 80 |
Resume RFQ
83 | -
84 | {rfqs}
85 |
88 |
89 |
96 |
97 |
98 | );
99 | }
100 | return (
101 | {role['title']}
90 |
91 |
102 |
120 | );
121 | },
122 | });
123 |
124 |
125 | module.exports = SpecialRequirements;
--------------------------------------------------------------------------------
/app/src/request.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 |
3 | // Dependencies
4 |
5 | // Bootstrap
6 | var Nav = require('react-bootstrap').Nav;
7 | var NavItem = require('react-bootstrap').NavItem;
8 |
9 | // Router stuff
10 | var Link = require('react-router').Link;
11 | var IndexLink = require('react-router').IndexLink;
12 | var History = require('react-router').History;
13 |
14 | // Custom elements
15 | var questionList = require('./question_list');
16 |
17 | var Sidebar = React.createClass({
18 | mixins: [History],
19 |
20 | propTypes: {
21 | rfpId: React.PropTypes.string.isRequired,
22 | currentPage: React.PropTypes.string.isRequired,
23 | width: React.PropTypes.number.isRequired,
24 | },
25 |
26 | componentDidMount: function() {
27 | // Make menu affixed
28 | // $("#sidenav").affix({
29 | // offset: {
30 | // top: 93,
31 | // }
32 | // });
33 | $('.menu-btn, .overlay, .sliding-panel-close').on('click touchstart',function (e) {
34 | $('.sidenav, .overlay').toggleClass('is-visible');
35 | e.preventDefault();
36 | });
37 | },
38 | handleFollowLink: function(e) {
39 | e.preventDefault();
40 | this.props.onChange(function(){
41 | // @TODO error if page doesn't save
42 | var link = e.target.getAttribute("href");
43 | this.history.pushState(null, link, null);
44 | }.bind(this));
45 | },
46 | render: function() {
47 | var baseURL = "/rfp/" + this.props.rfpId;
48 |
49 | // var prefixLinks = [{link: "/rfp", title: "Overview"}];
50 | var postfixLinks = [{link: baseURL+"/results", title: "Results"}];
51 |
52 | // Generate subpages
53 | var questionLinks = questionList.map(function(question) {
54 | return {
55 | link: baseURL+"/question/"+question.code,
56 | title: question.title,
57 | };
58 | });
59 | var subpages = questionLinks.concat(postfixLinks);
60 |
61 | var links = subpages.map(function(subpage, i) {
62 | var active = (subpage.link == this.props.currentPage);
63 | return (
64 | Special Contract Requirements
103 | The content in this section is typically decided upon by the CO.
104 |
105 | {requirements}
106 |
107 | {this.state.addRequirement?
108 |
109 |
116 | :
117 | }
118 |
119 |
110 |
111 |
112 |
113 |
114 |
115 |
144 |
153 | );
154 | },
155 | });
156 |
157 | //
158 |
159 | module.exports = Request;
160 |
--------------------------------------------------------------------------------
/app/src/questions/07_government_roles.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var StateMixin = require("../state_mixin");
3 | var EditBox = require("../edit_box");
4 |
5 | var STATES = [
6 | "stakeholderIntro",
7 | "contractingOfficer",
8 | "contractingOfficerRepresentative",
9 | "productOwner",
10 | "endUsers",
11 | ];
12 |
13 | var ContractingOfficer = React.createClass({
14 | mixins: [StateMixin],
15 |
16 | save: function(cb) {
17 | var data = {};
18 | var rfqId = getId(window.location.hash);
19 |
20 | // this skips stakeholderIntro
21 | for (i=1; i < STATES.length; i++){
22 | var stateName = STATES[i];
23 | data[stateName] = this.state[stateName];
24 | }
25 | // save stakeholderIntro
26 | put_data(7, "custom_component", rfqId, data, cb);
27 | put_data(7, 'get_content', rfqId, {'stakeholderIntro': this.state.stakeholderIntro}, cb);
28 |
29 | },
30 | getInitialState: function() {
31 | var initialStates = getStates(STATES);
32 | initialStates["addRole"] = false;
33 | initialStates["title"] = "";
34 | initialStates["text"] = "";
35 | initialStates["rolesData"] = [];
36 | return initialStates;
37 | },
38 | componentDidMount: function() {
39 | var rfqId = getId(window.location.hash);
40 | get_data(7, rfqId, function(content){
41 | var componentStates = getComponents(content["data"]);
42 | this.setState( componentStates );
43 | }.bind(this));
44 | getCustomComponents(rfqId, 7, function(data){
45 | var newStates = {};
46 | for (i=0; i < data['data'].length; i++){
47 | var role = data['data'][i];
48 | newStates[role['name']] = role['text'];
49 | }
50 | this.setState( newStates );
51 | this.setState({rolesData: data["data"]});
52 | }.bind(this));
53 | },
54 | addRole: function() {
55 | if (this.state.addRole){
56 | // check to see if info has been filled in
57 | if (this.state.title.length > 0 && this.state.text.length > 0){
58 | var rfqId = getId(window.location.hash);
59 | var roleData = {};
60 | roleData["title"] = this.state.title;
61 | roleData["text"] = this.state.text;
62 |
63 | // save the data and update
64 | createComponent(roleData, rfqId, 7, function(data){
65 | this.setState({
66 | addRole: false,
67 | title: "",
68 | text: "",
69 | });
70 | }.bind(this));
71 | location.reload();
72 | }
73 | else {
74 | alert("Please fill out the title and text components of the form before saving the new role.");
75 | }
76 | }
77 | else {
78 | this.setState({ addRole: true });
79 | }
80 | },
81 | cancelAddRole: function() {
82 | this.setState({ addRole: false});
83 | },
84 | render: function() {
85 | var roles = [];
86 | for (i=0; i < this.state.rolesData.length; i++){
87 | var role = this.state.rolesData[i];
88 | roles.push(
89 |
145 | {this.renderChildren()}
146 |
147 |
148 |
149 |
152 |
90 |
97 |
98 |
99 | );
100 | }
101 |
102 | return (
103 | {role['title']}
91 |
92 |
104 |
112 |
113 |
114 | {roles}
115 |
116 | {this.state.addRole?
117 |
130 | );
131 | },
132 | });
133 |
134 |
135 | module.exports = ContractingOfficer;
--------------------------------------------------------------------------------
/server.py:
--------------------------------------------------------------------------------
1 | #!/usr/bin/python -tt
2 | # -*- coding: utf-8 -*-
3 | import os, sys
4 | import shutil
5 | import config
6 | import logging
7 | from io import BytesIO
8 | import base64
9 |
10 | from flask import Flask, send_from_directory, send_file, g, request, jsonify
11 | from urllib.parse import urlparse, urlunparse
12 | from waitress import serve
13 | port = os.getenv("PORT") or 5000
14 | from flask_restful import Api
15 | from flask_sqlalchemy import SQLAlchemy
16 |
17 | from flask_cli import FlaskCLI
18 | from sqlalchemy import create_engine
19 | from sqlalchemy.engine import reflection
20 |
21 | import create_document
22 | from models import User, Base, Agency, session, engine
23 | from seed import agencies
24 | from resources import auth, Users, Agencies, Data, Deliverables, Clin, CustomComponents, Create, DeleteRFQ
25 |
26 | logger = logging.getLogger('waitress')
27 | logger.setLevel(logging.INFO)
28 |
29 | # set the project root directory as the static folder, you can set others.
30 | app = Flask(__name__, static_folder='app')
31 | FlaskCLI(app)
32 | app.config['APP_SETTINGS'] = config.DevelopmentConfig
33 | # app.config.from_object(os.environ['APP_SETTINGS'])
34 | db = SQLAlchemy(app)
35 | api = Api(app, prefix="/api")
36 |
37 | api.add_resource(Users, '/users')
38 | api.add_resource(Agencies, '/agencies')
39 | api.add_resource(Data, '/get_content/Roles and Responsibilities
105 | The content in this section should be decided upon by both the PM and the CO.
106 |
107 |
118 |
125 | :
126 | }
127 |
128 |
119 |
120 |
121 |
122 |
123 |
124 | You may also add elaborate on these roles, or add additional roles in the generated RFQ.
129 |
44 |
54 |
55 |
56 |
88 |
89 |
90 |
135 |
136 |
137 | );
138 | },
139 | });
140 |
141 |
142 | module.exports = Inspection;
--------------------------------------------------------------------------------
/app/assets/css/style.css:
--------------------------------------------------------------------------------
1 | .Popover-body {
2 | display: inline-flex;
3 | flex-direction: column;
4 | padding: 2rem 4rem;
5 | background: #454545;
6 | color: white;
7 | border-radius: 0.3rem; }
8 |
9 | .Popover-tipShape {
10 | fill: #454545; }
11 |
12 | .menu-btn {
13 | padding: 1.5rem null;
14 | float: left;
15 | margin-top: -4px;
16 | color: #ffffff;
17 | background-color: #0071bc;
18 | font-size: 1.5rem;
19 | width: 15%;
20 | text-align: center; }
21 | @media all and (850px) {
22 | .menu-btn {
23 | display: none; } }
24 | .menu-btn:hover {
25 | text-decoration: none;
26 | color: #ffffff;
27 | background-color: #205493; }
28 | .menu-btn:visited {
29 | color: #ffffff; }
30 |
31 | .overlay {
32 | background: #000000;
33 | opacity: 0;
34 | visibility: hidden;
35 | z-index: 9999; }
36 | .overlay.is-visible {
37 | visibility: visible; }
38 |
39 | .sidenav {
40 | width: 250px;
41 | border-right: 1px solid #aeb0b5;
42 | padding: 5rem 3rem 3rem 3rem;
43 | overflow: auto;
44 | display: none;
45 | z-index: -1; }
46 | @media (max-width: 850px) {
47 | .sidenav.menu-content {
48 | background: #ffffff;
49 | -webkit-overflow-scrolling: touch;
50 | overflow-y: auto;
51 | z-index: 999999;
52 | display: block; } }
53 | .lt-ie9 .sidenav {
54 | width: 25%; }
55 | .sidenav .usa-sidenav-sub_list {
56 | display: none; }
57 | @media screen and (min-width: 850px) {
58 | .sidenav {
59 | display: block; } }
60 |
61 | .visual-style .sidenav .visual-style-sublist {
62 | display: block; }
63 | .visual-style .sidenav .visual-style-sublist ul {
64 | display: block; }
65 |
66 | .form-controls .sidenav .form-controls-sublist {
67 | display: block; }
68 |
69 | .form-templates .sidenav .form-templates-sublist {
70 | display: block; }
71 |
72 | .footers .sidenav .footers-sublist {
73 | display: block; }
74 |
75 | .header {
76 | border-bottom: solid 1px #aeb0b5;
77 | margin-bottom: 15px; }
78 |
79 | .term {
80 | font-weight: 500; }
81 |
82 | .mount {
83 | font-family: 'Source Sans Pro', sans-serif;
84 | font-weight: 400;
85 | font-size: 16px;
86 | line-height: 1.5em/26px; }
87 | .mount input {
88 | font-size: 15px; }
89 | .mount select {
90 | font-size: 15px; }
91 | .mount textarea {
92 | font-size: 16px; }
93 |
94 | .nav > li > a {
95 | padding: 7px 15px; }
96 |
97 | a {
98 | color: #0071bc; }
99 |
100 | h1 {
101 | font-family: 'Merriweather', serif;
102 | font-weight: 700;
103 | font-size: 25px;
104 | line-height: 1.3em/26px;
105 | color: #5b616b; }
106 |
107 | .affix {
108 | position: fixed; }
109 |
110 | form .usa-grid {
111 | margin-left: -30px; }
112 |
113 | .edit {
114 | color: #337ab7;
115 | cursor: pointer;
116 | cursor: hand; }
117 |
118 | .edit-box .edit-content > *:first-child {
119 | margin-top: 0; }
120 |
121 | .edit-box .edit-content > *:last-child {
122 | margin-bottom: 0; }
123 |
124 | button .add {
125 | margin-bottom: 10px; }
126 |
127 | .clin {
128 | border: 1px solid; }
129 |
130 | .fake-table {
131 | margin-top: 5px;
132 | margin-bottom: 10px; }
133 |
134 | .row {
135 | border-top: 0; }
136 |
137 | .btn-toolbar {
138 | margin-top: 20px; }
139 |
140 | .table-content {
141 | margin-top: 5px;
142 | margin-bottom: 5px; }
143 |
144 | .yes-no {
145 | margin-right: 5px;
146 | margin-left: 5px; }
147 |
148 | .table-wrapper {
149 | border: solid 1px; }
150 |
151 | .page-heading {
152 | font-family: 'Merriweather', serif;
153 | font-weight: 700;
154 | font-size: 30px;
155 | margin-bottom: 5px;
156 | line-height: 1.3em/26px;
157 | color: #212121; }
158 |
159 | .section-heading {
160 | font-weight: 700;
161 | font-family: 'Merriweather', serif;
162 | font-size: 20px;
163 | line-height: 1.3em/22px; }
164 |
165 | .sub-heading {
166 | color: #205493;
167 | font-weight: 700;
168 | margin: 25px 0 10px 0;
169 | font-family: 'Merriweather', serif;
170 | font-size: 20px;
171 | line-height: 1.3em/22px; }
172 |
173 | .question {
174 | margin: 5vh auto; }
175 |
176 | .question-text {
177 | margin: 25px 0 5px 0;
178 | font-size: 16px;
179 | font-family: 'Merriweather', serif;
180 | color: #323a45;
181 | font-weight: 700; }
182 |
183 | .question-description {
184 | font-style: italic;
185 | margin: 0 0 10px 0;
186 | font-size: 95%; }
187 |
188 | .responder-instructions {
189 | font-style: italic;
190 | margin-bottom: 10px;
191 | font-size: 95%; }
192 |
193 | .resulting-text {
194 | font-family: 'Times', serif;
195 | border: solid 3px #aeb0b5;
196 | font-weight: 500;
197 | font-size: 105%;
198 | color: #212121;
199 | background-color: #ffffff;
200 | padding: 5px;
201 | margin-bottom: 10px; }
202 |
203 | .edit-box {
204 | margin: 5px 0 10px 0; }
205 |
206 | .short-response {
207 | width: 150px; }
208 |
209 | .usa-width-one-sixth.sidebar-nav {
210 | margin-left: 28px; }
211 |
212 | .medium-response {
213 | width: 300px; }
214 |
215 | .long-response {
216 | width: 100%; }
217 |
218 | .additional-clin {
219 | max-width: none; }
220 |
221 | textarea {
222 | max-width: none;
223 | height: auto;
224 | margin: 10px 0; }
225 |
226 | .usa-disclaimer {
227 | background-color: #f1f1f1;
228 | font-size: 15px;
229 | padding: 5px;
230 | margin: -8px -23px 0 -23px; }
231 |
232 | .guidance-text {
233 | margin: 0 0 10px 0; }
234 |
235 | .usa-disclaimer-official {
236 | padding-left: 15px; }
237 |
238 | .usa-flag_icon {
239 | margin: 0 5px 0 15px; }
240 |
241 | .usa-disclaimer-stage {
242 | float: right;
243 | padding-right: 15px; }
244 |
245 | .top-right-auth-button {
246 | float: right; }
247 |
248 | .Popover-body {
249 | display: inline-flex;
250 | flex-direction: column;
251 | padding: 2rem 4rem;
252 | background: white;
253 | color: black;
254 | border-radius: 0.3rem;
255 | border: 1px solid #888;
256 | box-shadow: 10px 10px 25px #555;
257 | width: 400px; }
258 |
259 | .Popover-tipShape {
260 | fill: black; }
261 |
262 | @media screen and (min-width: 600px) and (max-width: 1200px) {
263 | .side-bar {
264 | display: none !important; } }
265 |
--------------------------------------------------------------------------------
/app/src/request_overview.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var StateMixin = require("./state_mixin");
3 |
4 | // Bootstrap
5 | var Button = require('react-bootstrap').Button;
6 |
7 | // Router stuff
8 | var Link = require('react-router').Link;
9 |
10 | // "Contact": "a new purchase under FAR 15 (Contract)",
11 | var DOC_TYPES = {
12 | "Purchase Order": "a new purchase under FAR 13 (Purchase Order)",
13 | "Task Order": "being issued off an existing Indefinite Delivery Indefinite Quantity (ID/IQ) (Task Order)",
14 | "Call": "being ordered off an existing Blanket Purchase Agreement (BPA) (Call)",
15 | };
16 |
17 | var SETASIDES = {
18 | "Small Business": "Small Business",
19 | "8(a) Business Development Participants": "8(a) Business Development Participants",
20 | "HUBZone Small Business Concerns": "HUBZone Small Business Concerns",
21 | "Service-disabled Veteran-owned Small Business Concerns": "Service-disabled Veteran-owned Small Business Concerns",
22 | "Economically Disadvantaged Women-owned Small Business Concerns": "Economically Disadvantaged Women-owned Small Business Concerns",
23 | "The Women-Owned Small Business Program": "The Women-Owned Small Business Program",
24 | "none": "None of the above",
25 | };
26 |
27 | // IDIQ & BPA require
28 | // This is an RFQ for the alliant BPA #XXXXX
29 | // This is an RFQ for an award under ID/IQ #XXXXX
30 |
31 | var RequestOverview = React.createClass({
32 | mixins: [StateMixin],
33 | getInitialState: function() {
34 | return {
35 | docType: "",
36 | agency: "",
37 | setaside: "none",
38 | baseNumber: "",
39 | baseNumberNeeded: false,
40 | programName: "",
41 | agencies: [],
42 | };
43 | },
44 | componentDidMount: function() {
45 | getAgencies(function(content){
46 | this.setState({ agencies: content["data"] });
47 | }.bind(this));
48 | },
49 | handleCreateRFQ: function() {
50 | createRFQ({
51 | doc_type: this.state.docType,
52 | agency: this.state.agency,
53 | setaside: this.state.setaside,
54 | base_number: this.state.baseNumber,
55 | program_name: this.state.programName,
56 | }, function(data) {
57 | // TODO add error handler
58 | var rfqId = data.id;
59 | var url = '#/rfp/' + rfqId + '/question/1';
60 | window.location.replace(url);
61 | });
62 | },
63 | updateDocType: function(event) {
64 | var base = false;
65 | var value = event.target.value;
66 | if (value === "Task Order" || value === "Call"){
67 | base = true;
68 | }
69 | this.setState({
70 | docType: event.target.value,
71 | baseNumberNeeded: base,
72 | });
73 | },
74 | render: function() {
75 | // Create the agency names list
76 | var agencyNameOptions = [(
77 |
78 | )];
79 | for (i=0; i < this.state.agencies.length; i++) {
80 | var agency = this.state.agencies[i];
81 | agencyNameOptions.push(
82 |
83 | );
84 | }
85 |
86 | // Create the doc type radio list
87 | var docTypeOptions = [];
88 | for(var key in DOC_TYPES) {
89 | docTypeOptions.push(
90 | Inspection, Acceptance, Delivery, Transition
45 | The content in this section should be decided on by both the CO and the PM.
46 |
47 | Overview
48 |
49 | Delivery & Timing
57 |
58 |
59 |
66 |
67 |
68 |
69 | Government Acceptance
60 |
61 |
70 |
77 |
78 |
79 |
80 | Notice Regarding Late Delivery
71 |
72 | Delivering Deliverables
81 | The US Digital Service Playbook strongly recommends the use of a version control system such as Github, or similar for storing code and system documentation.
82 |
83 |
91 |
125 |
126 |
127 |
128 | Is your team currently using a collaborative workspace?
92 | Ex: Sharepoint, JIRA, Rally, Google Drive, Box, etc.
93 |
94 |
107 |
108 | The contractor will work with the PM and CO to establish a collaborative workspace that is acceptable for both parties.
109 | {(this.state.workspaceExists == "yes")?
110 |
111 |
117 | : null
118 | }
119 |
120 | What workspace are you currently using?
112 |
113 | {(this.state.workspaceName.length > 0)?
114 | Currently the government team is using {this.state.workspaceName}.
: null
115 | }
116 | Transition Activities
129 |
130 |
118 |
167 | );
168 | },
169 | });
170 |
171 | module.exports = RequestOverview;
--------------------------------------------------------------------------------
/app/src/questions/04_personnel.js:
--------------------------------------------------------------------------------
1 | var React = require('react');
2 | var StateMixin = require("../state_mixin");
3 | var EditBox = require("../edit_box");
4 |
5 | var STATES = [
6 | "keyPersonnelIntro",
7 | "performanceWorkStatement",
8 | "keyPersonnelRequirements",
9 | "evaluateKeyPersonnel",
10 | "notEvaluateKeyPersonnel",
11 | "clearanceRequired",
12 | "onSiteRequired",
13 | ];
14 |
15 | var CLEARANCE_LEVELS = ["None", "Confidential", "Secret", "Top Secret"];
16 |
17 | var Requirement = React.createClass({
18 | mixins: [StateMixin],
19 | save: function(cb) {
20 | var data = {};
21 |
22 | for (i=0; i < STATES.length; i++){
23 | var stateName = STATES[i];
24 | data[stateName] = this.state[stateName];
25 | }
26 | var rfqId = getId(window.location.hash);
27 | put_data(4, "get_content", rfqId, data, cb);
28 | },
29 | getInitialState: function() {
30 | var initialStates = getStates(STATES);
31 | return initialStates;
32 | },
33 | componentDidMount: function() {
34 | var rfqId = getId(window.location.hash);
35 | get_data(4, rfqId, function(content){
36 | var componentStates = getComponents(content["data"]);
37 | this.setState( componentStates );
38 | }.bind(this));
39 | },
40 | render: function() {
41 | var clearance_options = [];
42 | for (i=0; i < CLEARANCE_LEVELS.length; i++){
43 | var level = CLEARANCE_LEVELS[i];
44 | clearance_options.push(
45 |
119 |
166 | Preliminary Questions
120 | These questions are typically answered by the CO.
121 |
122 | We'll ask you some questions to understand what you want to build, 123 | and then let you download the generated documents.
124 | 125 |
126 |
131 |
132 | To begin, what agency is this for?
127 |
130 |
133 |
136 |
137 | Program Name:
134 |
135 |
138 |
146 |
147 | {this.state.baseNumberNeeded?
148 | This will be ...
139 |
145 |
149 |
152 | : null}
153 |
154 | Vehicle Name:
150 | 151 |
155 |
163 |
164 |
165 | Do you intend to set aside this acquisition for any of the following under FAR part 19?
156 |
162 |
54 |
62 |
63 |
64 |
155 | );
156 | },
157 | });
158 |
159 |
160 | module.exports = Requirement;
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | #This repository is archived and deprecated. Please see the [USDS Agile Solicitation Builder](https://github.com/usds/agile-solicitation-builder) for current updates.
2 |
3 |
4 | [](https://waffle.io/18F/agile-solicitation-builder)
5 |
6 | *Master:*
7 | [](https://travis-ci.org/18F/agile-solicitation-builder)
8 |
9 | ## About Agile Solicitation Builder (Formerly Playbook in Action)
10 | The intent of this tool is to assist in the creation of requirements documents for agile software development using best practices from the USDS Playbook and TechFAR. In the alpha release the tool can help Contracting Officer working with Program Managers develop an RFQ for a firm-fixed price procurement.
11 |
12 |
13 | ### Local Installation
14 | Clone the repository
15 | ```
16 | git clone https://github.com/18F/agile-solicitation-builder.git
17 | ```
18 | ### Flask app
19 |
20 | Create a [virtual environment](https://github.com/yyuu/pyenv-virtualenvwrapper) with `Python 3.5.1`
21 | To create a virtualenv setup on mac check out [this gist](https://gist.github.com/lauraGgit/06204a1bdf297ce5e08788364b0b47e0).
22 |
23 | ```
24 | # pyenv install 3.5.1
25 | pyenv local 3.5.1
26 | mkvirtualenv asb
27 | pip install -r requirements.txt
28 | ```
29 |
30 | ### Create the database.
31 | If you do not have postgresql installed run:
32 | ```
33 | brew install postgres
34 | initdb /usr/local/var/postgres
35 | ```
36 |
37 | To create an app database run:
38 | ```
39 | createdb your_database_name
40 | export DATABASE_URL=postgresql://localhost/your_database_name
41 | ```
42 |
43 | Replacing `your_database_name` with the db you'd like.
44 |
45 | You can then seed the database by running:
46 | ```
47 | flask -a server.py seed_db
48 | ```
49 |
50 | ### Install the Front end.
51 | If you plan on developing the front-end, make sure you have npm installed (`brew install npm`). Then run:
52 | ```
53 | cd app
54 | npm install
55 | npm install -g gulp
56 | gulp
57 | cd ..
58 | ```
59 |
60 | ### Start the app
61 | From the root directory of the project run
62 | ```
63 | python server.py
64 | ```
65 |
66 |
67 | ## Further Development
68 |
69 | ##### Watching changes
70 | When performing any front-end changes please run `gulp developing`.
71 |
72 | ##### Adding a new page
73 |
74 | To add a new "questions" page (all pages are listed in the right sidebar):
75 | * Create a new file in the [questions](https://github.com/18F/playbook-in-action/tree/master/app/src/questions) folder.
76 |
77 | * See [`XX_sample.js`](https://github.com/18F/playbook-in-action/blob/master/app/src/questions/XX_sample.js) to get an idea of what needs to be included in a page.
78 |
79 | 1. Update the states to reflect the data fields you would like to collect on the page. (On line 6)
80 |
81 | 2. Update the page number to order in the questions list on line 12. (This will need to match the custom components in the backend)
82 |
83 | 3. Update the name of the `React class` (line 14) to `ComponentName` (reflecting your component) and change that to the same on line 74.
84 |
85 | 4. Update the render function to reflect your states that need to be changed, and add additional components as needed. (Lines 55-70)
86 |
87 | * To make the page visible in and accessible from the side bar you must add it to [`question_list.js`](https://github.com/18F/playbook-in-action/blob/master/app/src/question_list.js).
88 |
89 | * Make sure you have run `gulp` or are running `gulp developing` to update the resulting javascript file.
90 |
91 | * Update the `create_document.py` file.
92 | 1. Add a function to add the custom text:
93 | ```
94 | def component_name(document, rfq):
95 | document.add_heading("XX. Name of Section", level=BIG_HEADING)
96 | component_name = session.query(ContentComponent).filter_by(document_id=rfq.id).filter_by(section=XX).first()
97 | document.add_paragraph(component_name.text)
98 |
99 | return document
100 | ```
101 | Add additional dictionary in the content_components list in `seed.py`, for each additional field (state on the front end)
102 |
103 | You will likely need to run seed.py or add sample text to the database to prevent API errors. In the future, these errors will be handled.
104 |
105 | 2. and add a line in the `create_document` function
106 |
107 | ```
108 | document = component_name(document, rfq)
109 | ```
110 | 3. Add the section to the `section` array in the `overview` function
111 |
112 | ##### Removing an existing page
113 |
114 | * Delete the corresponding page file from the [questions](https://github.com/18F/playbook-in-action/tree/master/app/src/questions) folder
115 |
116 | * Remove the reference to the question from [`question_list.js`](https://github.com/18F/playbook-in-action/blob/master/app/src/question_list.js).
117 |
118 | * Remove the reference from seed.py.
119 |
120 | * Remove the function from the `create_document.py` file and the `create_document` function of the same file, and from the `section` variable in the `overview` function.
121 |
122 | ##### Modifying the content
123 |
124 | Content that can be modified is created in seed.py. There are 3 types of content, ContentComponents, CustomComponents, and Deliverables. Content types are declared in [`models.py`](https://github.com/18F/agile-solicitation-builder/blob/master/models.py).
125 |
126 | To remove content you need to both remove the content object from seed.py and if it is referenced by name on a page you need to remove that reference. CustomComponents are not referenced individually so this second step is not necessary.
127 |
128 | Please note that any documents created prior to the removal or addition of new content will be incompatible and will break the site so they should be deleted as soon as the changes go live.
129 |
130 | ##### The API
131 |
132 | The code for the API can be found in [`server.py`](https://github.com/18F/agile-solicitation-builder/blob/master/server.py). Each "questions" page (found in the "questions" folder) calls a function in [`helpers.js`](https://github.com/18F/agile-solicitation-builder/blob/master/app/helpers.js). which in turn sends an ajax request to `server.py` which sends the request to the database.
133 |
134 | ##### Creating a Word Document
135 |
136 | This is managed in the file [`create_document.py`](https://github.com/18F/agile-solicitation-builder/blob/master/create_document.py). Currently everything is added to the document manually.
137 |
138 | ##### Node Dependencies
139 | This project uses the following node modules:
140 |
141 | - babel-preset-react
142 | - babelify
143 | - browserify
144 | - gulp
145 | - gulp-notify
146 | - gulp-rename
147 | - history
148 | - react
149 | - react-bootstrap
150 | - react-dom
151 | - react-flexbox
152 | - react-router
153 | - reactify
154 | - vinyl-source-stream
155 | - watchify
156 |
157 |
158 | ### Public domain
159 |
160 | This project is in the worldwide [public domain](LICENSE.md). As stated in [CONTRIBUTING](CONTRIBUTING.md):
161 |
162 | > This project is in the public domain within the United States, and copyright and related rights in the work worldwide are waived through the [CC0 1.0 Universal public domain dedication](https://creativecommons.org/publicdomain/zero/1.0/).
163 | >
164 | > All contributions to this project will be released under the CC0 dedication. By submitting a pull request, you are agreeing to comply with this waiver of copyright interest.
165 |
--------------------------------------------------------------------------------
/models.py:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env python
2 | # -*- coding: utf-8 -*-
3 | import sys, os
4 |
5 | from sqlalchemy.ext.declarative import declarative_base
6 | from sqlalchemy import Column, Integer, Text, Boolean, String, ForeignKey, create_engine
7 | from sqlalchemy.orm import sessionmaker, relationship, scoped_session
8 | from flask_sqlalchemy import SQLAlchemy
9 | from config import ProductionConfig
10 | from passlib.apps import custom_app_context as pwd_context
11 | from itsdangerous import (TimedJSONWebSignatureSerializer as Serializer, BadSignature, SignatureExpired)
12 |
13 | import seed
14 |
15 | engine = create_engine(ProductionConfig.SQLALCHEMY_DATABASE_URI)
16 | session_factory = sessionmaker(bind=engine)
17 | session = scoped_session(session_factory)
18 |
19 |
20 | Base = declarative_base()
21 |
22 | content_components = seed.content_components
23 | deliverables = seed.deliverables
24 | custom_components = seed.custom_components
25 |
26 | class User(Base):
27 | __tablename__ = 'users'
28 |
29 | id = Column(Integer, primary_key = True)
30 | username = Column(String(32), index = True)
31 | password_hash = Column(String(128))
32 |
33 | def hash_password(self, password):
34 | self.password_hash = pwd_context.encrypt(password)
35 |
36 | def verify_password(self, password):
37 | return pwd_context.verify(password, self.password_hash)
38 |
39 | def generate_auth_token(self, expiration = 600):
40 | s = Serializer(os.environ.get('SECRET_KEY', "None"), expires_in = expiration)
41 | return s.dumps({ 'id': self.id })
42 |
43 | @staticmethod
44 | def verify_auth_token(token):
45 | s = Serializer(os.environ.get('SECRET_KEY', "None"))
46 | try:
47 | data = s.loads(token)
48 | except SignatureExpired:
49 | return None # valid token, but expired
50 | except BadSignature:
51 | return None # invalid token
52 | user = session.query(User).get(data['id'])
53 | return user
54 |
55 | class Agency(Base):
56 | __tablename__ = 'agencies'
57 |
58 | id = Column(Integer, primary_key=True)
59 | full_name = Column(String, unique=True)
60 | abbreviation = Column(String, unique=True)
61 |
62 | def __repr__(self):
63 | return "Contractor Personnel
55 | These questions are typically answered by the PM.
56 |
57 | Security Clearances
65 |
66 |
67 |
76 |
77 | What is the highest level of clearance that will be required?
68 |
69 |
75 |
78 |
103 |
104 | Will any of the work be done onsite?
79 |
80 |
93 |
94 | {(this.state.clearanceRequired == "None")?
95 | Contractor personnel will not be required to have a security clearance.
:
96 | Some contractor personnel will be required to have a clearance at the level of {this.state.clearanceRequired}.
97 | }
98 | {(this.state.onSiteRequired == "yes")?
99 | An onsite presence by the contractor will be required.
:
100 | An onsite presence by the contractor will not be required.
101 | }
102 | Key Personnel Evaluation Process
105 |
106 |
107 |
143 |
144 | Do you want to require and evaluate key personnel?
108 |
109 |
122 |
123 | {(this.state.evaluateKeyPersonnel === "yes")?
124 |
125 |
131 |
132 |
:
133 | Key Personnel
126 |
134 |
139 |
140 |
141 | }
142 |
145 |
152 |
153 |
154 | Performance Work Statement
146 |
147 |
142 |
149 |
150 |
151 | )
152 | selected_deliverables_strings.push(deliverable['display'].toLowerCase());
153 | }
154 | deliverables_options.push(
155 | {deliverable['display']}
143 |
144 |
205 |
213 |
214 |
215 |
369 |
370 |
371 |
460 | );
461 | },
462 | });
463 |
464 | // Statement of Objectives
206 | These questions are typically answered by the PM.
207 |
208 |
216 |
221 |
222 | General Background
217 | Please provide several paragraphs about your project's history, mission, and current state.
218 |
219 |
220 |
223 |
228 |
229 | Program History
224 | If you have any information about the current vendors and specific technology being used please provide it here.
225 |
226 |
227 | Users
230 |
231 |
232 |
276 |
277 | Who will the primary users be?
233 |
234 |
240 |
241 | {(usersString.length > 0)?
242 |
243 |
274 | : null}
275 | The users of the product will include {usersString}.
244 |
245 |
246 |
273 | What user needs will this service address?
247 | Please list the user needs for each type of user selected above and how this service will address them.
248 |
249 | {(this.state.internal_people == "true")?
250 |
251 |
: null}
254 |
255 | {(this.state.external_people == "true")?
256 | Government Employee's Needs
252 | 253 |
257 |
: null}
260 |
261 | {(this.state.internal_it == "true")?
262 | The Public's Needs
258 | 259 |
263 |
: null}
266 |
267 | {(this.state.external_it == "true")?
268 | Internal IT Needs
264 | 265 |
269 |
: null}
272 | External IT Needs
270 | 271 |
278 |
282 |
283 | What languages is your service offered in?
279 |
280 |
281 |
284 |
298 |
299 |
300 | {(this.state.userResearchStrategy === "vendor")?
301 |
325 |
326 | What is your User Research Strategy?
285 |
286 |
292 |
293 |
302 |
323 | : null }
324 |
303 |
310 |
311 |
312 | Understand what people need
304 |
305 |
313 |
320 |
321 |
322 | Address the whole experience, from start to finish
314 |
315 | General Requirements
327 | All agile projects should follow these guidelines.
328 | 329 |
330 |
337 |
338 |
339 |
340 | Build the service using agile and iterative practices
331 |
332 |
341 |
348 |
349 |
350 |
351 | Make it simple and intuitive
342 |
343 |
352 |
359 |
360 |
361 |
362 | Use data to drive decisions
353 |
354 | Specific Tasks and Deliverables
363 |
364 |
372 |
385 |
386 | Which of the following do you anticipate your project will need?
373 | We have already checked certain components that the USDS Playbook suggests be required for all projects.
374 |
375 |
381 |
382 | The contractors are required to provide the following services: {deliverablesString}. Each deliverable has been described in more detail below. These functional Requirements will be translated into Epics and User Stories that will be used to populate the Product Backlog.
383 | {selected_deliverables}
384 | Location & Kick-Off Meeting
387 |
388 |
389 |
421 |
422 |
423 |
424 | Will you require the contractor to have a full-time working staff presence onsite at a specific location?
390 | Ex: SBA headquarters in Washington, DC
391 |
392 |
405 |
406 | {(this.state.locationRequirement === "yes")? : null}
407 |
408 |
409 | {(this.state.locationRequirement === "yes")?
410 | The contractor shall have a full-time working staff presence at {this.state.locationText}. Contractor shall have additional facilities to perform contract functions as necessary.
411 |
:
412 | The contractor is not required to have a full-time working staff presence on-site.
413 |
414 | }
415 |
416 |
425 |
459 | Will you require the contractor to attend a kick-off meeting?
426 |
432 |
433 | {(this.state.kickOffMeeting == "in-person")?
434 |
435 |
440 |
441 |
: null
442 | }
443 |
444 | {(this.state.kickOffMeeting == "remote")?
445 |
446 |
451 |
452 |
: null
453 | }
454 |
455 | {(this.state.kickOffMeeting === "none")?
456 | A formal kick-off meeting will not be required.
: null
457 | }
458 | Summary of Objectives
465 | //
466 | // to ensure the system supports interoperability, must be followed. (see section). To ensure the user interface is X, Y (playbook language)
467 | module.exports = Objective;
--------------------------------------------------------------------------------