shipit-engine 0.44.3 → 0.45.0

data/app/assets/stylesheets/_pages/_deploy.scss

@@ -1,282 +0,0 @@
-.deploy-checklist {
-  list-style-type: none;
-  padding: 0;
-  margin-top: 1.5rem;
-}
-
-.deploy-checklist__item {
-  margin-bottom: 1rem;
-  display: flex;
-}
-
-.variables-header {
-  margin: 1rem 0;
-  padding-top: 1rem;
-}
-
-.variables-fields {
-  input, select {
-    display: inline-block;
-    width: inherit;
-    margin-right: 1rem;
-  }
-}
-
-.deploy-checklist__item__label {
-
-}
-
-.deploy-checklist__item__checkbox {
-  margin-right: 1rem;
-  flex-shrink: 0;
-}
-
-.action-button {
-  margin: 0 0.5rem;
-
-  display: none;
-  &[data-status="running"],
-  &[data-status="aborting"],
-  &[data-status="pending"] {
-    display: inline-block;
-  }
-
-  .caption--pending {
-    display: none;
-  }
-
-  &.pending {
-    .deploy-action {
-      cursor: default;
-    }
-    .caption--ready {
-      display: none;
-    }
-    .caption--pending {
-      display: inline;
-    }
-  }
-}
-
-.task-output-container.task-output-container-main-page {
-  height: calc(100vh - 9rem - 4rem - 1px); // .header and .deploy-banner. -1px is to floor the result
-}
-
-.output-line {
-  height: 1.5rem;
-}
-
-.deploy-banner {
-  min-height: 4rem;
-  height: auto;
-  background-color: #f0f4f7;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  flex-wrap: wrap;
-  overflow-x: hidden;
-
-  .deploy-banner-section {
-    display: inline-block;
-    padding: .75rem 1.5rem;
-  }
-
-  .stack-link {
-    display: none;
-  }
-
-  .action-buttons {
-    flex: none;
-  }
-
-  .deploy-banner-status {
-    height: 2px;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-  }
-
-  &[data-status="failure"],
-  &[data-status="error"],
-  &[data-status="timedout"] {
-    .deploy-banner-status {
-      background-color: $bright-red;
-      width: 100%;
-    }
-  }
-
-  &[data-status="aborted"],
-  &[data-status="flapping"] {
-    .deploy-banner-status {
-      background-color: $orange;
-      width: 100%;
-    }
-  }
-
-  &[data-status="success"] .deploy-banner-status {
-    background-color: $green;
-    width: 100%;
-  }
-
-  &[data-status="pending"] .deploy-banner-status,
-  &[data-status="running"] .deploy-banner-status {
-    background-color: $blue;
-    width: 0%;
-    z-index: 9999;
-    -webkit-animation: loading-slide 1.2s linear infinite;
-  }
-
-  &[data-status="aborting"] .deploy-banner-status {
-    background-color: $orange;
-    width: 0%;
-    z-index: 9999;
-    -webkit-animation: loading-slide 1.2s linear infinite;
-  }
-
-  .deploy-status {
-    color: #8f9498;
-  }
-  .short-sha {
-    background: #e6eaed;
-    font-family: Menlo, monospace;
-    color: #9cacbb;
-    border-radius: 4px;
-    font-size: .875rem;
-    padding: .25em .45em;
-  }
-
-  .short-sha-no-bg {
-    font-family: Menlo, monospace;
-    border-radius: 4px;
-    font-size: .875rem;
-  }
-}
-
-.search-bar {
-  background-color: #f0f4f7;
-  border: 1px solid #f0f4f7;
-  position: absolute;
-  right: 0px;
-  padding: .125rem;
-  border-bottom-left-radius: .25rem;
-
-  input[type="search"] {
-    width: 300px;
-  }
-}
-
-@include keyframes(loading-slide) {
-  0% { width: 0%; left: 0%; }
-  30% {  left: 0%; }
-  100% { width: 50%; left: 100%; }
-}
-
-.code-preview {
-  margin: 1.5rem 0;
-}
-
-.sidebar.enabled + .deploy-main {
-  margin-left: 300px;
-}
-
-.sidebar {
-  background-color: $slate;
-  color: white;
-  overflow: hidden;
-  height: calc(100vh - 9rem - 1px); // .header. -1px is to floor the result
-  position: absolute;
-  width: 0px;
-  &.enabled {
-    width: 300px;
-  }
-}
-
-.sidebar-plugins {
-  height: 100%;
-  width: 100%;
-  overflow-y: auto;
-  overflow-x: hidden;
-}
-
-.commit-checks {
-  border: .25rem solid $terminal-black;
-  &[data-status="success"] {
-    border-color: $green;
-  }
-
-  &[data-status="failed"],
-  &[data-status="failure"],
-  &[data-status="error"],
-  &[data-status="timedout"] {
-    border-color: $bright-red;
-  }
-
-  &[data-status="pending"],
-  &[data-status="running"] {
-    border-color: $dark-yellow;
-  }
-}
-
-.monitoring-panel {
-  display: inline-block;
-  iframe {
-    border: none;
-  }
-}
-
-.ignored-safeties {
-  color: $orange;
-}
-
-.deploy-actions {
-  flex-shrink: 0;
-
-  @include media(desktop) {
-    margin-left: 1rem;
-    min-width: 12rem;
-
-    .btn {
-      float: right;
-    }
-  }
-}
-
-.release-validation {
-  display: inline-block;
-  .icon {
-    background-color: #ddd;
-  }
-
-  &:hover .icon {
-    background-color: darken(#ddd, 20%);
-  }
-}
-
-.deploy[data-release-status="success"] .release-validation .action-validate-release,
-.deploy[data-release-status="failure"] .release-validation .action-reject-release {
-  &:before, &:after {
-    display: none; // Hide tooltips
-  }
-  .icon {
-    background-color: #ddd;
-  }
-}
-
-.deploy .commit-lock {
-  .icon {
-    background-color: $bright-red;
-  }
-
-  &:hover .icon {
-    background-color: darken($bright-red, 20%);
-  }
-
-  .action-lock-commit {
-    display: none;
-  }
-
-  .action-unlock-commit {
-    display: inline-block;
-  }
-}

data/app/assets/stylesheets/_pages/_repositories.scss

@@ -1,148 +0,0 @@
-.repository-search {
-  -webkit-appearance: none;
-  width: 100%;
-  @extend h1;
-  border: none;
-  font-family: "Helvetica Neue", sans-serif;
-  font-weight: 200;
-  background: asset-data-url('search.svg') no-repeat center right;
-  &::-webkit-input-placeholder {
-    color: #B5C0CA;
-  }
-  &:focus {
-    outline: none;
-    background-image: asset-data-url('search-active.svg');
-  }
-}
-
-.repository-table-header {
-  @include clearfix;
-  margin: 0; padding: 1.25rem 0 1rem;
-  .col {
-    width: 25%;
-    float: left;
-  }
-  li {
-    list-style-type: none;
-    font-size: .875em;
-    color: #BAC5D1;
-  }
-}
-
-.repository-lst {
-  list-style-type: none;
-  margin: 0; padding: 0; margin-bottom: 1.5rem;
-    .col {
-      width: 25%;
-      float: left;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      overflow: hidden;
-      padding-right: .5rem;
-      box-sizing: border-box;
-    }
-    .undeployed {
-      background-image: asset-data-url('ship.png');
-      background-repeat: no-repeat;
-      background-size: 22px 22px;
-      background-position: 0px center;
-      padding-left: 30px;
-      margin-left: -30px;
-    }
-    .archived {
-      // From FontAwesome, license @ https://fontawesome.com/license/free
-      background-image: asset-data-url('archive-solid.svg');
-      background-repeat: no-repeat;
-      background-size: 22px 22px;
-      background-position: 0px center;
-      padding-left: 30px;
-      margin-left: -30px;
-    }
-    .auto-provisioned {
-      // From FontAwesome, license @ https://fontawesome.com/license/free
-      background-image: asset-data-url('magic-solid.svg');
-      background-repeat: no-repeat;
-      background-size: 22px 22px;
-      background-position: 0px center;
-      padding-left: 30px;
-      margin-left: -30px;
-    }
-}
-
-.repository-lst:empty:before {
-  content: "No environment to deploy to, Shipit Squirrel is displeased";
-}
-
-.repository-lst li {
-  &:nth-child(even) a {
-    background-color: lighten(#EDF1F3, 3.5%);
-  }
-
-  &.selected a {
-    background-color: $blue;
-    outline: none;
-    span { color: #fff; }
-    small { color: rgba(#fff, .8); }
-  }
-
-  a {
-  padding: .35rem;
-  margin-left: -0.35rem; margin-right: -0.35rem;
-  @include clearfix;
-  border-radius: 4px;
-  display: block;
-    &:hover, &:focus {
-      background-color: $blue;
-      outline: none;
-      span { color: #fff; }
-      small { color: rgba(#fff, .8); }
-    }
-  }
-}
-
-.repository-search input {
-  margin-left: 4%;
-  width: 92%;
-  padding: 6px;
-  font-size: larger;
-  -moz-border-radius: 8px;
-  -webkit-border-radius: 8px;
-  border-radius: 8px;
-  outline: 0;
-  border: 1px #a0a0a0 solid;
-}
-
-.repository-search-header {
-  display: none;
-}
-
-.show-all-repositories {
-  display: none;
-}
-
-.filtering-enabled {
-  .show-all-repositories {
-    display: inline-block;
-  }
-
-  .repository-search-header {
-    display: block;
-  }
-  .search-item.not-matching {
-    display: none;
-  }
-}
-
-.new_repository {
-  input.repo {
-    width: 200px;
-    display: inline;
-
-    &:focus {
-      padding-right: 30px !important;
-    }
-  }
-  input:focus {
-    border-color: $blue;
-  }
-}

data/app/assets/stylesheets/_pages/_settings.scss

@@ -1,24 +0,0 @@
-// =============================================================================
-// SETTINGS PAGE
-// =============================================================================
-
-.setting-section {
-  padding: 2rem 0;
-
-  & + & {
-    border-top: 1px solid #e5e5e5;
-  }
-
-  .form-hint {
-    font-size: smaller;
-    font-style: italic;
-  }
-
-  .ccmenu-url {
-    width: 85%;
-  }
-
-  .hidden {
-    display: none;
-  }
-}

data/app/assets/stylesheets/_pages/_stacks.scss

@@ -1,255 +0,0 @@
-.stack-search {
-  -webkit-appearance: none;
-  width: 100%;
-  @extend h1;
-  border: none;
-  font-family: "Helvetica Neue", sans-serif;
-  font-weight: 200;
-  background: asset-data-url('search.svg') no-repeat center right;
-  &::-webkit-input-placeholder {
-    color: #B5C0CA;
-  }
-  &:focus {
-    outline: none;
-    background-image: asset-data-url('search-active.svg');
-  }
-}
-
-.stack-table-header {
-  @include clearfix;
-  margin: 0; padding: 1.25rem 0 1rem;
-  .col {
-    width: 25%;
-    float: left;
-  }
-  li {
-    list-style-type: none;
-    font-size: .875em;
-    color: #BAC5D1;
-  }
-}
-
-.stack-lst {
-  list-style-type: none;
-  margin: 0; padding: 0; margin-bottom: 1.5rem;
-    .col {
-      width: 25%;
-      float: left;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      overflow: hidden;
-      padding-right: .5rem;
-      box-sizing: border-box;
-    }
-    .undeployed {
-      background-image: asset-data-url('ship.png');
-      background-repeat: no-repeat;
-      background-size: 22px 22px;
-      background-position: 0px center;
-      padding-left: 30px;
-      margin-left: -30px;
-    }
-    .archived {
-      // From FontAwesome, license @ https://fontawesome.com/license/free
-      background-image: asset-data-url('archive-solid.svg');
-      background-repeat: no-repeat;
-      background-size: 22px 22px;
-      background-position: 0px center;
-      padding-left: 30px;
-      margin-left: -30px;
-    }
-    .auto-provisioned {
-      // From FontAwesome, license @ https://fontawesome.com/license/free
-      background-image: asset-data-url('magic-solid.svg');
-      background-repeat: no-repeat;
-      background-size: 22px 22px;
-      background-position: 0px center;
-      padding-left: 30px;
-      margin-left: -30px;
-    }
-}
-
-.stack-lst:empty:before {
-  content: "No environment to deploy to, Shipit Squirrel is displeased";
-}
-
-.stack-lst li {
-  &:nth-child(even) a {
-    background-color: lighten(#EDF1F3, 3.5%);
-  }
-
-  &.selected a {
-    background-color: $blue;
-    outline: none;
-    span { color: #fff; }
-    small { color: rgba(#fff, .8); }
-  }
-
-  a {
-  padding: .35rem;
-  margin-left: -0.35rem; margin-right: -0.35rem;
-  @include clearfix;
-  border-radius: 4px;
-  display: block;
-    &:hover, &:focus {
-      background-color: $blue;
-      outline: none;
-      span { color: #fff; }
-      small { color: rgba(#fff, .8); }
-    }
-  }
-}
-
-.commits-path {
-  font-size: 18px;
-  small {
-    font-size: 18px;
-    color: #8D9EB0;
-  }
-}
-
-.stack-search input {
-  margin-left: 4%;
-  width: 92%;
-  padding: 6px;
-  font-size: larger;
-  -moz-border-radius: 8px;
-  -webkit-border-radius: 8px;
-  border-radius: 8px;
-  outline: 0;
-  border: 1px #a0a0a0 solid;
-}
-
-.stack-search-header {
-  display: none;
-}
-
-.show-all-stacks {
-  display: none;
-}
-
-.filtering-enabled {
-  .show-all-stacks {
-    display: inline-block;
-  }
-
-  .stack-search-header {
-    display: block;
-  }
-  .search-item.not-matching {
-    display: none;
-  }
-}
-
-.message {
-  background-color: #E2F1FF;
-  margin: 0px;
-  padding-top: 20px;
-  padding-bottom: 20px;
-
-  h2 { font-weight: bold; padding-bottom: 10px; }
-  p { margin: 0px; }
-}
-
-.configure-ci, .ignoring-ci {
-  background-color: #E2F1FF;
-  padding-top: 20px;
-  padding-bottom: 20px;
-
-  p { font-weight: bold; }
-}
-
-.new_stack {
-  input.repo {
-    width: 200px;
-    display: inline;
-
-    &:focus {
-      padding-right: 30px !important;
-    }
-  }
-  input:focus {
-    border-color: $blue;
-  }
-}
-
-.pagination {
-  text-align: center;
-}
-
-.box {
-  border-radius: 5px;
-  width: 32%;
-  float: left;
-  padding: 5px;
-}
-
-.box__header {
-  padding: 15px 25px;
-  position: relative;
-}
-
-.box__header-title {
-  color: #333;
-  font-size: 18px;
-}
-
-.box__body {
-  padding: 0 25px;
-}
-
-.row {
-  @include clearfix;
-}
-
-.auto-provisioned {
-  // From FontAwesome, license @ https://fontawesome.com/license/free
-  background-image: asset-data-url('magic-solid.svg');
-  background-repeat: no-repeat;
-  background-size: 22px 22px;
-  background-position: 0px center;
-  padding-left: 30px;
-  margin-left: 5px;
-}
-
-/* STATS */
-
-.stats {
-  color: #333;
-  position: relative;
-  padding-bottom: 25px;
-}
-
-.stats__amount {
-  font-size: 54px;
-  line-height: 1.2;
-}
-
-.stats__caption {
-  font-size: 18px;
-
-}
-
-.stats__change {
-  position: absolute;
-  top: 10px;
-  right: 0;
-  text-align: right;
-  color: #B1B7C8;
-}
-
-.stats__value {
-  font-size: 18px;
-}
-
-.stats__period {
-  font-size: 14px;
-}
-
-.stats__value--positive {
-  color: #AEDC6F;
-}
-
-.stats__value--negative {
-  color: #FB5055;
-}