nextcloud
/
contacts
mirror of https://github.com/nextcloud/contacts
0
0
Fork 0
Code Issues Releases Wiki Activity

Regex pattern with notification 

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2017-09-21 15:57:49 +02:00
parent 1b744656d5
commit 4729f93701
No known key found for this signature in database
GPG Key ID: FB5ACEED51955BF8
3 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
css/_settings.scss
View File

@ -7,11 +7,8 @@
width: 100%;
}
ul.addressBookList > li {
padding: 6px 0;
display: flex;
align-items: center;
flex-wrap: wrap;
.addressBookList form input.ng-invalid-pattern {
border-color: $color-error !important;
}
ul.addressBookList > li {

1
js/components/addressBookList/addressBookList_controller.js
View File

@ -4,6 +4,7 @@ angular.module('contactsApp')
ctrl.loading = true;
ctrl.openedMenu = false;
ctrl.addressBookRegex = /^[a-zA-Z0-9À-ÿ\s-_.!?#|()]+$/i;
AddressBookService.getAll().then(function(addressBooks) {
ctrl.addressBooks = addressBooks;

8
templates/addressBookList.html
View File

@ -2,11 +2,13 @@
<ul class="addressBookList">
<li ng-repeat="addressBook in ctrl.addressBooks" addressbook data="addressBook" list="ctrl.addressBooks"></li>
<li>
<form ng-submit="ctrl.createAddressBook()">
<form ng-submit="ctrl.createAddressBook()" name="newAddressBookForm">
<input id="newList" placeholder="{{ctrl.t.addressBookName}}" class="newAddressBookInput"
ng-model="ctrl.newAddressBookName" type="text"
autocomplete="off" autocorrect="off" spellcheck="false" />
<input type="submit" value="" class="newAddressBookSubmit inline-button icon-confirm action pull-right" />
autocomplete="off" autocorrect="off" spellcheck="false"
required ng-pattern="ctrl.addressBookRegex" />
<input type="submit" value="" class="newAddressBookSubmit inline-button icon-confirm action pull-right"
ng-disabled="newAddressBookForm.$invalid || newAddressBookForm.$pristine" />
</form>
</li>
</ul>