Mobifone Book Archive

Glyphicon. glyphicon-star span. glyphicon. glyphicon-star-empty span. glyphicon. glyphicon-star-empty span. reviewAuthor Charlie Chaplin small. reviewTimestamp sixteen June 2013 . col-xs-12 p It was once ok. espresso wasn't nice, however the wifi was once quick. . col-xs-12. col-md-3 p. lead Simon's cafe is on Loc8r since it has available wifi and house to sit together with your computer and get a few paintings performed. p If you have been and also you love it - or in case you do not - please depart a overview to aid folks similar to you. So that’s a good looking lengthy template, and we’ll examine how we will shorten that quickly. however the web page itself is lovely complicated and includes a lot of data, and some nested responsive columns. think how for much longer it might be if it was once written in complete HTML, notwithstanding! including a bit variety This template will glance ok because it is, yet there are a few little stylistic matters that could simply be addressed with a number of strains of CSS. after we manage the undertaking we left the default convey stylesheet the place it used to be for simply this cause, although we took all the content material out of it. The dossier is named kind. css and is within the folder public/stylesheets. input the next code snippet into the dossier and reserve it: . assessment {padding-bottom: 5px;} . panel-body. review-container {padding-top: 0;} . review-header {margin-bottom: 10px;} . reviewAuthor {margin: zero 5px;} . reviewTimestamp {color: #ccc;} With this stored, the main points web page format is whole, and you'll head over to localhost:3000/location to ascertain it out. determine four. eleven indicates how this structure seems in a browser and on a cellular equipment. your next step during this consumer trip is the upload evaluate web page, which has a lot less complicated specifications. authorized to Mark Watson 102 bankruptcy four construction a static web site with Node and show determine four. eleven four. four. 2 info web page structure on laptop and cellular units including evaluation web page it will be a stunning effortless web page. It simply relatively must carry a kind containing the user’s identify and a pair of enter fields for the ranking and overview. step one is to replace the controller to reference a brand new view. In app_server/ controllers/locations. js switch the addReview controller to take advantage of a brand new view locationreview-form, like within the following code snippet: module. exports. addReview = function(req, res){ res. render('location-review-form', { identify: 'Add overview' }); }; the second one step is to create the view itself. within the perspectives folder app_server/views create a brand new dossier referred to as location-review-form. jade. simply because this can be designed to be a clickable prototype we’re unlikely to be posting the shape information at any place, so the purpose is simply to get the motion to redirect to the main points web page that monitors the overview information. within the shape then, we’ll set the motion to be /location and the strategy to get. this may supply us the performance we want for now. the complete code for the evaluation shape web page is proven within the following directory. directory four. eight View for the upload evaluation web page, app_server/views/location-review. shape. js extends format block content material .