Adapt markup to proto

euphorie · Jul 18, 2024 · 802ddf7 · 802ddf7
1 parent 2c241c2
commit 802ddf7
Showing 1 changed file with 73 additions and 47 deletions.
diff --git a/src/osha/oira/ploneintranet/templates/quaive-edit.pt b/src/osha/oira/ploneintranet/templates/quaive-edit.pt
@@ -5,6 +5,9 @@
       xmlns:tal="http://xml.zope.org/namespaces/tal"
       meta:interpolation="true"
       metal:use-macro="context/@@layout/macros/layout"
+      tal:define="
+        actions view/actions/values|nothing;
+      "
       i18n:domain="nuplone"
 >
 
@@ -13,70 +16,93 @@
     <div class="container portaltype-${context/portal_type}"
          id="quaive-content"
     >
-      <h3>${view/label}</h3>
-      <p class="message ${python:'error' if view.widgets.errors else 'notice'}"
-         tal:define="
-           status view/status;
-         "
-         tal:condition="status"
-         tal:content="status"
-         i18n:domain="plone"
-      >Form-global message</p>
-      <p class="discrete"
-         tal:condition="python:getattr(view, 'description', None)"
-      >${view/description}</p>
-
       <form class="pat-form pat-inject"
             id="${view/id}"
             action="${request/getURL}"
             enctype="${view/enctype}"
             method="${view/method}"
             data-pat-inject="source: #quaive-content; target: #quaive-content"
       >
+        <div class="pat-toolbar sticky"
+             id="sector-toolbar"
+        >
+          <div class="toolbar-functions-area pat-inject pat-form pat-autosubmit"
+               id="toolbar-functions-area-assessments"
+          >
+            <div class="toolbar-section quick-functions"
+                 id="sector-toolbar-quick-functions"
+            >
+              <a class="float-after pat-button"
+                 href="${here/absolute_url}/@@edit"
+                 target="_blank"
+                 i18n:translate=""
+              >
+                <!-- TODO: Remove me -->
+                Edit on OiRA
+              </a>
+              <tal:action repeat="action python:reversed(actions)">
+                <button class="pat-button float-after ${python: 'default' if repeat.action.end else ''}"
+                        name="${action/name}"
+                        type="submit"
+                        value="${action/title}"
+                >
+                  ${action/title}
+                </button>
+              </tal:action>
+            </div>
+          </div>
+        </div>
+
         <div class="button-bar"
-             tal:define="
-               actions view/actions/values|nothing;
-             "
              tal:condition="actions"
         >
-          <tal:action repeat="action actions">
-            <button class="pat-button float-after ${python: 'default' if repeat.action.index == 0 else ''}"
-                    name="${action/name}"
-                    type="submit"
-                    value="${action/title}"
-            >
-                    ${action/title}
-            </button>
-          </tal:action>
+          <!-- TODO: This stuff has to be moved -->
           <tal:versions condition="python:context.portal_type == 'euphorie.survey' and view.is_edit_form">
-            <a
-                class="float-after pat-button pat-inject"
-                href="${url}"
-                tal:define="url python:request.getURL().replace('quaive-edit', 'quaive-versions')"
-                data-pat-inject="source: #quaive-content; target: #quaive-content"
-                i18n:translate=""
-                >Publishing options</a>
+            <a class="float-after pat-button pat-inject"
+               href="${url}"
+               data-pat-inject="source: #quaive-content; target: #quaive-content"
+               tal:define="
+                 url python:request.getURL().replace('quaive-edit', 'quaive-versions');
+               "
+               i18n:translate=""
+            >Publishing options</a>
           </tal:versions>
-
         </div>
 
-        <fieldset class="form-panel section horizontal">
-          <tal:widget tal:repeat="widget view/widgets/values"
-                      content="structure widget/render"
-          >
-          </tal:widget>
-        </fieldset>
+        <div class="container">
+          <div class="pat-well">
+            <div class="well-title-group">
+              <h2 class="well-header">${view/label}</h2>
+              <div class="buttons">
+                <dfn class="icon help help-icon pat-tooltip tooltip-active-click"
+                     data-pat-tooltip="class: info; trigger: click; source: content; position-list: tl"
+                     tal:condition="python:getattr(view, 'description', None)"
+                >
+                  ${view/description}
+                </dfn>
+              </div>
+            </div>
+
+            <p class="message ${python:'error' if view.widgets.errors else 'notice'}"
+               tal:define="
+                 status view/status;
+               "
+               tal:condition="status"
+               tal:content="status"
+               i18n:domain="plone"
+            >Form-global message</p>
 
+            <fieldset class="form-panel section horizontal">
+              <tal:widget tal:repeat="widget view/widgets/values"
+                          content="structure widget/render"
+              >
+              </tal:widget>
+            </fieldset>
+
+          </div>
+        </div>
 
       </form>
-      <a class="float-after pat-button"
-         href="${here/absolute_url}/@@edit"
-         target="_blank"
-         i18n:translate=""
-      >
-        <!-- TODO: Remove me -->
-        Edit on OiRA
-      </a>
     </div>
   </metal:content>
 </html>