Dataset Scheming Form Pages [OPEN-4034]

changes/1582.feature

@@ -0,0 +1 @@
+split dataset type into separate pages using scheming form pages and dataset completeness feature

ckanext/canada/assets/internal/canada_internal.css

@@ -24,6 +24,10 @@ ol.breadcrumb {
   text-decoration: none;
 }
 
+.border-0 {
+  border: 0 !important;
+}
+
 #wb-info a {
   text-decoration: none;
 }
@@ -504,39 +508,7 @@ label:lang(fr):after {
 .control-required {
   color: #e00;
 }
-.stages li.active:after {
-  border-top-color: #EDEDED;
-  border-bottom-color: #EDEDED;
-  border-right-color: #284162;
-  z-index: -1;
-}
-.border-0 {
-    border: 0 !important;
-}
-
-.stages li.complete .highlight {
-  color: #aeaeae;
-  background: #EDEDED;
-}
 
-.stages li.complete:before {
-  color: #aeaeae;
-  background: white;
-}
-
-.stages li.active:after {
-  border-top-color: #284162;
-  border-bottom-color: #284162;
-  border-right-color: #284162;
-}
-.stages li.active:after {
-  border-top-color: #EDEDED;
-  border-bottom-color: #EDEDED;
-}
-.stages li.complete:after {
-  border-top-color: #EDEDED;
-  border-bottom-color: #EDEDED;
-}
 li.nav-item.justify-content-between.position-relative:hover {
   background-color: #eee;
 }
@@ -700,6 +672,127 @@ body ul.xloader-log li.item.failure > i::after{
 ##           END           ##
 #############################*/
 
+/*####################
+##  Package Stages  ##
+######################*/
+#dropdown-manage-dataset{
+  font-weight: bold !important;
+  font-size: 16px !important;
+  line-height: 1.4375 !important;
+  border-radius: 0 !important;
+  border: none !important;
+  background-color: #f6f6f6 !important;
+  transition-duration: 0.325s !important;
+}
+
+#dropdown-manage-dataset:hover,
+#dropdown-manage-dataset:active,
+#dropdown-manage-dataset:focus{
+  background-color: #335075 !important;
+  color: white !important;
+}
+
+ul.dropdown-menu#dropdown-manage-dataset-menu a{
+  display: block !important;
+  padding: 3px 20px !important;
+  clear: both !important;
+  font-weight: 400 !important;
+  line-height: 1.4375 !important;
+  color: #333 !important;
+  white-space: nowrap !important;
+  text-decoration: none !important;
+  margin: 0 !important;
+  transition-duration: 0.325s !important;
+  background-color: white !important;
+}
+
+ul.dropdown-menu#dropdown-manage-dataset-menu a:hover,
+ul.dropdown-menu#dropdown-manage-dataset-menu a:active,
+ul.dropdown-menu#dropdown-manage-dataset-menu a:focus{
+  color: #333 !important;
+  text-decoration: none !important;
+  background-color: #f5f5f5 !important;
+}
+
+form#dataset-edit{
+  position: relative;
+  width: 100%;
+}
+
+.canada-package-edit-toolbar{
+  margin: 0 !important;
+  padding: 0 !important;
+}
+
+#canada-package-form-stages{
+  background-color: #EDEDED;
+  margin-bottom: 30px;
+  margin-top: 0;
+}
+
+#canada-package-form-stages[data-form-style="new"]{
+  margin-top: -30px;
+}
+
+#canada-package-form-stages .module-heading{
+  padding-left: 15px !important;
+}
+
+#canada-package-form-stages ul.nav li.nav-item{
+  display: flex !important;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  position: relative;
+  padding: 0 !important;
+}
+
+#canada-package-form-stages .canada-package-form-stages--label{
+  padding: 17px 35px 17px 25px;
+  display: block;
+  width: 100%;
+  text-decoration: none !important;
+  color: #333 !important;
+}
+
+#canada-package-form-stages a.canada-package-form-stages--label:hover,
+#canada-package-form-stages a.canada-package-form-stages--label:active,
+#canada-package-form-stages a.canada-package-form-stages--label:focus{
+  background: #d9d9d9;
+  color: #333 !important;
+  transition-duration: 0.325s;
+}
+
+#canada-package-form-stages ul.nav li.nav-item.active .canada-package-form-stages--label{
+ background: #38414d;
+ color: #fefefe !important;
+ font-weight: 600;
+}
+
+#canada-package-form-stages ul.nav li.nav-item abbr{
+  height: auto;
+  display: block;
+  position: absolute;
+  right: 12px;
+  top: 50%;
+  transform: translate(0, -50%);
+  pointer-events: hover;
+  cursor: help;
+}
+
+#canada-package-form-stages ul.nav li.nav-item.active abbr i{
+  background: white;
+  border: 1px solid white;
+  border-radius: 50%;
+}
+
+#canada-package-form-stages ul.nav button{
+  padding: 0 !important;
+}
+/*####################
+##       END        ##
+##  Package Stages  ##
+##       END        ##
+######################*/
 
 /*####################################
 ##  Recombinant Base CSS Overrides  ##
@@ -868,4 +961,4 @@ input#field-resource-url{
 ##    TODO: DEPRECATED:               ##
 ## REMOVE AFTER FULL PD DATATABLES QA ##
 ##               END                  ##
-########################################*/
+########################################*/

ckanext/canada/assets/public/canada_public.css

@@ -146,6 +146,20 @@ body .canada-w10-spacer{
   line-height: 0 !important;
 }
 
+body .canada-v10-spacer{
+  display: block !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  min-height: 10px !important;
+  max-height: 10px !important;
+  height: 10px !important;
+  min-width: 0 !important;
+  max-width: 0 !important;
+  width: 0 !important;
+  line-height: 0 !important;
+}
+
+
 img.openness-rating-stars {
   margin-bottom: 0px !important;
 }
@@ -2074,4 +2088,4 @@ body select[data-field-select2="True"]{
   font-weight: 600 !important;
   font-size: 32px !important;
   color: #38414d !important;
-}
+}

ckanext/canada/plugin/dataset_plugin.py

@@ -16,7 +16,9 @@
 from ckanext.canada.helpers import RELEASE_DATE_FACET_STEP
 from ckanext.canada.view import (
     CanadaDatasetEditView,
+    CanadaDatasetEditPageView,
     CanadaDatasetCreateView,
+    CanadaDatasetCreatePageView,
     CanadaResourceEditView,
     CanadaResourceCreateView,
     canada_search,
@@ -116,6 +118,16 @@ def prepare_dataset_blueprint(self, package_type: str,
             methods=['GET'],
             strict_slashes=False
         )
+        blueprint.add_url_rule(
+            '/new/<id>/<page>',
+            'scheming_new_page',
+            CanadaDatasetCreatePageView.as_view('new_page'),
+        )
+        blueprint.add_url_rule(
+            '/edit/<id>/<page>',
+            'scheming_edit_page',
+            CanadaDatasetEditPageView.as_view('edit_page'),
+        )
         # redirect PD endpoints accessed from /dataset/<pd pkg id>
         blueprint.before_request(cast(BeforeRequestCallable,
                                       self._redirect_pd_dataset_endpoints))