Clock In / Out Web App - Google Sheets
HTML-код
- Опубликовано: 21 апр 2021
- Create clock in & out Web App in Google Sheets. Based on Clock In, Clock Out System w/ Google Sheets & Google Forms • Clock In, Clock Out Sy...
Sign up to get updates, practice files and code snippets eepurl.com/hwyGg1
#webapp #clockin #clockout
another master-piece of content. one TUT which covers a lot. a great feature, debugging kind of LOG-IN if I can adopt it. thank you so much sir. step by step you make my "dream" of a web app (to keep track and set a time-schedule for a little crew) become true. still a lot to learn (which I do). step by step I will hopefully get it done ;))
i hope you get paid really well to create these, because you do a good job, and you are very patient... you're a natural at making these videos.... thanks
That's a another Great Knowledge, if two features added in this web app that seems professional and perfect to use for every organization.
1. Grab Location of the user after Clock In/Clock Out
2. Popup Message after Check in and Check out "You are Successfully Check In, / Check Out"
Nice work!
I love how you explain everything.
Thanks so much for the great video!
I was able to get the web app set up and also added in a notes field and an email address field.
I was able to get the form to send a copy of the response to the email address that is inputted into the email address field. I am new to using Web Apps and my next concern is the security of the information that is being inputted into these fields, as I do not want to compromise the individual’s email address.
thank you very much, loved it specially extra bonus on how to debug.
Thanks Author for hearing me out.. 👍👍👍
THX for asking for this feature. almost the one I "need"
Hay mate, been using your tutorials heavily to create a dashboard on google web app scripts. Its been super helpful and ive made some serious progress however one thing im stuck on is pagination.
I have a lot of information that id like to have in page format, but it seems highly complex to create if its not just a static page number etc. ive gone through your videos and i havnt seen anything along these lines and was curious if you'd be able to go through it? currently using materialisecss but any form of tutorial for it would be amazing and greatly appreciated
New technique for web app. Thanks sir.
Thanks, amazing video lessons!
Great! Thanks a lot for this content. A query, can we track the location from the place they are clocking in and out, this may help if employees are working on field or project sites.
I'm using this web app for student check-in & check-outs in the front office at the school I work for. It works great, ONLY issue I'm having is getting multiple form entries because students are clicking the check-in/check-out button many times before the form fields clear. How can I prevent this from happening?
Thank you so much! I enjoy your videos, they are making my work life easier and more enjoyable!
Works well. Thank you. How to check if input field is empty and display feedback fe. please fill all form correctly etc..
This is marvelous. Thanks for the detailed explanation. This will help me complete my project.
Awesome!
@@ExcelGoogleSheets do you offer consulting services?
man, you have no idea how much are you helping me.
i wish there was a way i could pay you back.
Thank very for your help and knowledge 😀👏
Hello, thank you for this informations that you are sharing. I am gettin an call stack at code:14 it is saying that typeerror: cannot read property 'action' of undefined it looks like it unable to defined payload function.
any help please?
Really great content!!!! Thanks a lot!
great, how do you get that "form" menu btw ?
e.preventDefault that part isn't working for me at all. I need help. I have looked at your other things but I am stuck on this one section which occurred for you around 16:30. by the way redid the whole thing and same spot has same issue. Its not refreshing to the same page either
The feeling at 23:40 .."Execution complete" Euphoric ahh!!. You explain it very well I can understand it finally.. I see carrier change here. Don't wanna clean toilets all my life Took me weeks to get my head around this .. Lot of work to do this helps my businesses to the next level.. Again many thanks for this..
👍
can you create a video where there can be like a lunch break or breaks??? So that when someone is on break he/she cannot incur as the clock in for hours duration or in total hours. Per shift
hello sir, could you please upload a video for automatic data imports from sheet1 to sheet2 on daily basis in google sheet.
i tried this encoding but function (e) e.preventDefault is not working
can you help me with that?
Hi. I'm really having a problem with a spreadsheet I'm trying to make. At this point, I feel like you're the only one who can help me out. I tried to find a contact but couldn't do so.
Anyone else who knows advanced gsheets or something?
I really need help as I can't figure it out on my own!
Is there a way to make it input the information from a barcode scan?
Thank you
Great help with your videos
I'm having an error despite I've copied all the codes & steps you've done in the 1st part. (form.html & code.gs) and deployed it as web app and after that selected test deployment. But after selecting test deployment, together with the "link", there is something "Head Deployment ID" and If I select/click the URL link, all I've got is an error. Help me on this please. Thanks
Amazing video !
Great video. Would have been nice to copy and paste into your own project.
Hi Sir, Thanks for the video
I have doubt, how to add leave option?
Great lesson, please create a follow up video whereby the system will mark up absent employees at the end of the day, i know a vlook-up function enters somewhere, i just don't know where. Please and thank you.😄
I don't find metroui . which one should i use ?
how to get user location after they clock in and clock out
Another wonderful tutorial and a lot of useful stuff covered in this! I have been following all your WebApp tutorials and this is a nice addition.
If i may ask: how to go about creating a webapp that works as an Training/Attendance Management System?
What i mean is, after the trainer enters correct employee & verification code, I need him to select the date, time & topic of the training. And the webApp should display the list of participants mapped to the trainer with adjacent 2 columns of radio buttons as: 'Present' 'Absent' against each particpant name. This should be submited to a spreadsheet on success.
Is there a way to do this in GAS?
Does anyone have the actual html code? I'm having an error and can't find it
Can I get the script master?
Is there a tutorial for data from Google spreadsheets in one row when a "button" is clicked, the data becomes filled in at a blank point in the docs template that has been made to be printed?
*Sorry for my bad english
ruclips.net/video/r9uU_KwGgzQ/видео.html
Just found ur video, thanks 😂
please add the location of the user after Clock In/Clock Out
Thank you for sharing great content, but I have one question, why is this web app not running in the safari when I scan the QR code? It redirects me to the google drive page means no page found page. I am having a problem with only the iPhone safari. It can run in crome correct.
What QR code?
Great tutorial as always, can you please help in uploading files from web app to google Drive
Do you have classes?
thanks for the tutorial. i learn many videos from you.
But please help, i got a problem with clock out time, it always shows me the vlookup search outside range if i type manually. if i copy-paste from your google sheets, its not error but just empty. anyway i was try this too VLOOKUP(C2;{C3:C\B3:B};2) but no clue... i come from indonesia so we use ; instead. Thank you.
you should probably do match type VLOOKUP(C2;{C3:C\B3:B};2;0)
Can i get code for my practice
Amazinggggg!
Dear salary sheet daily wages per hour rate and over time rate plz
Data is not being added to the row after clicking on the button. Any ideas? Much appreciated
Everything is case sensitive, so make sure you match. So for example getElementById is not the same as getElementByid
Hello. Great video and wonderful explanation and tutorial. I followed all the steps and it seems to be working well on the PC that I created it on but when I go to use it on another device (mobile tablet or phone), we keep getting the error code when trying to clock in or out with an employee id and verification code (in my case pin).
Should it work on other devices? I have the web app open to anyone. Any help would be greatly appreciated.
It should. Did you deploy a new version after you finished working on it?
Hello, how you can run it on mobile??? I am very interested, I have no errors when clock in/out button but difficult to type numbers/letters!? (See below comments 11 days ago)
Appreciated any help, because that would be a great app on mobile devices. Thanks
Nope, I can't get past 23:50. It doesn't auto-fill the data spreadsheet. When I select the "clockInOut" function and run it, I don't get errors, and nothing happens in the "Data" spreadsheet. Can anyone assist?
Did you check both under console in the browser and Executions in apps script editor for errors?
@@ExcelGoogleSheets I am having the same issue LOL
Best
nice one! ca i find the code for this?
Having an issue with the div class="d-none", the error message just won't display - any advice?
Do other bootstrap classes work?
@@ExcelGoogleSheets No doesn't seem to be at all!
@@jenihearn5733 Then check your bootstrap css import link on top.
@@ExcelGoogleSheets I'm a fool thanks!!
Great for your work !!! But I found 2 issues -
1) preventdefault() for blank screen not working, it redirects to blank screen
2) Payload action on Form Script [action: "Clock In"] returns error "TypeError: Cannot read property 'action' of undefined
clockInOut". However the same action worked on server side function using manual testing for payload having [action: "Clock In"] successfully submtted to Sheer. Please to help
Everything is case sensitive. For example: preventdefault() and preventDefault() are 2 different things.
' preventDefault()' is used in HTML>>Script as you did in tutorial, seems not an issue with that case. Pls to remind that GScript [action: "Clock In"] called from HTML Script returns error, while manual fetch in defined const payload input has worked and sent new row to SS
Googling recommended certain redundancy and Rebuild accordingly and solved the problem. THANKS
@@LP-ig8tg how did yo ufix it
@@LP-ig8tg Hi, can you please provide the solution? I am having the same issue and can't seem to be able to correct it.
Error
TypeError: Cannot read property 'action' of undefined
clockInOut @ Code.gs:14
How can I solve this issue?
It shouldn't be manually run. It should run upon button click.
Do you get solution for this. Please help me I got same error.
@@ExcelGoogleSheets hi, mine says scrip function not found :doGet
Not sure what I did wrong, I followed along step by step yet the app is not fully working. When I enter anything into the app it simply goes back like at the beginning where it looked like it sent the data into oblivion. I have checked, double checked, and triple checked and I have everything identical to you. The only things that are different is that we use a username instead of employee id but the rest is basically identical. Any feedback would be greatly appreciated. Don't know if the issue is the fact that instead of an id number we are using a user name since that is really the only thing that is different.
it seems like the e.preventDefault part of the coding is not working
Check your logs. Watch this video to see where to find logs for troubleshooting ruclips.net/video/flxj-QB50zo/видео.html
@@ExcelGoogleSheets I have reviewed the other video and checked the logs. I even went back over this video step by step to make sure I entered everything correctly. Still having issues but now it is in a different spot. Now the issue is when it is running the check for last action..... I was really hoping to be able to switch over from the google forms to the web app but for the moment it seems I will not be able to do that. I don't know if it is because it doesn't like the check for clock in and clock out versus an employee name instead of ID or what the issue is other than it just keeps triggering the error message.
It shouldn't have anything to with names so long as names are unique.
@@chrisbetcher48 I am having the same issue as well
Hi, super tutorial!!! Everything works just fine, but how can I add it to Mobile Phones, that it can be worked out in the field??? Appreciate the help, thanks!!!
add .addMetaTag('viewport', 'width=device-width, initial-scale=1') after your HtmlService.blahblah.evaluate()
function doGet(){
return HtmlService.createHtmlOutputFromFile("form")
}
Sorry, I try different scenarios but nothing works! Thanks
return HtmlService.createHtmlOutputFromFile("form").addMetaTag('viewport', 'width=device-width, initial-scale=1')
Super, looks much better! The button and error message works fine but is difficult to type text or numbers. If I try to type something it zooms out so big that you can not see the form or box! Thanks
At this point it's HTML / CSS issue.
Great!!! Can you add the location of the user???
You can with JavaScript
Do I need a business account to get this to work?
No.
@@ExcelGoogleSheets thanks
Script not function
function doGet() {
return HtmlService.createHtmlOutputFromFile("Key")
}
comes with error message...
How do we make it location specific?
You can use gelolocation API in the browser to get latitude/longitude developer.mozilla.org/en-US/docs/Web/API/Geolocation_API/Using_the_Geolocation_API
or some third party serveice to get user's IP address.
@@ExcelGoogleSheets thank You 🙏🏾
How i can save the log of an application to a spreadsheet?
I make a telegram bot, using a lib called telegraf in vs code, and I uses console.log to log the JSON response (eg: chat_id, first name, last name..etc)
my question is :
how I can save this log in a spreadsheet? is that even possible?
Sounds like you need to use Google Sheets API
@@ExcelGoogleSheets
Loud you kindly make a video for that ? It will be very helpful and challenging too
11:05:46 AM Error
TypeError: Cannot read property 'action' of undefined
clockInOut @ Code.gs:14
Sir, this kind of error is occurring, pleases tell me its solution its urgent sir.
Please sir tell me it's solution??
I have same issue
Guys do you get solution so please help me
did anyone get the solution for this?