Implement theme admin UI to support previewing

LEARNER-2017

cms/templates/base.html

@@ -9,9 +9,11 @@
 <%!
 from django.utils.translation import ugettext as _
 
+from openedx.core.djangoapps.util.user_messages import PageLevelMessages
 from openedx.core.djangolib.js_utils import (
     dump_js_escaped_json, js_escaped_string
 )
+from openedx.core.djangolib.markup import HTML
 %>
 
 <%page expression_filter="h"/>
@@ -75,17 +77,34 @@ from openedx.core.djangolib.js_utils import (
 
     <!-- view -->
     <div class="wrapper wrapper-view" dir="${static.dir_rtl()}">
-        <% online_help_token = self.online_help_token() if hasattr(self, 'online_help_token') else None %>
-        <%include file="widgets/header.html" args="online_help_token=online_help_token" />
+      <% online_help_token = self.online_help_token() if hasattr(self, 'online_help_token') else None %>
+      <%include file="widgets/header.html" args="online_help_token=online_help_token" />
+
+      <%
+      banner_messages = list(PageLevelMessages.user_messages(request))
+      %>
+
+      % if banner_messages:
+        <div class="page-banner">
+          <div class="user-messages">
+            % for message in banner_messages:
+              <div class="alert ${message.css_class}" role="alert">
+                <span class="icon icon-alert fa ${message.icon_class}" aria-hidden="true"></span>
+                ${HTML(message.message_html)}
+              </div>
+            % endfor
+          </div>
+        </div>
+      % endif
 
       <div id="page-alert">
       <%block name="page_alert"></%block>
       </div>
 
       <main id="main" aria-label="Content" tabindex="-1">
-          <div id="content">
-          <%block name="content"></%block>
-          </div>
+        <div id="content" class="content">
+        <%block name="content"></%block>
+        </div>
       </main>
 
       % if user.is_authenticated():

cms/templates/fragments/standalone-page-bootstrap.html

@@ -0,0 +1,13 @@
+## mako
+
+<%page expression_filter="h"/>
+
+## Override the default styles_version to use Bootstrap
+<%! main_css = "css/bootstrap/studio-main.css" %>
+
+<%inherit file="../base.html" />
+<%block name="title">${page_title if page_title else ''}</%block>
+
+<%block name="content">
+  <%include file="/fragments/standalone-page-fragment.html" args="fragment=fragment"/>
+</%block>

cms/templates/fragments/standalone-page-fragment.html

@@ -0,0 +1,15 @@
+<%! from openedx.core.djangolib.markup import HTML %>
+
+<%block name="head_extra">
+    ${HTML(fragment.head_html())}
+</%block>
+
+<%block name="footer_extra">
+    ${HTML(fragment.foot_html())}
+</%block>
+
+<div class="wrapper-content wrapper">
+    <section class="content">
+        ${HTML(fragment.body_html())}
+    </section>
+</div>

cms/templates/fragments/standalone-page-v1.html

@@ -0,0 +1,10 @@
+## mako
+
+<%page expression_filter="h"/>
+
+<%inherit file="../base.html" />
+<%block name="title">${page_title if page_title else ''}</%block>
+
+<%block name="content">
+  <%include file="/fragments/standalone-page-fragment.html" args="fragment=fragment"/>
+</%block>

cms/templates/fragments/standalone-page-v2.html

@@ -0,0 +1,13 @@
+## mako
+
+<%page expression_filter="h"/>
+
+## Override the default styles_version to the Pattern Library version (version 2)
+<%! main_css = "style-main-v2" %>
+
+<%inherit file="../base.html" />
+<%block name="title">${page_title if page_title else ''}</%block>
+
+<%block name="content">
+  <%include file="/fragments/standalone-page-fragment.html" args="fragment=fragment"/>
+</%block>

cms/templates/ux/reference/bootstrap/test.html

@@ -1,20 +1,9 @@
-## Override the default styles_version to use Bootstrap
-<%! main_css = "css/bootstrap/studio-main.css" %>
+## mako
 
 <%page expression_filter="h"/>
 
-<%!
-from openedx.core.djangoapps.util.user_messages import (
-    register_error_message,
-    register_info_message,
-    register_success_message,
-    register_warning_message,
-)
-%>
-
-<%
-register_info_message(request, _('This is a test message'))
-%>
+## Override the default styles_version to use Bootstrap
+<%! main_css = "css/bootstrap/studio-main.css" %>
 
 <%inherit file="/base.html" />
 <%block name="title">Bootstrap Test Page</%block>