jfoclpf / autocosts Goto Github PK

Getting started
https://www.ampproject.org/docs/tutorials/create

https://support.google.com/webmasters/answer/6340290

https://search.google.com/test/amp?id=TKN4pTK2GawOU23ZeUF9jw

You'll use PhoneGap to convert the javascript, HTML, CSS to a smartphone APP
all the app files will be stored in folder /app

you can use the alredy created project in PhoneGap
https://build.phonegap.com/apps/359804/builds

1. In PHP a folder for language files is created.
2. Each language will have only one html file, which is the merge of the three html files of layouts. A for loop in php is done where the files are created
3. In i.php on the zone of the layout, html divs are added
   <div class="form_part" id="form_part1">
<div class="form_part" id="form_part2">
<div class="form_part" id="form_part3">
4. When user changes language, the jQuery method is used to load the languages accordingly
   http://api.jquery.com/load/
   $( "#form_part1" ).load( "/lang/PT.html" )

There are some phrases starting with lowercase. like this one "if new, the price you paid...."

I'm not able to fix it using CSS only, would you tell me where can I fix those?

The result table is too big, split it in three

When the page is loading I can see both sidebars opened before the home loads, it doesn't looks good.
Screenshot: https://www.dropbox.com/s/6vdq08b5v4io4zd/loading_issue.gif?dl=0

1. The "Next" button shouldn't be seen until the user complete the field/s needed
   Not completed field
   https://www.dropbox.com/s/yi8dwh6dakp48dn/Captura%20de%20pantalla%202018-06-12%2015.08.59.png?dl=0
   Field completed ("Next" button appears)
   https://www.dropbox.com/s/4ozpkybm5a0ugzc/Captura%20de%20pantalla%202018-06-12%2015.08.43.png?dl=0--

2. Once the field/s are completed, the user would be able to go to the next question by clicking on "Next" or pressing Enter/Tab
   https://www.dropbox.com/s/l7ja2c1r09pjgap/Captura%20de%20pantalla%202018-06-12%2015.10.04.png?dl=0

3. Once the user click on "Next" or pres Enter/Tab and go to next question, the question should scroll up and and fade, so the next question should come from the bottom to be the main focus on the screen.
   https://www.dropbox.com/s/8gf6077ym62rkkk/Captura%20de%20pantalla%202018-06-12%2015.10.47.png?dl=0

4. The steps need to be synchronized with the form. These are the 3 possible states:
   Active: https://www.dropbox.com/s/8nvr1vygsqg5887/Captura%20de%20pantalla%202018-06-12%2015.13.31.png?dl=0
   Completed: https://www.dropbox.com/s/poouj15ypuz7l6x/Captura%20de%20pantalla%202018-06-12%2015.15.14.png?dl=0
   Next steps: https://www.dropbox.com/s/8sfwmxbfvf3ztmt/Captura%20de%20pantalla%202018-06-12%2015.15.45.png?dl=0

5. Once the user complete step 1 and 2, the "Calculate Cost" button should appear.
   https://www.dropbox.com/s/ay0o8utl1y8jmvv/Captura%20de%20pantalla%202018-06-12%2015.22.30.png?dl=0

6. When the site loads the first thing seen are the modals opened, it loads first. The home page should loads first

7. When a modal opens it has a weird effect that doesn't look good. It should work as this.
   https://www.dropbox.com/s/ot2cbz3m4wdpo2e/modal_animation.gif?dl=0

We'd like to have at the end a button (like "Rerun" or "Print") with the option to download the print-out report in PDF. I suppose we might use the already existent function which prints the report, but now we shall print to PDF. We'd like to have the PDF API in our site and less dependant from external sites.

This one shall be good:
http://parall.ax/products/jspdf#

On the first field MM/YYYY, the error message displayed is "Enter a value between 1910 and 3000", shouldn't it be between "1910 and current year"?

If the field value for "How many times have you taken your car for vehicle inspection?" is 0 the "Average cost per each vehicle inspection" should remain disabled, BUT if it's 1 or more the user should be able to enter the average cost per each vehicle inspection, it means the field shouldn't be disabled anymore. For some reason it's not working. Would you review it please?

https://expressjs.com/en/advanced/best-practice-performance.html

Https is already added to autocosts.info

1- first of all, make sure chrome declares it as a safe site

2- delete all cookies
https://stackoverflow.com/questions/179355/clearing-all-cookies-with-javascript
_ga etc. from Google Analytics

2 - then, make that transition into Google
https://support.google.com/webmasters/answer/6073543?hl=en
https://webmasters.stackexchange.com/questions/68435/moving-from-http-to-https-google-search-console
namely add header of Strict-Transport-Security so that http redirects to https

@mcristaldo

The steps fixed issue, has a small bug. On a certain width of the window, they overlap with the form

In the right bottom corner of the website (visitor statistics), it shall also show the number of unique users who correctly submitted the form!

I know it might be too much effort but just asking. Is it possible to have more accurate error messages?
On this one for example:

On this one it wouldn't makes sense if the user enter 0. So I'm wondering if the message could be something like: "Please enter the most accurate value as possible for better results"

Thoughts?

On the "What's your net income?" currently the user has the option to choose per: year, month, week and hour, and then base on the selection the user gets different fields. I was wondering if it would be possible to make it simpler, like this:

http://flwebsites.biz/jAlert/

Change validateform file accordingly
https://github.com/jfoclpf/autocosts/blob/master/js/validateForm.js.php

The animation/effect when the Next button appears is a bit weird. Is it possible to remove it? so the button appears just instantly with no effect?

Thanks.

Find all php that only starts with <? and replace by <?php

@mcristaldo said

Also, I think we can prevent some errors by letting the user enter only what's needed. For example in the first question Car acquisition date I'm able to enter whatever I want, but then after completing the next 2 questions the button Next doesn't appear. I think we should let the user know what the error is OR even better imo just let them put valid year.

The core function in "business logic" shall be organized to simply become a "black box"!

This method, is according with the circles/structures/hierarchy organization of code and functions!

Later on this will be very useful to obtain data from the main DB for automatic statistical analysis!

Make the step name red too

@mcristaldo can you create a favicon? Something simple and quick
Thanks

@mcristaldo

Please, create a class, or a combination of classes, for "wrong" icon, that is, when that input has wrong values. Something redish

https://serverfault.com/questions/357108/what-permissions-should-my-website-files-folders-have-on-a-linux-webserver/357109#357109

Eve, whose username might be eve, is the only user who maintains contoso.com :

chown -R eve contoso.com/
chgrp -R www-data contoso.com/
chmod -R 750 contoso.com/
chmod g+s contoso.com/
ls -l
drwxr-s--- 2 eve      www-data   4096 Feb  5 22:52 contoso.com

Once the user reaches to step 2 or 3 the big circle with the number should in active mode as the #1 circle
The class is already created, the big circles (#2, #3) need the "active" class once the user get there only

After running the calculator and showing the results, the user shall have the option of downloading the final report in pdf format.

Write a small script in PHP for /domains,
adapting .htaccess accordingly,
that lists all diferent domains, with different countries
so that you can focus on importanto domains to pay for (renew, and SSL certificates)

Example of table

autocustos.info | pt br |

etc.

When building on -l prod one can have an extra option to remove all console.log from the client/browser side code

https://stackoverflow.com/questions/20092466/can-uglify-js-remove-the-console-log-statements

Old input:

New input:

Since in the new design we do have a field to enter a completed date (DD/MM/AAAA) I changed the input type to "date" instead of having 2 fields for Month and Year. So because of that I also changed the id and name to make these more accurate.

The fields change base on options selected ($ / Kms and Yes / No)
Are all the options showing the correct fields. You know the form much better than me of course, would you double check if everything is accurate?

https://hacks.mozilla.org/2016/02/implementing-content-security-policy/

Hi @mcristaldo

when I do too much zoom out, the road of the car doesn't get aligned.
Could you kindly check?

https://play.google.com/store/apps/details?id=info.autocosts

https://validator.w3.org/nu/?doc=http%3A%2F%2Fautocustos.info%2FBR

for example, perhaps with file upload

When changing from one tab to other the animation on the fields below the tabs is too distracting, I don't think we need it.
Would it be possible to remove it?

Thank you.

The chart in app for financial effort has a problem with axis that must start with zero

Remove left margin on this question:

Once a question is completed and I click Next, the next question should be vertical centered. Now the question on focus appears too far at the bottom

the slider issue into DB
this line it's already in the webversion in js/dbFunctions.js, and slider information shall go into DB also

objectToDb.form_part3_slide1 = $('#slider1').prop('checked');

Regarding Fuel efficiency, Standard distance and Fuel volume the use may not change the standard units. This standard units should be able to be changed according to user preference, using a dropdown menu. The default unit shall be the unit already on file for each country.
https://autocosts.info/list

Calculate virtual speed using the extra data form part (3/3)
http://en.wikipedia.org/wiki/Car_costs#Virtual_Speed

1 - Find net income
2 - Find total working hours
3 - Find hourly net salary
4 - Find amount of time spent inside the car / journeys
5 - calculate virtual speed

See attached files for more info

When you select a country on the home page, the titile "Automobile costs calculator" change depending on the language, but the text below it remains in english always.
I know it would need a lot of new strings for every language, so in that case I think the title should be in english always so we're consistent, otherwise it looks a bit weird seeing the title in the language/country selected but the text below will be in english always.
What do you t

hink?

On fuel section -> miles -> no ; in the last user input field

I think it has to do with padding-left

The JS file Globals.js.hbs is rendered dynamically with handlebars. That is not safe and may cause code injection. The JS file should be fixed and its code should extract the data from html data attributes.
https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes

Create a new page with statistical analysis for different countries, with currency converted accordingly.

Vertical bars chart

It shall show a vertical bar chart, each vertical bar representing a country. Each vertical bar shall be vertically divided by different partial costs. For the charts http://www.chartjs.org/ shall be used.

Asynchronous script for populating overall costs

This shall be done using an asynchronous script that will populate a specific DB (such as the current costs tables for each country).

• The currencies shall be first all converted to EUR, according to the currency rate of the specific filling date using https://openexchangerates.org/account or http://openexchangerates.github.io/money.js/

• Then the inflation EUR correction shall be applied according to the filling date

Asynchronous script for currency conversion and Currency DB

It shall be created a new Currency DB with weekly values since 01-01-2014

Considering there is a limited number of free queries for currency conversion, it shall be built a DB with daily currency currency conversion to EUR, since the first day of submission into the costs DB. After building this DB, the script shall be run once every month to update this DB. The free plan allows 1000 requests per month. There are 45 different currencies.

To optimise the process and considering that currencies do not vary sharply amongst themselves within the time, one sample every week is sufficient. Therefore to cover an entire year 52*45=2340 requests will be needed. The weekly samples shall start in 01-01-2014. In that DB linear interpolations may be used to fill in the blanks.

Add google chart for topic
EQUIVALENT TRANSPORT COSTS, CONSIDERING YOU DON'T OWN A CAR

add charts, whose bars have all the same height, that compare costs between public transports and automobile costs