Skip to content
Snippets Groups Projects
Commit 1bd28b32 authored by Kyle Doherty's avatar Kyle Doherty
Browse files

merge

parents b4c2cc8b f25ce79b
Branches
Tags
No related merge requests found
Showing
with 150 additions and 103 deletions
......@@ -53,10 +53,6 @@ DatabasesControllers.controller('DatabaseEdit', ['$scope', '$routeParams', '$loc
// details is handled manually
};
$scope.foo = function() {
console.log($scope.form);
};
// takes in our API form database details and parses them into a map of usable form field values
var parseDetails = function(engine, details) {
var map = {};
......
<div class="wrapper">
<!-- breadcrumb -->
<section class="Breadcrumbs">
<a class="Breadcrumb Breadcrumb--path" cv-org-href="/admin/databases/">Databases</a>
<cv-chevron-right-icon class="Breadcrumb-divider" width="12px" height="12px"></cv-chevron-right-icon>
......@@ -8,8 +7,8 @@
</section>
<section class="Grid Grid--gutters">
<!-- form -->
<div class="Grid-cell">
<!-- form -->
<form class="bg-white rounded bordered shadowed" name="form" novalidate>
<div class="FormError" ng-show="form.$error.message">{{form.$error.message}}</div>
......@@ -53,14 +52,9 @@
</div>
</div>
<!-- SAVE BUTTON -->
<button class="Button" ng-class="{'Button--primary': form.$valid}" ng-click="save(database)" ng-disabled="!form.$valid">
Save
</button>
<!-- TODO: remove this fella -->
<button class="Button" ng-click="foo()">
Status
</button>
</form>
</div>
<!-- actions -->
......
......@@ -6,20 +6,21 @@
<h2 class="Breadcrumb Breadcrumb--page" ng-if="report.id">{{report.name}}</h2>
</section>
<section>
<div class="p4 bordered">
<section class="Grid Grid--gutters">
<!-- form -->
<div class="Grid-cell p4 bordered rounded shadowed">
<form name="form" novalidate>
<div ng-class="{'FormFieldError': form.name.$error.message == undefined}">
<div class="Form-field" ng-class="{'FormFieldError': form.name.$error.message == undefined}">
<mb-form-label form="form" display-name="Name" field-name="name"></mb-form-label>
<input class="input full" name="name" ng-model="report.name" required />
<input class="Form-input full" name="name" ng-model="report.name" required />
</div>
<div ng-class="{'FormFieldError': form.description.$error.message == undefined}">
<div class="Form-field" ng-class="{'FormFieldError': form.description.$error.message == undefined}">
<mb-form-label form="form" display-name="Description" field-name="description"></mb-form-label>
<input class="input full" name="description" ng-model="report.description" />
<input class="Form-input full" name="description" ng-model="report.description" />
</div>
<div ng-class="{'FormFieldError': form.mode.$error.message == undefined}">
<div class="Form-field" ng-class="{'FormFieldError': form.mode.$error.message == undefined}">
<mb-form-label form="form" display-name="Mode" field-name="mode"></mb-form-label>
<div class="Button-group">
<button class="Button" ng-class="{ 'Button--active' : report.mode === 1 }" ng-click="report.mode = 1" ng-disabled>Active</button>
......@@ -27,12 +28,12 @@
</div>
</div>
<div ng-class="{'FormFieldError': form.public_perms.$error.message == undefined}">
<div class="Form-field" ng-class="{'FormFieldError': form.public_perms.$error.message == undefined}">
<mb-form-label form="form" display-name="Permissions" field-name="public_perms"></mb-form-label>
<select class="Select" name="public_perms" ng-model="report.public_perms" ng-options="perm.id as perm.name for perm in form_input.permissions" required ></select>
</div>
<div ng-class="{'FormFieldError': form.recipients.$error.message == undefined}">
<div class="Form-field" ng-class="{'FormFieldError': form.recipients.$error.message == undefined}">
<mb-form-label form="form" display-name="Recipients" field-name="recipients"></mb-form-label>
<ul class="Checkbox-group">
<li ng-repeat="user in form_input.users">
......@@ -41,12 +42,12 @@
</li>
</div>
<div ng-class="{'FormFieldError': form.email_addresses.$error.message == undefined}">
<div class="Form-field" ng-class="{'FormFieldError': form.email_addresses.$error.message == undefined}">
<mb-form-label form="form" display-name="Email aliases" field-name="email_addresses"></mb-form-label>
<textarea class="input full" name="email_addresses" ng-model="report.email_addresses" placeholder="Enter emails (separated by commas) of other recipients, who may need this email"></textarea>
<textarea class="Form-input full" name="email_addresses" ng-model="report.email_addresses" placeholder="Enter emails (separated by commas) of other recipients, who may need this email"></textarea>
</div>
<div ng-class="{'FormFieldError': form.dataset_query.$error.message == undefined}">
<div class="Form-field" ng-class="{'FormFieldError': form.dataset_query.$error.message == undefined}">
<mb-form-label form="form" display-name="Email contents" field-name="dataset_query"></mb-form-label>
<select class="Select" ng-model="report.dataset_query.database" ng-options="db.id as db.name for db in form_input.databases" ng-change="refreshTableList(report.dataset_query.database)">
<option value="">Select a database</option>
......@@ -56,7 +57,7 @@
</select>
</div>
<div ng-class="{'FormFieldError': form.schedule.$error.message == undefined}">
<div class="Form-field" ng-class="{'FormFieldError': form.schedule.$error.message == undefined}">
<mb-form-label form="form" display-name="Schedule" field-name="schedule"></mb-form-label>
<div class="Button-group">
<button class="Button" ng-class="{ 'Button--active' : report.schedule.days_of_week[day.id] }" ng-model="report.schedule.days_of_week[day.id]" ng-repeat="day in form_input.days_of_week" btn-checkbox>{{day.name}}</button>
......@@ -79,5 +80,15 @@
</div>
</form>
</div>
<!-- actions -->
<div class="Grid-cell" ng-if="report.id">
<div class="Actions">
<h3>Actions</h3>
<div class="Actions-group">
<button class="Button" ng-click="executeReport(report.id)">Send now</button>
</div>
</div>
</div>
</section>
</div>
\ No newline at end of file
......@@ -32,7 +32,6 @@
<span class="Form-charm"></span>
</div>
<!-- SAVE BUTTON -->
<button class="Button" ng-class="{'Button--primary': form.$valid}" ng-click="save(currentOrg)" ng-disabled="!form.$valid">
Save
</button>
......
......@@ -23,7 +23,7 @@
<span ng-show="!perm.admin">Grant</span>
admin
</button>
<button class="Button Button--Danger" ng-click="delete(perm.user.id)" delete-confirm>Remove</button>
<button class="Button Button--danger" ng-click="delete(perm.user.id)" delete-confirm>Remove</button>
</td>
</tr>
</tbody>
......
......@@ -5,24 +5,24 @@
<h2 class="Breadcrumb Breadcrumb--page">Add person</h2>
</section>
<section>
<div class="p4 bordered">
<section class="Grid Grid--1of2">
<div class="Grid-cell p4 bordered rounded shadowed">
<form name="form" novalidate>
<div class="FormError" ng-show="form.$error.message">{{form.$error.message}}</div>
<div ng-class="{'FormFieldError': form.first_name.$error.message == undefined}">
<div class="Form-field" ng-class="{'FormFieldError': form.first_name.$error.message == undefined}">
<mb-form-label form="form" display-name="First name" field-name="first_name"></mb-form-label>
<input class="input full" name="first_name" ng-model="newUser.first_name" required />
<input class="Form-input full" name="first_name" placeholder="John" ng-model="newUser.first_name" required />
</div>
<div ng-class="{'FormFieldError': form.last_name.$error.message == undefined}">
<div class="Form-field" ng-class="{'FormFieldError': form.last_name.$error.message == undefined}">
<mb-form-label form="form" display-name="Last name" field-name="last_name"></mb-form-label>
<input class="input full" name="last_name" ng-model="newUser.last_name" required />
<input class="Form-input full" name="last_name" placeholder="Doe" ng-model="newUser.last_name" required />
</div>
<div ng-class="{'FormFieldError': form.email.$error.message == undefined}">
<div class="Form-field" ng-class="{'FormFieldError': form.email.$error.message == undefined}">
<mb-form-label form="form" display-name="Email" field-name="email"></mb-form-label>
<input class="input full" name="email" ng-model="newUser.email" required />
<input class="Form-input full" name="email" placeholder="johndoe@mycompany.com" ng-model="newUser.email" required />
</div>
<div>
......
......@@ -4,7 +4,11 @@
/*global _*/
/*global $*/
var AuthControllers = angular.module('corvus.auth.controllers', ['ipCookie', 'corvus.services']);
var AuthControllers = angular.module('corvus.auth.controllers', [
'ipCookie',
'corvus.services',
'metabase.forms'
]);
AuthControllers.controller('Login', ['$scope', '$location', '$timeout', 'ipCookie', 'Session', 'AppState', function($scope, $location, $timeout, ipCookie, Session, AppState) {
......
<div class="wrapper">
<div class="layout-centered col col-sm-12 col-md-6 col-lg-8 clearfix">
<div class="col col-sm-12 col-md-6 relative px3">
<div class="Login-greeting-wrapper">
<h1 class="Login-greeting text-brand" title="wutang">Metabase</h1>
<div class="bg-white flex flex-column layout-centered full-height">
<div class="wrapper">
<div class="Grid Grid--1of2">
<div class="Grid-cell flex layout-centered">
<svg width="66px" height="85px" viewBox="0 0 66 85" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="logo"fill="#4990E2">
<path d="M46.8253288,70.4935014 C49.5764899,70.4935014 51.8067467,68.1774705 51.8067467,65.3205017 C51.8067467,62.4635329 49.5764899,60.147502 46.8253288,60.147502 C44.0741676,60.147502 41.8439108,62.4635329 41.8439108,65.3205017 C41.8439108,68.1774705 44.0741676,70.4935014 46.8253288,70.4935014 Z M32.8773585,84.9779005 C35.6285197,84.9779005 37.8587764,82.6618697 37.8587764,79.8049008 C37.8587764,76.947932 35.6285197,74.6319011 32.8773585,74.6319011 C30.1261973,74.6319011 27.8959405,76.947932 27.8959405,79.8049008 C27.8959405,82.6618697 30.1261973,84.9779005 32.8773585,84.9779005 Z M32.8773585,70.4935014 C35.6285197,70.4935014 37.8587764,68.1774705 37.8587764,65.3205017 C37.8587764,62.4635329 35.6285197,60.147502 32.8773585,60.147502 C30.1261973,60.147502 27.8959405,62.4635329 27.8959405,65.3205017 C27.8959405,68.1774705 30.1261973,70.4935014 32.8773585,70.4935014 Z M18.9293882,70.4935014 C21.6805494,70.4935014 23.9108062,68.1774705 23.9108062,65.3205017 C23.9108062,62.4635329 21.6805494,60.147502 18.9293882,60.147502 C16.1782271,60.147502 13.9479703,62.4635329 13.9479703,65.3205017 C13.9479703,68.1774705 16.1782271,70.4935014 18.9293882,70.4935014 Z M46.8253288,56.0091023 C49.5764899,56.0091023 51.8067467,53.6930714 51.8067467,50.8361026 C51.8067467,47.9791337 49.5764899,45.6631029 46.8253288,45.6631029 C44.0741676,45.6631029 41.8439108,47.9791337 41.8439108,50.8361026 C41.8439108,53.6930714 44.0741676,56.0091023 46.8253288,56.0091023 Z M18.9293882,56.0091023 C21.6805494,56.0091023 23.9108062,53.6930714 23.9108062,50.8361026 C23.9108062,47.9791337 21.6805494,45.6631029 18.9293882,45.6631029 C16.1782271,45.6631029 13.9479703,47.9791337 13.9479703,50.8361026 C13.9479703,53.6930714 16.1782271,56.0091023 18.9293882,56.0091023 Z M46.8253288,26.8995984 C49.5764899,26.8995984 51.8067467,24.5835675 51.8067467,21.7265987 C51.8067467,18.8696299 49.5764899,16.553599 46.8253288,16.553599 C44.0741676,16.553599 41.8439108,18.8696299 41.8439108,21.7265987 C41.8439108,24.5835675 44.0741676,26.8995984 46.8253288,26.8995984 Z M32.8773585,41.5247031 C35.6285197,41.5247031 37.8587764,39.2086723 37.8587764,36.3517034 C37.8587764,33.4947346 35.6285197,31.1787037 32.8773585,31.1787037 C30.1261973,31.1787037 27.8959405,33.4947346 27.8959405,36.3517034 C27.8959405,39.2086723 30.1261973,41.5247031 32.8773585,41.5247031 Z M32.8773585,10.3459994 C35.6285197,10.3459994 37.8587764,8.02996853 37.8587764,5.17299969 C37.8587764,2.31603085 35.6285197,0 32.8773585,0 C30.1261973,0 27.8959405,2.31603085 27.8959405,5.17299969 C27.8959405,8.02996853 30.1261973,10.3459994 32.8773585,10.3459994 Z M32.8773585,26.8995984 C35.6285197,26.8995984 37.8587764,24.5835675 37.8587764,21.7265987 C37.8587764,18.8696299 35.6285197,16.553599 32.8773585,16.553599 C30.1261973,16.553599 27.8959405,18.8696299 27.8959405,21.7265987 C27.8959405,24.5835675 30.1261973,26.8995984 32.8773585,26.8995984 Z M18.9293882,26.8995984 C21.6805494,26.8995984 23.9108062,24.5835675 23.9108062,21.7265987 C23.9108062,18.8696299 21.6805494,16.553599 18.9293882,16.553599 C16.1782271,16.553599 13.9479703,18.8696299 13.9479703,21.7265987 C13.9479703,24.5835675 16.1782271,26.8995984 18.9293882,26.8995984 Z" id="Oval-14" opacity="0.2"></path>
<path d="M60.773299,70.4935014 C63.5244602,70.4935014 65.754717,68.1774705 65.754717,65.3205017 C65.754717,62.4635329 63.5244602,60.147502 60.773299,60.147502 C58.0221379,60.147502 55.7918811,62.4635329 55.7918811,65.3205017 C55.7918811,68.1774705 58.0221379,70.4935014 60.773299,70.4935014 Z M4.98141795,70.3527958 C7.73257912,70.3527958 9.96283591,68.0367649 9.96283591,65.1797961 C9.96283591,62.3228273 7.73257912,60.0067964 4.98141795,60.0067964 C2.23025679,60.0067964 0,62.3228273 0,65.1797961 C0,68.0367649 2.23025679,70.3527958 4.98141795,70.3527958 Z M60.773299,56.0091023 C63.5244602,56.0091023 65.754717,53.6930714 65.754717,50.8361026 C65.754717,47.9791337 63.5244602,45.6631029 60.773299,45.6631029 C58.0221379,45.6631029 55.7918811,47.9791337 55.7918811,50.8361026 C55.7918811,53.6930714 58.0221379,56.0091023 60.773299,56.0091023 Z M32.8773585,56.0091023 C35.6285197,56.0091023 37.8587764,53.6930714 37.8587764,50.8361026 C37.8587764,47.9791337 35.6285197,45.6631029 32.8773585,45.6631029 C30.1261973,45.6631029 27.8959405,47.9791337 27.8959405,50.8361026 C27.8959405,53.6930714 30.1261973,56.0091023 32.8773585,56.0091023 Z M4.98141795,55.8683967 C7.73257912,55.8683967 9.96283591,53.5523658 9.96283591,50.695397 C9.96283591,47.8384281 7.73257912,45.5223973 4.98141795,45.5223973 C2.23025679,45.5223973 0,47.8384281 0,50.695397 C0,53.5523658 2.23025679,55.8683967 4.98141795,55.8683967 Z M60.773299,41.5247031 C63.5244602,41.5247031 65.754717,39.2086723 65.754717,36.3517034 C65.754717,33.4947346 63.5244602,31.1787037 60.773299,31.1787037 C58.0221379,31.1787037 55.7918811,33.4947346 55.7918811,36.3517034 C55.7918811,39.2086723 58.0221379,41.5247031 60.773299,41.5247031 Z M46.8253288,41.5247031 C49.5764899,41.5247031 51.8067467,39.2086723 51.8067467,36.3517034 C51.8067467,33.4947346 49.5764899,31.1787037 46.8253288,31.1787037 C44.0741676,31.1787037 41.8439108,33.4947346 41.8439108,36.3517034 C41.8439108,39.2086723 44.0741676,41.5247031 46.8253288,41.5247031 Z M60.773299,26.8995984 C63.5244602,26.8995984 65.754717,24.5835675 65.754717,21.7265987 C65.754717,18.8696299 63.5244602,16.553599 60.773299,16.553599 C58.0221379,16.553599 55.7918811,18.8696299 55.7918811,21.7265987 C55.7918811,24.5835675 58.0221379,26.8995984 60.773299,26.8995984 Z M18.9293882,41.5247031 C21.6805494,41.5247031 23.9108062,39.2086723 23.9108062,36.3517034 C23.9108062,33.4947346 21.6805494,31.1787037 18.9293882,31.1787037 C16.1782271,31.1787037 13.9479703,33.4947346 13.9479703,36.3517034 C13.9479703,39.2086723 16.1782271,41.5247031 18.9293882,41.5247031 Z M4.98141795,41.3839975 C7.73257912,41.3839975 9.96283591,39.0679667 9.96283591,36.2109978 C9.96283591,33.354029 7.73257912,31.0379981 4.98141795,31.0379981 C2.23025679,31.0379981 0,33.354029 0,36.2109978 C0,39.0679667 2.23025679,41.3839975 4.98141795,41.3839975 Z M4.98141795,26.8995984 C7.73257912,26.8995984 9.96283591,24.5835675 9.96283591,21.7265987 C9.96283591,18.8696299 7.73257912,16.553599 4.98141795,16.553599 C2.23025679,16.553599 0,18.8696299 0,21.7265987 C0,24.5835675 2.23025679,26.8995984 4.98141795,26.8995984 Z" id="Oval-14" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
</div>
<div class="Grid-cell">
<form class="Login-wrapper bg-white bordered rounded shadowed p4" name="form" novalidate>
<h3 class="Login-header mb3">Sign in to Metabase</h3>
<div class="FormError" ng-show="form.$error.message">{{form.$error.message}}</div>
<div ng-class="{'Form-group--error': form.email.$error.message == undefined}">
<mb-form-label form="form" display-name="Email address" field-name="email"></mb-form-label>
<input class="Form-input py1" name="email" placeholder="youlooknicetoday@email.com" type="text" ng-model="email" autofocus>
</div>
<div ng-class="{'Form-group--error': form.password.$error.message == undefined}">
<mb-form-label form="form" display-name="Password" field-name="password"></mb-form-label>
<input class="Form-input py1" name="password" placeholder="Shh..." type="password" ng-model="password">
</div>
<div>
<input name="remember" type="checkbox" ng-init="remember_me = true" ng-model="remember_me" checked>
<label class="inline-block">Remember Me:</label>
</div>
<div class="mt2">
<button class="Button" ng-class="{'Button--primary': form.$valid}" ng-click="login(email, password, remember_me)" ng-disabled="!form.$valid">
Sign in
</button>
</div>
</form>
<a class="block text-grey-3 text-centered py2 link" href="/auth/forgot_password">I seem to have forgotten my password</a>
</div>
</div>
<div class="Login-form col col-sm-12 col-md-6">
<form class="Form" novalidate>
<div class="Form-group">
<h3 class="text-normal">Sign in</h3>
</div>
<alert class="Form-group alert mx2" type="error" ng-if="error">{{error}}</alert>
<div class="Form-group">
<input class="input block full" autofocus="autofocus" name="login" placeholder="Email" type="text" ng-model="email">
</div>
<div class="Form-group">
<input class="input block full" name="password" placeholder="Password" type="password" ng-model="password">
</div>
<div class="Form-group">
<input id="id_remember" name="remember" type="checkbox" ng-init="remember_me = true" ng-model="remember_me" checked>
<label class="text-grey-4">Remember Me:</label>
</div>
<div class="Form-group py4">
<button class="Button Button--primary" ng-click="login(email, password, remember_me)">
Sign in
</button>
<a class="Button" href="/auth/forgot_password">
Forgot Password
</a>
</div>
</form>
</div>
</div>
</div>
<section class="brand-scene absolute bottom left right">
<svg class="brand-boat" width="27px" height="28px" viewBox="0 0 27 28">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-52.000000, -49.000000)" fill="#fff">
<path d="M56.9966734,62.0821591 C56.9548869,62.5960122 56.5246217,63 56,63 C55.4477153,63 55,62.5522847 55,62 C55,61.4477153 55.4477153,61 56,61 C56.1542427,61 56.3003292,61.0349209 56.4307846,61.0972878 C56.4365546,60.9708421 56.4672874,60.8469847 56.5249064,60.738086 L60.591292,53.0527085 C60.6128147,53.0120312 60.6340855,52.9741034 60.6550548,52.9389125 C60.2727349,52.7984089 60,52.4310548 60,52 C60,51.4477153 60.4477153,51 61,51 C61.5522847,51 62,51.4477153 62,52 C62,52.4778316 61.6648606,52.8773872 61.2168176,52.9764309 C61.2239494,53.0443316 61.2276783,53.1212219 61.2276783,53.2070193 L61.2276783,64.6460667 C61.2276783,64.7905295 61.2109404,64.9142428 61.1799392,65.0161455 C61.6463447,65.1008929 62,65.5091461 62,66 C62,66.5522847 61.5522847,67 61,67 C60.4477153,67 60,66.5522847 60,66 C60,65.6775356 60.1526298,65.3907197 60.3895873,65.2078547 C60.3353792,65.1698515 60.2797019,65.1246206 60.2229246,65.0720038 L56.9966734,62.0821591 Z M66.1768361,51.0536808 L76.3863147,62.9621534 C76.6248381,62.7575589 76.9348843,62.6339439 77.2738087,62.6339439 C78.0269541,62.6339439 78.6374991,63.2443563 78.6374991,63.9973383 C78.6374991,64.7503202 78.0269541,65.3607327 77.2738087,65.3607327 C76.7179077,65.3607327 76.2396954,65.0281798 76.0273418,64.5512033 L76.0273418,64.5512033 L66.2470617,68.8970508 L66.2470617,68.8970508 C66.3224088,69.0662913 66.3642852,69.2537142 66.3642852,69.4509158 C66.3642852,70.2038977 65.7537402,70.8143102 65.0005948,70.8143102 C64.2474494,70.8143102 63.6369043,70.2038977 63.6369043,69.4509158 C63.6369043,68.6979339 64.2474494,68.0875214 65.0005948,68.0875214 L65.0005948,51.7267888 C64.2474494,51.7267888 63.6369043,51.1163763 63.6369043,50.3633944 C63.6369043,49.6104125 64.2474494,49 65.0005948,49 C65.7537402,49 66.3642852,49.6104125 66.3642852,50.3633944 C66.3642852,50.6152816 66.2959632,50.8512148 66.1768361,51.0536808 L66.1768361,51.0536808 Z M74.9589487,72 C76.0592735,72 76.2934239,72.6072543 75.4783436,73.3596586 L73.4702868,75.2133052 C72.656816,75.9642239 71.1011127,76.5729638 69.999426,76.5729638 L57.9641665,76.5729638 C56.8607339,76.5729638 55.3083859,75.9657095 54.4933056,75.2133052 L52.4852488,73.3596586 C51.6717779,72.6087399 51.9052063,72 53.0046438,72 L74.9589487,72 Z" id="boat" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
<div class="brand-illustration"></div>
<div class="bg-brand block py3 absolute bottom left right"></div>
</section>
......@@ -59,6 +59,10 @@
display: table;
}
.flex {
display: flex;
}
.table-cell {
display: table-cell;
}
......@@ -91,11 +95,16 @@
.left { left: 0; }
.layout-centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transform-style: preserve-3d;
align-items: center;
justify-content: center;
}
.flex-column {
flex-direction: column;
}
.flex-row {
flex-direction: row;
}
/* grid */
......
.Login-page {
height: 420px;
.brand-scene {
z-index: 4;
display: none;
}
.Login-greeting {
margin-top: 2em;
font-size: 3em;
.brand-boat {
position: relative;
z-index: 6;
-webkit-animation: boat_trip 200s linear infinite;
margin-bottom: 0.5em;
}
@media screen and (--breakpoint-min-md) {
.Login-form {
border-left: 1px solid #d9d9d9;
@-webkit-keyframes boat_trip {
0% {
margin-left: -2%;
}
10% {
margin-left: 5%;
transform: translate3d(0, 0, 2%);
}
100% {
margin-left: 120%;
}
}
.Login-form .Form {
width: 100%;
.Login-header {
color: #6A6A6A;
}
.brand-illustration {
position: absolute;
height: 202px;
bottom: 15px;
left: -100px;
right: -100px;
background-image: url('../img/bridge.png');
background-repeat: no-repeat;
background-size: 100% 100%;
z-index: 5;
}
......@@ -6,29 +6,29 @@
<h2 class="Breadcrumb Breadcrumb--page" ng-if="organization.id">{{organization.name}}</h2>
</section>
<section>
<div class="p4 bordered">
<section class="Grid Grid--1of2">
<div class="Grid-cell p4 bordered rounded shadowed">
<form name="form" novalidate>
<div class="FormError" ng-show="form.$error.message">{{form.$error.message}}</div>
<div ng-class="{'FormFieldError': form.slug.$error.message == undefined}">
<div class="Form-field" ng-class="{'FormFieldError': form.slug.$error.message == undefined}">
<mb-form-label form="form" display-name="Slug" field-name="slug"></mb-form-label>
<input class="input full" name="slug" ng-model="organization.slug" ng-disabled="organization.id" required />
<input class="Form-input full" name="slug" placeholder="A short name to go in URLs" ng-model="organization.slug" ng-disabled="organization.id" required />
</div>
<div ng-class="{'FormFieldError': form.name.$error.message == undefined}">
<div class="Form-field" ng-class="{'FormFieldError': form.name.$error.message == undefined}">
<mb-form-label form="form" display-name="Name" field-name="name"></mb-form-label>
<input class="input full" name="name" ng-model="organization.name" required />
<input class="Form-input full" name="name" placeholder="What is the name of your organization?" ng-model="organization.name" required />
</div>
<div ng-class="{'FormFieldError': form.description.$error.message == undefined}">
<div class="Form-field" ng-class="{'FormFieldError': form.description.$error.message == undefined}">
<mb-form-label form="form" display-name="Description" field-name="description"></mb-form-label>
<input class="input full" name="description" ng-model="organization.description" />
<input class="Form-input full" name="description" placeholder="What else should people know about this org?" ng-model="organization.description" />
</div>
<div ng-class="{'FormFieldError': form.logo_url.$error.message == undefined}">
<div class="Form-field" ng-class="{'FormFieldError': form.logo_url.$error.message == undefined}">
<mb-form-label form="form" display-name="Logo url" field-name="logo_url"></mb-form-label>
<input class="input full" name="logo_url" ng-model="organization.logo_url" />
<input class="Form-input full" name="logo_url" placeholder="Link to an image of your logo" ng-model="organization.logo_url" />
</div>
<div>
......
......@@ -28,7 +28,7 @@
</td>
<td>
<button class="Button Button--primary" ng-click="saveSetting(setting)" ng-disabled="!setting.value || setting.value === setting.originalValue">Save</button>
<button class="mx2 Button Button--danger" ng-click="deleteSetting(setting)" ng-disabled="!setting.originalValue">Clear</button>
<button class="mx2 Button" ng-class="{ 'Button--danger' : setting.value !== null}" ng-click="deleteSetting(setting)" ng-disabled="!setting.originalValue">Clear</button>
</td>
</tr>
</tbody>
......
......@@ -193,8 +193,8 @@
</nav>
</div>
<div class="MainContent">
<div ng-view></div>
<div class="MainContent full-height">
<div class="full-height" ng-view></div>
</div>
</body>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment