ソースを参照

[oozie] Workflow name and description as x-editable

Enrico Berti 11 年 前
コミット
166a7e0

+ 7 - 4
apps/oozie/src/oozie/templates/editor/workflow_editor.mako

@@ -184,10 +184,13 @@ ${ commonheader(_("Workflow Editor"), "Oozie", user, "40px") | n,unicode }
     % endif
     % endif
   </div>
   </div>
 
 
-  <form class="form-search" style="margin: 0">
-    <strong>${_("Name")}</strong>
-    <input data-bind="value: $root.workflow.name"/>
-    <input data-bind="value: $root.workflow.properties.description" class="span6"/>
+  <form class="form-search">
+    <div class="inline workflow-name">
+      <span data-bind="editable: $root.workflow.name, editableOptions: {enabled: $root.isEditing(), placement: 'right'}"></span>
+    </div>
+    <div class="inline workflow-description">
+      <span data-bind="editable: $root.workflow.properties.description, editableOptions: {enabled: $root.isEditing(), placement: 'right', emptytext: '${_('Add a description...')}'}"></span>
+    </div>
   </form>
   </form>
 </div>
 </div>
 
 

+ 20 - 0
apps/oozie/static/css/workflow-editor.css

@@ -516,4 +516,24 @@ em {
   margin-left: 0;
   margin-left: 0;
   border: 1px solid #d8d8d8;
   border: 1px solid #d8d8d8;
   border-top: none;
   border-top: none;
+}
+
+.workflow-name {
+  font-size: 20px;
+  font-weight: 300;
+}
+
+.workflow-description {
+  margin-left: 10px;
+  font-size: 14px;
+}
+
+.editable-empty, .editable-empty:hover {
+  color: #666!important;
+  opacity: .55;
+}
+
+.form-search {
+  margin: 0;
+  padding-top: 5px;
 }
 }