Browse Source

HUE-897 [core] Redesign of the overall layout

Ported jobsub to Hue 3
Enrico Berti 12 năm trước cách đây
mục cha
commit
1d34cee

+ 5 - 2
apps/jobsub/src/jobsub/templates/designs.mako

@@ -40,7 +40,8 @@ ${ commonheader(None, "jobsub", user, "60px") | n,unicode }
 <script src="/jobsub/static/js/jobsub.js" type="text/javascript" charset="utf-8"></script>
 
 <div class="container-fluid">
-  <h1>${_('Job Designs')}</h1>
+  <div class="card">
+  <h1 class="card-heading simple">${_('Job Designs')}</h1>
 
   <%actionbar:render>
     <%def name="search()">
@@ -151,6 +152,8 @@ ${ commonheader(None, "jobsub", user, "60px") | n,unicode }
     </table>
   </div>
 
+  </div>
+
 </div>
 
 <script id="designTemplate" type="text/html">
@@ -707,7 +710,7 @@ ko.applyBindings(designs);
 var designTableOptions = {
   "sPaginationType": "bootstrap",
   "bLengthChange": false,
-  "sDom": "<'row'r>t<'row'<'span8'i><''p>>",
+  "sDom": "<'row'r>t<'row-fluid'<'dt-pages'p><'dt-records'i>>",
   "bDestroy": true,
   "aoColumnDefs": [
     { "bSortable": false, "aTargets": [ 0 ] },

+ 9 - 0
apps/jobsub/static/css/jobsub.css

@@ -29,3 +29,12 @@ a.advanced, a.advanced:link, a.advanced:hover {
 input.search-query {
   vertical-align: top;
 }
+
+.dt-records {
+  margin-left: 10px;
+}
+
+.dt-pages {
+  margin-right: 10px;
+  float: right;
+}

+ 2 - 2
apps/jobsub/static/templates/actions/distcp.html

@@ -1,5 +1,5 @@
-<div id="pig" class="container-fluid">
-  <h1>{{ title }}</h1>
+<div id="pig">
+  <h1 class="card-heading card-heading-blue simple card-marginbottom">{{ title }}</h1>
   <form class="form-horizontal" id="workflowForm" action="#list-designs" method="POST">
     <fieldset>
       {{#name}}

+ 2 - 2
apps/jobsub/static/templates/actions/email.html

@@ -1,5 +1,5 @@
-<div id="java" class="container-fluid">
-  <h1>{{ title }}</h1>
+<div id="java">
+  <h1 class="card-heading card-heading-blue simple card-marginbottom">{{ title }}</h1>
   <form class="form-horizontal" id="workflowForm" action="#list-designs" method="POST">
     <fieldset>
       {{#name}}

+ 2 - 2
apps/jobsub/static/templates/actions/fs.html

@@ -1,5 +1,5 @@
-<div id="mapreduce" class="container-fluid">
-  <h1>{{ title }}</h1>
+<div id="mapreduce">
+  <h1 class="card-heading card-heading-blue simple card-marginbottom">{{ title }}</h1>
   <form class="form-horizontal" id="workflowForm" action="#list-designs" method="POST">
     <fieldset>
       {{#name}}

+ 2 - 2
apps/jobsub/static/templates/actions/hive.html

@@ -1,5 +1,5 @@
-<div id="hive" class="container-fluid">
-  <h1>{{ title }}</h1>
+<div id="hive">
+  <h1 class="card-heading card-heading-blue simple card-marginbottom">{{ title }}</h1>
   <form class="form-horizontal" id="workflowForm" action="#list-designs" method="POST">
     <fieldset>
       {{#name}}

+ 2 - 2
apps/jobsub/static/templates/actions/java.html

@@ -1,5 +1,5 @@
-<div id="java" class="container-fluid">
-  <h1>{{ title }}</h1>
+<div id="java">
+  <h1 class="card-heading card-heading-blue simple card-marginbottom">{{ title }}</h1>
   <form class="form-horizontal" id="workflowForm" action="#list-designs" method="POST">
     <fieldset>
       {{#name}}

+ 2 - 2
apps/jobsub/static/templates/actions/mapreduce.html

@@ -1,5 +1,5 @@
-<div id="mapreduce" class="container-fluid">
-  <h1>{{ title }}</h1>
+<div id="mapreduce">
+  <h1 class="card-heading card-heading-blue simple card-marginbottom">{{ title }}</h1>
   <form class="form-horizontal" id="workflowForm" action="#list-designs" method="POST">
     <fieldset>
       {{#name}}

+ 2 - 2
apps/jobsub/static/templates/actions/pig.html

@@ -1,5 +1,5 @@
-<div id="pig" class="container-fluid">
-  <h1>{{ title }}</h1>
+<div id="pig">
+  <h1 class="card-heading card-heading-blue simple card-marginbottom">{{ title }}</h1>
   <form class="form-horizontal" id="workflowForm" action="#list-designs" method="POST">
     <fieldset>
       {{#name}}

+ 2 - 2
apps/jobsub/static/templates/actions/shell.html

@@ -1,5 +1,5 @@
-<div id="shell" class="container-fluid">
-  <h1>{{ title }}</h1>
+<div id="shell">
+  <h1 class="card-heading card-heading-blue simple card-marginbottom">{{ title }}</h1>
   <form class="form-horizontal" id="workflowForm" action="#list-designs" method="POST">
     <fieldset>
       {{#name}}

+ 2 - 2
apps/jobsub/static/templates/actions/sqoop.html

@@ -1,5 +1,5 @@
-<div id="sqoop" class="container-fluid">
-  <h1>{{ title }}</h1>
+<div id="sqoop">
+  <h1 class="card-heading card-heading-blue simple card-marginbottom">{{ title }}</h1>
   <form class="form-horizontal" id="workflowForm" action="#list-designs" method="POST">
     <fieldset>
       {{#name}}

+ 2 - 2
apps/jobsub/static/templates/actions/ssh.html

@@ -1,5 +1,5 @@
-<div id="mapreduce" class="container-fluid">
-  <h1>{{ title }}</h1>
+<div id="mapreduce">
+  <h1 class="card-heading card-heading-blue simple card-marginbottom">{{ title }}</h1>
   <form class="form-horizontal" id="workflowForm" action="#list-designs" method="POST">
     <fieldset>
       {{#name}}

+ 2 - 2
apps/jobsub/static/templates/actions/streaming.html

@@ -1,5 +1,5 @@
-<div id="mapreduce" class="container-fluid">
-  <h1>{{ title }}</h1>
+<div id="mapreduce">
+  <h1 class="card-heading card-heading-blue simple card-marginbottom">{{ title }}</h1>
   <form class="form-horizontal" id="workflowForm" action="#list-designs" method="POST">
     <fieldset>
       {{#name}}

+ 8 - 0
desktop/core/static/css/hue3.css

@@ -1267,4 +1267,12 @@ a#advanced-btn:hover {
 
 .card-tab-bordertop {
    border-top: 1px solid #D8D8D8;
+}
+
+.card-marginbottom {
+  margin-bottom: 20px!important;
+}
+
+.card-heading-blue {
+  color: #338BB8!important;
 }