jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Final fixes to taginput

Browse Source
This commit is contained in:
Girish Ramakrishnan
2016-06-10 11:46:25 -07:00
parent 324222b040
commit 63290b9936
3 changed files with 6 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
webadmin/src/js/index.js
View File

@@ -326,7 +326,7 @@ app.directive('tagInput', function () {
},
link: function ($scope, element, attrs) {
$scope.defaultWidth = 200;
$scope.tagText = '';
$scope.tagText = ''; // current tag being edited
$scope.placeholder = attrs.placeholder;
$scope.tagArray = function () {
if ($scope.inputTags === undefined) {
@@ -387,12 +387,12 @@ app.directive('tagInput', function () {
});
},
template:
'<div class="tag-input-ctn">' +
'<div class="tag-input-container">' +
'<div class="input-tag" data-ng-repeat="tag in tagArray()">' +
'{{tag}}' +
'<div class="delete-tag" data-ng-click="deleteTag($index)">&times;</div>' +
'</div>' +
'<input type="text" data-ng-style="{width: inputWidth}" data-ng-model="tagText" placeholder="{{placeholder}}"/>' +
'<input type="text" data-ng-model="tagText" placeholder="{{placeholder}}"/>' +
'</div>'
};
});

11
webadmin/src/theme.scss
View File

@@ -1060,14 +1060,7 @@ $graphs-success-alt: lighten(#27CE65, 20%);
// ----------------------------
// https://codepen.io/webmatze/pen/isuHh
.tag-input-ctn {
border: 1px solid #ccc;
padding: 2px 3px;
display: inline-block;
width: 500px;
border-radius: 3px;
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075);
.tag-input-container {
input {
display: inline-block;
float: left;
@@ -1077,7 +1070,7 @@ $graphs-success-alt: lighten(#27CE65, 20%);
line-height: 18px;
color: black;
border: 0px;
margin: 2px;
margin: 1px;
&:focus {
outline: 0;
box-shadow: 0px;

2
webadmin/src/views/users.html
View File

@@ -122,7 +122,7 @@
<div class="form-group">
<input type="text" class="form-control" ng-model="useredit.aliases" name="aliases" placeholder="Separate aliases by comma">
</div>
<tag-input placeholder='Separate aliases by comma' taglist='listtwo'></tag-input>
<tag-input class="form-group form-control" placeholder='Separate aliases by comma' taglist='useredit.aliases'></tag-input>
</div>
<br/>
<div class="form-group" ng-hide="isMe(useredit.userInfo)">