feat(elasticms): new AdminUIBundle (#526)

Co-authored-by: Mathieu De Keyzer <[email protected]>

.github/autolabeler.yml

@@ -4,8 +4,11 @@ elasticms-admin: ["/elasticms-admin"]
 elasticms-web: ["/elasticms-web"]
 elasticms-cli: ["/elasticms-cli"]
 demo: ["/demo"]
+admin-ui-bundle: ["/EMS/admin-ui-bundle"]
 client-helper-bundle: ["/EMS/client-helper-bundle"]
 common-bundle: ["/EMS/common-bundle"]
 core-bundle: ["/EMS/core-bundle"]
 form-bundle: ["/EMS/form-bundle"]
-submission-bundle: ["/EMS/submission-bundle"]
+helpers: ["/EMS/helpers"]
+submission-bundle: ["/EMS/submission-bundle"]
+xliff: ["/EMS/xliff"]

.github/subtree-splitter-config.json

@@ -35,6 +35,11 @@
       "directory": "EMS/core-bundle",
       "target": "[email protected]:ems-project/EMSCoreBundle.git"
     },
+    {
+      "name": "admin-ui-bundle",
+      "directory": "EMS/admin-ui-bundle",
+      "target": "[email protected]:ems-project/EMSAdminUIBundle.git"
+    },
     {
       "name": "form-bundle",
       "directory": "EMS/form-bundle",

EMS/admin-ui-bundle/.github/workflows/no_pull_request.yml

@@ -0,0 +1,13 @@
+name: Close Pull Request
+
+on:
+    pull_request_target:
+        types: [opened]
+
+jobs:
+    run:
+        runs-on: ubuntu-latest
+        steps:
+            - uses: superbrothers/close-pull-request@v3
+              with:
+                  comment: "Read only repository, make pr on https://github.com/ems-project/elasticms."

EMS/admin-ui-bundle/.gitignore

@@ -0,0 +1,4 @@
+/node_modules/
+/vendor
+/.php-cs-fixer.cache
+/.phpunit.result.cache

EMS/admin-ui-bundle/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 elasticms
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

EMS/admin-ui-bundle/assets/css/_app-content.scss

@@ -0,0 +1,52 @@
+.app-content {
+  padding: $lte-content-padding-y $lte-content-padding-x;
+}
+
+.app-content-top-area,
+.app-content-bottom-area{
+  display: flex;
+  align-items: center;
+  padding: $lte-content-padding-y $lte-content-padding-x;
+  overflow: auto;
+  background: $lte-app-footer-bg;
+
+  > .row {
+    display: contents;
+  }
+
+  &.app-content-top-area-sm,
+  &.app-content-bottom-area-sm{
+    min-height: $lte-app-content-bottom-area-height-sm;
+  }
+
+  &.app-content-top-area-md,
+  &.app-content-bottom-area-md{
+    min-height: $lte-app-content-bottom-area-height-md;
+  }
+  &.app-content-top-area-lg,
+  &.app-content-bottom-area-lg{
+    min-height: $lte-app-content-bottom-area-height-lg;
+  }
+  &.app-content-top-area-xl,
+  &.app-content-bottom-area-xl{
+    min-height: $lte-app-content-bottom-area-height-xl;
+  }
+}
+
+.app-content-top-area:not(.app-content-top-area-sm):not(.app-content-top-area-md):not(.app-content-top-area-lg):not(.app-content-top-area-xl),
+.app-content-bottom-area:not(.app-content-bottom-area-sm):not(.app-content-bottom-area-md):not(.app-content-bottom-area-lg):not(.app-content-bottom-area-xl) {
+  padding-top: $grid-gutter-width * .625;
+  padding-bottom: $grid-gutter-width * .625;
+}
+
+.app-content-bottom-area {
+  border-top: $lte-app-footer-border-top;
+}
+.app-content-top-area {
+  border-bottom: $lte-app-footer-border-top;
+
+  + .app-main {
+    padding-top: $grid-gutter-width * .5;
+  }
+}
+

EMS/admin-ui-bundle/assets/css/_app-footer.scss

@@ -0,0 +1,15 @@
+//
+// Core: Main Footer
+//
+
+.app-footer {
+  grid-area: #{$lte-prefix}app-footer;
+  width: inherit;
+  max-width: 100vw;
+  min-height: 3rem;
+  padding: $lte-app-footer-padding;
+  color: $lte-app-footer-color;
+  background-color: $lte-app-footer-bg;
+  border-top: $lte-app-footer-border-top;
+  @include transition($lte-transition-speed $lte-transition-fn);
+}

EMS/admin-ui-bundle/assets/css/_app-header.scss

@@ -0,0 +1,26 @@
+//
+// Core: Main Header
+//
+
+.app-header {
+  z-index: $lte-zindex-app-header;
+  grid-area: #{$lte-prefix}app-header;
+  max-width: 100vw;
+  border-bottom: $lte-app-header-bottom-border;
+  @include transition($lte-transition-speed $lte-transition-fn);
+
+  .nav-link {
+    position: relative;
+    height: $nav-link-height;
+  }
+}
+
+// Navbar badge
+.navbar-badge {
+  position: absolute;
+  top: 9px;
+  right: 5px;
+  padding: 2px 4px;
+  font-size: .6rem;
+  font-weight: 400;
+}

EMS/admin-ui-bundle/assets/css/_app-main.scss

@@ -0,0 +1,17 @@
+.app-main {
+  position: relative;
+  grid-area: #{$lte-prefix}app-main;
+  max-width: 100vw;
+  padding-bottom: $grid-gutter-width * .5;
+  @include transition($lte-transition-speed $lte-transition-fn);
+
+  .app-content-header {
+    padding: 1rem $lte-content-padding-x;
+
+    .breadcrumb {
+      padding: 0;
+      margin-bottom: 0;
+      line-height: 2.5rem;
+    }
+  }
+}