Skip to content
This repository has been archived by the owner on Jun 11, 2021. It is now read-only.

Complete redesign by Louis #87

Open
14 tasks
OGKevin opened this issue Jun 6, 2017 · 1 comment
Open
14 tasks

Complete redesign by Louis #87

OGKevin opened this issue Jun 6, 2017 · 1 comment
Labels
enhancement
Milestone
v1.0 release

Comments

@OGKevin
Copy link
Owner

OGKevin commented Jun 6, 2017 •
edited
Loading

Redesigning from scratch with Django's template extension feature. To keep it
simple for now, we can start with 2 bases and extend from there. These bases
will contain the layout of all the pages so the header footer title etc. All
the code that needs to be repeated for each page.

The /my_bunq page is where things get interesting. When the page loads, the
user will see some personal information. Because it takes time to gather all
the data from the bunq servers, the /my_bunq page will present empty with
a loading msg and makes an ajax call to retrieve the users data. Each response
from the bunq server needs to get an html template, so the ajax call will
have raw html as response and will load this in the /my_bunq.html.

So the 2 bases will be base.html and my_bunq.html, however my_bunq.html
will be an extension of base.html. my_bunq.html will then be main html
file for the my_bunq page and eacht time JS makes an ajax call to the
server, raw html will be returned and this will then be pasted in the
my_bunq.html base.

base.html

The layout of all the pages. Basically the html code that you would need to
repeat in all the html files.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <!--  all the JS and CSS files-->
  </head>
  <head>
    menu
  </head>
  <body>
      <!--  only components that will be the same for all pages
    like some div's.-->
      
  </body>
  <footer>releases</footer>
</html>
Homepage.html

code that is unique to the home page

<div class="container">
<h3>
  welcome to combunqweb....
  </h3>
  <h3>how it works..</h3>
</div>

When someone visit the home page the homepage.html and base.html will get
combined in

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <!--  all the JS and CSS files-->
  </head>
  <head>
    menu
  </head>
  <body>
      <!--  only components that will be the same for all pages
    like some div's.-->
    <div class="container">
    <h3>
      welcome to combunqweb....
      </h3>
      <h3>how it works..</h3>
    </div>
  </body>
  <footer>releases</footer>
</html>

So each page template will be an extension from the base.html and each
response template will be pasted in the my_bunq.html base.

Templates list

page templates

  • base.html
  • homepage.html
  • my_bunq.html
  • generate.html
  • login.html
  • logout.html
  • migrtation_login.html

response Templates

  • start_session.html
  • users.html
  • accounts.html
  • payments.html

Error templates
@OGKevin OGKevin added this to the v1.0 release milestone Jun 6, 2017
@louis-lau
Copy link
Contributor

Sorry, wanted to test something on github :)

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
enhancement
Projects
None yet
Milestone
v1.0 release
Development

No branches or pull requests
2 participants
@louis-lau @OGKevin