849440ed19
Version 5 of fontawesome has somewhat better icons for things like tasks and boards. This commit makes the requisite changes to our build process to support this upgrade, and switches to the correct npm package for version 5. It also updates some icon names which were changed between versions. Change-Id: If7a538328156cc4007ae065ff96dac18fddd68da
162 lines
6.9 KiB
HTML
162 lines
6.9 KiB
HTML
<!--
|
|
~ Copyright (c) 2015-2016 Codethink Limited
|
|
~
|
|
~ Licensed under the Apache License, Version 2.0 (the "License"); you may
|
|
~ not use this file except in compliance with the License. You may obtain
|
|
~ a copy of the License at
|
|
~
|
|
~ http://www.apache.org/licenses/LICENSE-2.0
|
|
~
|
|
~ Unless required by applicable law or agreed to in writing, software
|
|
~ distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
~ WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
|
~ License for the specific language governing permissions and limitations
|
|
~ under the License.
|
|
-->
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<button type="button" class="close" aria-hidden="true"
|
|
ng-click="close()">×</button>
|
|
<h3 class="panel-title">New Board</h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<form class="form-horizontal" role="form" name="boardForm">
|
|
<div class="form-group has-feedback"
|
|
ng-class="{'has-error': boardForm.title.$invalid,
|
|
'has-success': !boardForm.title.$invalid}">
|
|
<label for="title" class="col-sm-2 control-label">
|
|
Title
|
|
</label>
|
|
<div class="col-sm-10">
|
|
<input id="title"
|
|
name="title"
|
|
type="text"
|
|
class="form-control"
|
|
ng-model="board.title"
|
|
required
|
|
focus
|
|
maxlength="100"
|
|
placeholder="Board title"
|
|
ng-disabled="isSaving">
|
|
<span class="form-control-feedback"
|
|
ng-show="boardForm.title.$invalid">
|
|
<i class="fa fa-times fa-lg"></i>
|
|
</span>
|
|
<span class="form-control-feedback"
|
|
ng-show="!boardForm.title.$invalid">
|
|
<i class="fa fa-check fa-lg"></i>
|
|
</span>
|
|
|
|
<div class="help-block text-danger"
|
|
ng-show="boardForm.title.$invalid">
|
|
<span ng-show="boardForm.title.$error.required">
|
|
A board title is required.
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr ng-show="preview">
|
|
<div class="form-group" ng-show="preview">
|
|
<div class="col-sm-offset-1 col-sm-10">
|
|
<insert-markdown content="board.description">
|
|
</insert-markdown>
|
|
</div>
|
|
</div>
|
|
<hr ng-show="preview">
|
|
<div class="form-group">
|
|
<label for="description"
|
|
class="col-sm-2 control-label">
|
|
Description
|
|
</label>
|
|
<div class="col-sm-10">
|
|
<textarea id="description"
|
|
class="form-control"
|
|
ng-model="board.description"
|
|
msd-elastic
|
|
placeholder="A short description of the board's purpose."
|
|
ng-disabled="isSaving">
|
|
</textarea>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="private" class="col-sm-2 control-label">
|
|
Private
|
|
</label>
|
|
<div class="col-sm-10 checkbox">
|
|
<input id="private"
|
|
type="checkbox"
|
|
class="modal-checkbox"
|
|
ng-model="board.private"
|
|
ng-disabled="isSaving"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="kanban-board"
|
|
id="new-board"
|
|
ng-model="lanes"
|
|
as-sortable="lanesSortable">
|
|
<div class="kanban-lane"
|
|
ng-repeat="worklist in lanes"
|
|
as-sortable-item>
|
|
<span ng-if="!worklist.editing">
|
|
<i class="fa fa-bars" ng-hide="isSaving"
|
|
as-sortable-item-handle></i>
|
|
<i class="fa fa-bars" ng-show="isSaving"></i>
|
|
|
|
<a ng-click="toggleEdit(worklist)">
|
|
{{worklist.title}}
|
|
<i class="fa fa-pencil-alt"></i>
|
|
</a>
|
|
<button type="button" class="close" title="Remove"
|
|
ng-click="removeLane(worklist)">
|
|
×
|
|
</button>
|
|
</span>
|
|
<input class="form-control"
|
|
type="text"
|
|
ng-model="worklist.title"
|
|
placeholder="Lane Title"
|
|
focus
|
|
ng-if="worklist.editing"
|
|
ng-blur="toggleEdit(worklist)" />
|
|
</div><div class="kanban-lane-clickable"
|
|
ng-click="addLane()"
|
|
ng-hide="isSaving">
|
|
Add lane
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12 text-right">
|
|
<div class="btn" ng-show="isSaving">
|
|
<i class="fa fa-spinner fa-lg fa-spin"></i>
|
|
</div>
|
|
<button type="button"
|
|
class="btn btn-primary"
|
|
ng-click="preview = !preview"
|
|
ng-disabled="isSaving">
|
|
Preview Description
|
|
</button>
|
|
<button type="button"
|
|
class="btn btn-primary"
|
|
ng-click="save()"
|
|
ng-disabled="!boardForm.$valid || isSaving">
|
|
Save Changes
|
|
</button>
|
|
<button type="button"
|
|
ng-click="close()"
|
|
class="btn btn-default"
|
|
ng-disabled="isSaving">
|
|
Cancel
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|