From 48ca3a4007c8b9c40a3bc3789563ed9992e9b64d Mon Sep 17 00:00:00 2001 From: =Corey Hulen Date: Thu, 3 Sep 2015 13:38:22 -0700 Subject: Adding initial admin console html pages --- web/react/pages/admin_console.jsx | 8 + web/sass-files/sass/partials/_admin-console.scss | 175 +++++++++++ web/templates/admin_console.html | 362 +++++++++++++++++++++++ 3 files changed, 545 insertions(+) create mode 100644 web/react/pages/admin_console.jsx create mode 100644 web/sass-files/sass/partials/_admin-console.scss create mode 100644 web/templates/admin_console.html (limited to 'web') diff --git a/web/react/pages/admin_console.jsx b/web/react/pages/admin_console.jsx new file mode 100644 index 000000000..67ed231c5 --- /dev/null +++ b/web/react/pages/admin_console.jsx @@ -0,0 +1,8 @@ +// Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved. +// See License.txt for license information. + +export function setupAdminConsolePage() { + console.log('setting up admin page'); +} + +global.window.setup_admin_console_page = setupAdminConsolePage; diff --git a/web/sass-files/sass/partials/_admin-console.scss b/web/sass-files/sass/partials/_admin-console.scss new file mode 100644 index 000000000..b32cc1218 --- /dev/null +++ b/web/sass-files/sass/partials/_admin-console.scss @@ -0,0 +1,175 @@ +.sidebar--left { + &.sidebar--collapsable { + background: #333; + .team__header { + background: transparent; + margin-bottom: 5px; + } + .nav { + li { + padding: 0; + .icon { + width: 15px; + } + > a { + color: #fff; + padding: 9px 15px; + display: block; + &:hover, &.active, &:focus { + background-color: $primary-color; + } + } + } + .menu-icon--right { + vertical-align: top; + padding: 5px 10px; + margin: -5px; + float: right; + .fa { + font-size: 13px; + right: -2px; + position: relative; + } + } + &.nav__sub-menu { + padding: 5px 0; + background: #111; + -webkit-font-smoothing: auto; + li { + > a { + font-size: 13px; + padding: 5px 15px; + background: transparent; + color: #bbb; + &:hover { + color: lighten($primary-color, 10); + } + &.active { + color: #fff; + font-weight: 600; + } + } + .nav-more { + font-size: 13px; + padding: 5px 15px; + background: transparent; + color: #bbb; + display: block; + cursor: pointer; + &:hover { + color: lighten($primary-color, 10); + } + } + } + } + &.nav__inner-menu { + li { + > a { + padding-left: 20px; + } + } + } + } + } +} + +.app__content { + &.admin { + overflow: auto; + background-color: #f1f1f1; + padding: 0 20px 20px; + } + .wrapper--fixed { + max-width: 800px; + } + .form-horizontal { + margin-top: 40px; + .control-label { + text-align: left; + padding-right: 0; + font-weight: 600; + } + .form-group { + margin-bottom: 25px; + } + .help-text { + margin: 10px 0 0 15px; + color: #777; + .help-link { + margin-right: 5px; + } + .btn { + font-size: 13px; + } + } + .alert { + display: inline-block; + padding: 5px 7px; + margin: 0; + top: 1px; + position: relative; + } + } + .banner { + background: #fff; + border: 1px solid #ddd; + padding: 0.7em 1.5em; + font-size: 0.95em; + margin: 2em 0; + .banner__heading { + font-size: 1.5em; + } + .banner__content { + width: 80%; + } + } + .popover { + border-radius: 3px; + border: 1px solid #ccc; + width: 100%; + font-size: 0.95em; + } + .panel { + border: none; + background-color: transparent; + } + .panel-default { + > .panel-heading { + padding: 10px 0; + background-color: transparent; + } + .panel-body { + padding: 30px 0 10px; + } + } + .panel-group { + margin-bottom: 50px; + } + .panel-title { + font-size: 24px; + line-height: 1.5; + a { + text-decoration: none; + display: block; + @include clearfix; + &.collapsed { + .fa-minus { + display: none; + } + .fa-plus { + display: inline-block; + } + } + .fa { + font-size: 18px; + float: right; + margin-top: 8px; + color: #aaa; + } + .fa-plus { + display: none; + } + } + } + +} \ No newline at end of file diff --git a/web/templates/admin_console.html b/web/templates/admin_console.html new file mode 100644 index 000000000..9ee5b74ef --- /dev/null +++ b/web/templates/admin_console.html @@ -0,0 +1,362 @@ + +{{define "admin_console"}} + + +{{template "head" . }} + +
+ +
+ + +
+
+
+
+ +
+
@asaad
+
Mattermost
+
+ +
    +
  • + +
    • +
+
+ +
+
+ +
+
+ +
+
+
+
+ + + +

Email Settings

+
+
+ +
+ + +

This is some sample help text for the Bypass Email field

+
+
+
+ +
+ +
+
This is some error text for the Bypass Email field
+
+

This is some sample help text for the SMTP username field

+
+
+
+ +
+ +
+
+
+ +
+ +
+ Test Connection +
Connection successful
+
Connection unsuccessful
+
+
+
+
+ +
+ + +
+
+
+ +
+ + +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+
+
+ +
+
+
+ + +
+
+ +
+
+
+ +
+ +

This is some sample help text for the Apple push server field

+
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+ + + + +{{end}} -- cgit v1.2.3-1-g7c22