Make editing pages domains and adding certificates easier

Problem

This issue is spawned from https://gitlab.com/gitlab-org/gitlab-ce/issues/64432

Currently, it's very hard to find domain settings (Project settings -> pages -> domain details(gray button) -> edit button)

One of the possible solutions

  1. Unify show/edit pages (= get rid of "details" page)
  2. Don't show fields "certificate/key" to a user, and only allow to tweak "use Let's Encrypt" or "upload new SSL certificate" on the edit page. See https://gitlab.com/gitlab-org/gitlab-ce/issues/61752#note_175938958
  3. Replace gray details button with green edit on domains pages:

Screenshot_2019-07-12_at_17.46.32

That would make the path for editing SSL settings much easier! And will also make security team happier since as discussed in that thread we would like to not show certificates and keys to the user.

As side effect: we can get rid of Haml and js script in favor of Vue and use API.

UX Design:

Preliminary mockups.

Domains section

  • Change details button to edit Domains

Edit Domain

Edit

Scenario

Scenario Mockup
Automatic certificate off Edit_Certificate
Unverified Edit_Certificate_Unverified
Edited by Orit Golowinski