Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI refresh #382

Merged
merged 29 commits into from
May 24, 2014
Merged

UI refresh #382

merged 29 commits into from
May 24, 2014

Conversation

micahflee
Copy link
Contributor

This is a partial pull request for the new UI (#329) so that others can get to work with what I've done. Most notably:

Here are things to note:

  • This is only for the source interface, I haven't changed the design for the journalist interface yet
  • I made a new template, source_templates/index.html, which doesn't use base.html because the index page has a different layout now.
  • I made the flash notifications look way better.
  • This also fixes Tor2Web warning issues #342.

Here are things that aren't yet done in the source interface:

  • Custom header images (in securedrop/config/custom_theme_image.py) don't work anymore, right now I've just hard-coded the SecureDrop logo there. There's commented out code at the bottom of source_templates/base.html for using the custom header images, but I haven't made it work yet.
  • When a source receives a reply from a journalist, the reply box looks like crap. I didn't get to making the reply box look good. Also it looks like the "You have received a reply. For your security, please delete all replies when you're done with them." notification box doesn't have padding or something.

I think that's it. All the tests pass too. (Maybe we should write a custom header test?)

@micahflee
Copy link
Contributor Author

Still not totally done yet, but much further. What's left:

  • Add support for custom header images back in
  • Make journalist interface look nicer, with little font-awesome icons next to each button, and with better link styles

Conflicts:
	securedrop/journalist_templates/base.html
	securedrop/source_templates/index.html
	securedrop/static/css/securedrop.css
@micahflee micahflee changed the title Ui refresh, source interface Ui refresh May 24, 2014
@micahflee
Copy link
Contributor Author

This is all done. I didn't do much to make the journalist interface better because I don't want to step on @Hainish's work. I can make it look better later.

{% block header %}
<div id="header">
<a href="/"><img src="/static/i/{{ header_image }}" alt="SecureDrop"></a>
<a href="/"><img src="/static/i/{{ header_image }}" class="logo small" alt="SecureDrop"></a>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nit: should the alt message be "SecureDrop", or the name of org? That can be a follow-up (or we can just not bother).

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We don't know the name of org. :( Perhaps we will someday, when #344 is done.

<h2>Remember this code and keep it secret</h2>
<p class="center">To protect your identity, we're assigning you a unique code name.</p>

<hr class="no-line" />
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It's quirky, but... I like it. This can stay, although I wonder if there is a better way.

@micahflee micahflee changed the title Ui refresh UI refresh May 24, 2014
import datetime

def format_time(d):
return d.strftime('%b %d, %Y %I:%M %p')
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

PEP8 demands 4-space indentation (which is also consistent with the rest of the codebase).

@garrettr
Copy link
Contributor

securedrop/static/i/theintercept.png should not be in the repo.

garrettr added a commit that referenced this pull request May 24, 2014
@garrettr garrettr merged commit bf0241c into freedomofpress:develop May 24, 2014
@garrettr garrettr mentioned this pull request May 24, 2014
cfm added a commit that referenced this pull request Jun 24, 2021
Icon IMGs now carry their own TITLE tooltips, eliminating the SPAN
elements originating in #382.  Each li.submission carries an ARIA label
composed from those of its filename link, file-type icon, and read-state
icon.
cfm added a commit that referenced this pull request Jun 24, 2021
Icon IMGs now carry their own TITLE tooltips, eliminating the SPAN
elements originating in #382.  Each li.submission carries an ARIA label
composed from those of its filename link, file-type icon, and read-state
icon.
cfm added a commit that referenced this pull request Jun 24, 2021
Icon IMGs now carry their own TITLE tooltips, eliminating the SPAN
elements originating in #382.  Each LI.submission carries an ARIA label
composed from those of its filename link, file-type icon, and read-state
icon.
cfm added a commit that referenced this pull request Jun 29, 2021
Icon IMGs now carry their own TITLE tooltips, eliminating the SPAN
elements originating in #382.  Each LI.submission carries an ARIA label
composed from those of its filename link, file-type icon, and read-state
icon.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Tor2Web warning issues
3 participants