taotnpwaft / website Goto Github PK

@taotnpwaft/website

There is no user or member profile page like most social media sites have.

Make a profile.php or profile.html

CDN's
Use Bootstrap 5.2
Use FontAwesomwme 6.1.2
Use jQuery 3.6
Use PopperJS 2.11

If you make a php file just make some html and use

'<php? include='header.php ?>'

at the top of the file and footer.php where you would include the footer in the file.

Use fluid containers and cards and bootstrap form components.

I also feel like this should be part of the register/signup process.. one of the screens should be a layout / form to create profile, save a photo or choose a avatar.. etc.

The CODEOWNERS file only appears to show @Mahad410 as owner with shield as owner of this project, even though it lists the others, but they do not have shields next to their names.

Ideas @hitblast ?

Side note still need to work on building an active website team.

This library should be updated from 11.0.1 to 14.0.0 if we are going to keep using it however,

The current implementation has problems including some apparent security issues as noted by GitHub Dependabot.

If you update the files for jQWidgets, please save them to the /Libs/jQWidgets/ folder.

Currently, in the console, it says:
unreachable code after return statement for the jqx-all.js file

The download is here: https://www.jqwidgets.com/download/

Testing the index.php file.. and even the index.html still does it.

It seems to 405 Method Not Allowed from the server.

Happens in both Firefox and Chrome

In the console of the browser,

