1 <md-dialog class="project-dialog" aria-label="New Project">
2 <form name="projectForm" class="md-inline-form" novalidate>
3 <md-toolbar class="md-accent md-hue-2">
5 class="md-toolbar-tools"
7 layout-align="space-between center"
9 <span class="title">{{ vm.title | translate }}</span>
10 <md-button class="md-icon-button" ng-click="vm.closeDialog()">
12 md-font-icon="icon-close"
13 aria-label="Close dialog"
19 <md-dialog-content ms-scroll>
20 <div class="error-list">
22 ng-repeat="error in vm.errors"
25 layout-align="space-between center"
28 <span class="message">{{error.message}}</span>
29 <span class="type">({{error.type}})</span>
31 <md-button class="md-icon-button">
33 md-font-icon="icon-alert-box"
34 aria-label="alert error"
40 <md-input-container class="md-block">
41 <label translate="APP.NAME">Name</label>
45 ng-model="vm.project.name"
46 ng-pattern="/^[A-Za-z0-9\.\_]+$/i"
49 ng-disabled="!vm.newProject"
52 <div class="hint"><span translate="APP.HELP.NAME"></span></div>
54 ng-messages="projectForm['name'].$error"
55 ng-show="projectForm['name'].$touched"
58 <div ng-message="required">
59 <span translate="APP.ERRORS.NAME_REQUIRED"
60 >Name field is required</span
63 <div ng-message="pattern">
65 translate="APP.ERRORS.NAME_MUST_VALID_PATTERN"
66 translate-values="{ regex: '/^[A-Za-z0-9\.\_]+$/i' }"
67 >Name must be valid pattern
72 <md-input-container class="md-block">
73 <label translate="APP.DESCRIPTION">Description</label>
77 ng-model="vm.project.description"
81 ng-messages="projectForm['description'].$error"
82 ng-show="projectForm['description'].$touched"
85 <div ng-message="required">
86 <span translate="JSCRIPTY.ERRORS.DESCRIPTION_REQUIRED"
87 >Description field is required</span
93 <div class="error-list">
95 ng-repeat="error in vm.errors"
98 layout-align="space-between center"
101 <span class="message">{{error.message}}</span>
102 <span class="type">({{error.type}})</span>
104 <md-button class="md-icon-button">
106 md-font-icon="icon-alert-box"
107 aria-label="alert error"
117 layout-align="space-between center"
118 ng-if="!vm.crudPermissions.readOnly"
120 <div layout="row" layout-align="start center">
123 ng-if="vm.crudPermissions.canEdit && !vm.newProject"
124 ng-click="vm.saveProject()"
125 class="send-button md-accent md-raised"
126 ng-disabled="projectForm.$invalid || projectForm.$pristine"
129 translate-attr-aria-label="APP.SAVE"
136 ng-if="vm.crudPermissions.canEdit && vm.newProject"
137 ng-click="vm.addNewProject()"
138 class="send-button md-accent md-raised"
139 ng-disabled="projectForm.$invalid"
141 translate="APP.ADD_PROJECT"
142 translate-attr-aria-label="APP.ADD_PROJECT"
149 class="md-icon-button"
150 ng-if="vm.crudPermissions.canDelete && !vm.newProject"
151 ng-click="vm.deleteProject($event)"
154 translate-attr-aria-label="APP.DELETE"
156 <md-icon md-font-icon="icon-delete"></md-icon>
157 <md-tooltip><span translate="APP.DELETE">DELETE</span></md-tooltip>