Add shelter button

This commit is contained in:
Dana Woodman 2017-10-10 13:59:44 -07:00
parent bfc7ae29eb
commit 1280db79be
3 changed files with 48 additions and 43 deletions

8
app.js
View File

@ -110,19 +110,19 @@ function Row({ columns, item }) {
ReactDOM.render( ReactDOM.render(
<SmartTable url="http://app.tubbsfireinfo.com/recent_news.json" />, <SmartTable url="http://app.tubbsfireinfo.com/recent_news.json" />,
document.getElementById('resource-list') document.getElementById('resource-table')
) )
ReactDOM.render( ReactDOM.render(
<SmartTable url="http://app.tubbsfireinfo.com/gas_stations.json" />, <SmartTable url="http://app.tubbsfireinfo.com/gas_stations.json" />,
document.getElementById('gas-stations') document.getElementById('gas-stations-table')
) )
ReactDOM.render( ReactDOM.render(
<SmartTable url="http://app.tubbsfireinfo.com/markets.json" />, <SmartTable url="http://app.tubbsfireinfo.com/markets.json" />,
document.getElementById('markets') document.getElementById('markets-table')
) )
ReactDOM.render( ReactDOM.render(
<SmartTable url="http://app.tubbsfireinfo.com/shelters.json" />, <SmartTable url="http://app.tubbsfireinfo.com/shelters.json" />,
document.getElementById('shelters') document.getElementById('shelters-table')
) )

View File

@ -10036,12 +10036,12 @@ function Row({ columns, item }) {
); );
} }
ReactDOM.render(React.createElement(SmartTable, { url: 'http://app.tubbsfireinfo.com/recent_news.json' }), document.getElementById('resource-list')); ReactDOM.render(React.createElement(SmartTable, { url: 'http://app.tubbsfireinfo.com/recent_news.json' }), document.getElementById('resource-table'));
ReactDOM.render(React.createElement(SmartTable, { url: 'http://app.tubbsfireinfo.com/gas_stations.json' }), document.getElementById('gas-stations')); ReactDOM.render(React.createElement(SmartTable, { url: 'http://app.tubbsfireinfo.com/gas_stations.json' }), document.getElementById('gas-stations-table'));
ReactDOM.render(React.createElement(SmartTable, { url: 'http://app.tubbsfireinfo.com/markets.json' }), document.getElementById('markets')); ReactDOM.render(React.createElement(SmartTable, { url: 'http://app.tubbsfireinfo.com/markets.json' }), document.getElementById('markets-table'));
ReactDOM.render(React.createElement(SmartTable, { url: 'http://app.tubbsfireinfo.com/shelters.json' }), document.getElementById('shelters')); ReactDOM.render(React.createElement(SmartTable, { url: 'http://app.tubbsfireinfo.com/shelters.json' }), document.getElementById('shelters-table'));
/***/ }), /***/ }),
/* 343 */ /* 343 */

View File

@ -35,6 +35,10 @@
<i class="fa fa-book mr-2"></i> <i class="fa fa-book mr-2"></i>
Resources Resources
</a> </a>
<a href="#shelters" class="btn btn-primary btn-lg mr-3 mb-3" taget="_blank">
<i class="fa fa-home mr-2"></i>
Shelters
</a>
<a href="#volunteer" class="btn btn-lg btn-info mr-3 mb-3"> <a href="#volunteer" class="btn btn-lg btn-info mr-3 mb-3">
<i class="fa fa-handshake-o mr-2"></i> <i class="fa fa-handshake-o mr-2"></i>
Volunteer Volunteer
@ -66,42 +70,11 @@
Send in new leads Send in new leads
</a> </a>
</p> </p>
<div id="resource-list"></div> <div id="resource-table"></div>
</div> </div>
</div> </div>
<div id="" class="bg-light section"> <div id="find-help" class="bg-light section">
<div class="container-fluid">
<h2 class="mb-3 text-center">
<i class="fa fa-car mr-3"></i>
Gas Stations
</h2>
<p class="lead mb-5 text-center">A list of gas stations known to be open.</p>
<div id="gas-stations"></div>
<hr class="my-5">
<h2 class="mb-3 text-center">
<i class="fa fa-cutlery mr-3"></i>
Markets
</h2>
<p class="lead mb-5 text-center">A list of markets known to be open.</p>
<div id="markets"></div>
<hr class="my-5">
<h2 class="mb-3 text-center">
<i class="fa fa-home mr-3"></i>
Shelters
</h2>
<p class="lead mb-5 text-center">A list of shelters known to be open.</p>
<div id="shelters"></div>
</div>
</div>
<div id="find-help" class="section">
<div class="container"> <div class="container">
<h2 class="text-center mb-5">Find Help</h2> <h2 class="text-center mb-5">Find Help</h2>
<div class="row"> <div class="row">
@ -128,7 +101,7 @@
</div> </div>
</div> </div>
<div id="resources" class="bg-light section"> <div id="resources" class="section">
<div class="container"> <div class="container">
<h2 class="text-center mb-5">Resources</h2> <h2 class="text-center mb-5">Resources</h2>
<div class="row"> <div class="row">
@ -147,13 +120,45 @@
Road closures map Road closures map
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div id="shelters" class="bg-light section">
<div class="container-fluid">
<h2 class="mb-3 text-center">
<i class="fa fa-home mr-3"></i>
Shelters
</h2>
<p class="lead mb-5 text-center">A list of shelters known to be open.</p>
<div id="shelters-table"></div>
</div>
</div>
<div id="gas-stations" class="section">
<div class="container-fluid">
<h2 class="mb-3 text-center">
<i class="fa fa-car mr-3"></i>
Gas Stations
</h2>
<p class="lead mb-5 text-center">A list of gas stations known to be open.</p>
<div id="gas-stations-table"></div>
</div>
</div>
<div id="markets" class="bg-light section">
<div class="container-fluid">
<h2 class="mb-3 text-center">
<i class="fa fa-cutlery mr-3"></i>
Markets
</h2>
<p class="lead mb-5 text-center">A list of markets known to be open.</p>
<div id="markets-table"></div>
</div>
</div>
<a href="https://www.google.com/maps/d/u/0/viewer?mid=1uOC_62hWq1v-zByIOr9HuLXUyTQ&ll=38.4290002157301%2C-122.71496018381544&z=12" <a href="https://www.google.com/maps/d/u/0/viewer?mid=1uOC_62hWq1v-zByIOr9HuLXUyTQ&ll=38.4290002157301%2C-122.71496018381544&z=12"
target="_blank"> target="_blank">
<img src="https://cl.ly/n0Y2/Screen%20Shot%202017-10-09%20at%208.09.36%20PM.png" <img src="https://cl.ly/n0Y2/Screen%20Shot%202017-10-09%20at%208.09.36%20PM.png"