(Firefox v105 (x64)
This error appears:

Loading failed for the <script> with source “http://127.0.0.1:5503/Libs/Toastr/build/toastr.min.js”.

it is called from Line #755 of index.html as a script tag.

Note: I would like to abandon the use of Toastr since Bootstrap 5+ has Toasts built in but this issue still could be fixed till that happens.

In the Firefox v105 (x64) console in Debian Linux

This script:

<script>
      function openNav() {
        document.getElementById("TAOTSideNav").style.width = "250px";
        document.getElementById("main").style.left = "250px";
        document.getElementById("main").style.opacity = "0.8";
      }

      function closeNav() {
        document.getElementById("TAOTSideNav").style.width = "0";
        document.getElementById("main").style.left = "0";
        document.getElementById("main").style.opacity = "0.8";
      }
      var max_width = window.matchMedia("(max-width: 768)");
</script>

says:

Uncaught TypeError: document.getElementById(...) is null for both openNav() and closeNav()

@taotnpwaft/website

Here is the userland / user settings page (settings.html) that should be a part of user profile.

this should become settings.php except the header and footer should be includes

as in..

<?php include('./components/header.php');?> & <?php include('./components/footer.php');?>

(for some reason my screen shot tool for Firefox doesn't save the rest of the page.. but trust me it's there..)

The PHP Server extension in VSCode is not sending out header.php to the browser, only the footer and the index.php.

Currently no method for complying with the current cookie laws.

I would prefer using a CDN for this at least for now.

Several come to mind though..

https://cdnjs.com/libraries/jquery-cookie
https://www.jsdelivr.com/package/npm/js-cookie
https://cdnjs.com/libraries/js-cookie

There is another from cookielaw.org too. https://cdn.cookielaw.org/scripttemplates/ but there isn't much documentation on how to use it I have found just yet.

Leave a modal or a banner with accept cookie with buttons etc.. and not make it intrusive but easy to find.

@taotnpwaft/members

Our website has a broken Navigation bar

This is an interesting issue as it was working before some changes were made and some time before the move to this repository project.

The rest of the font awesome icons are hidden from the view including the hamburger.

Reference and load the index.html file in the broswer.

This issue also exists in the index.php file and that includes the header and footer.html so whatever issue is remaining we need to fix so we can use the PHP file(s).

It now looks like this when index.html is rendered in the browser:

It should have a hamburger menu on the left and then some other icons to the right of the two blue buttons. You can hover over them and it will change to a hand pointer and you can click on it/them but they do not show up. Clicking on the missing hamburger icon does pull out the side nav and it works.

I am open to ideas.

@taotnpwaft/members @taotnpwaft/website

There are ToDo lists in this project as

• TODO.md
• WEBSITE.md

In the root of this repository project.

Have a look at them and see if there is anything you would like to work on.

There are a number of outstanding issues in tho Let me know of there are any you would like converted into issues.

Please also have a look at these document:

ABOUT.md and CONTRIBUTING.md, DEVSETUP.md etc.

Thank you! Plenty to do.

A feature branch needs to be buillt for containing the Blog functionality for our site.

Untested code for this branch still resides in the old project on my personal GitHub in the folder /blog.

This branch needs to be called feature/blog-untested

I'm not well versed in branching yet and git to bring over the files.

Here is the last known render of admin.html

This needs to be changed to php and add the includes to header.php and footer.php

The mess in the Admin panel needs to be cleaned up.

The file is here:
https://github.com/taotnpwaft/website/blob/main/admin.html

Update these downloaded libraries in /Libs/

• #40
• FontAwesome 4.7.0 to 6.2.2
• jQWidgets from 11.0.1 to 14.0.0

Please install these libraries to the /Libs folder/directory

Remove or update the CDN's to these libraries especially in index.html

I would prefer not using downloaded libraries for development and to use them only for production and use CDN's for development only,
unless there is some reason to use them. Is there a better method? Which method is faster?

I know we originally settled on MySQL/MariaDB.

I have not had much time to create and host the Database and SQL

I feel like most people would know

MariaDB, MySQL
Prisma, PostgreSQL
SQlite
Mongoose/MongoDB
SQL Server

Some cloud DB services too...

I will entertain ideas or start a poll.

Keep in mind the host is a HP DL360 G7 with 32gb RAM and 2tb disk space.

The header.php file is empty.

This a representation of what the body + header and footer would look like assembled with the includes, ignoring the gray space on the left with the white x.

Am not good at this part so someone with more experience can do this.

The current GA and GTM implementation is broken.

I know the key is needed.

I tested index.php running in localhost from PHP Server in Google Chrome's built in Google Lighthouse.

The span classes inside index.php do not have unique ARIA id's

These include:

• div.modal-content > div.modal-body > div.input-group > span#txtUserName
  <span class="input-group-text" id="txtUserName">

• div.modal-content > div.modal-body > div.input-group > span#txtUserName
  <span class="input-group-text" id="txtUserName">

• div.modal-content > div.modal-body > div.input-group > span#txtPassword
  <span class="input-group-text" id="txtPassword">

• div.modal-content > div.modal-body > div.input-group > span#txtPassword
  <span class="input-group-text" id="txtPassword">

• div.modal-content > div.modal-body > div.input-group > span#txtPassword
  <span class="input-group-text bg-transparent" id="txtPassword">

• div.modal-content > div.modal-body > div.input-group > span#txtPassword

Here is the list of extensions in the .vscode/extensions.json to remove.

• phpcs
• Sophisticode PHP Formatter
• Mohammed Abusaid HTML Snippits
• Harshdeep Gupta Live HTML Previewer
• lonefy JS-CSS-HTML Formatter

These can be removed from extensions.json without problems. They are listed as deprecated extensions (line through) in the extensions pane of VSCode.

Active development should not be using deprecated extensions for VSCode.

This project still uses

• jQWidget
• Toastr

Bootstrap 5+ has built in toasts, no need for an extra library/CDN for that.

IMHO, jQueryUI is way better than jQWidget.

Also make use of PopperJS.

@taotnpwaft/website team,

Where are you at with the website? Let me know as soon as possible.

I am getting ready to close the original repository.

I am going to stick the leftover stuff either in a new branch or over on Dropbox.

Thanks
@gbowne1

Theres a number of issues with the PHP files especially header.php and footer.php

There are some missing files referenced in the php code.

• header.php
  line 19 !isAuthenticated is a undefined function (by intelephsense)

• adminlogin.php
  syntax errors on line 14, 16 and 19

  Output one or more strings
  echo( string $arg1 [, string $... ]): void
  syntax error, unexpected '>'

• view_users.php

  • missing delete.php file
  • line 5 errors:
    $view users query="select * from users";

   @var unset $view
  ';' expected. php
  syntax error, unexpected 'users' (T_STRING)
  syntax error, unexpected 'users' (T_STRING)
  ';' expected.  php
  Unexpected 'Name'. Expected ';'.intelephense(1001)
  

  • line 8 errors:
    $run mysqli query($dbcon,$view_users_query);

  • line 23 errors
    mainly syntax errors