nextcloud/passman
1
1
Fork 0
mirror of https://github.com/nextcloud/passman.git synced 2025-10-11 05:56:15 +08:00
Code Issues Projects Releases Packages Wiki Activity

implemented icon upload in icon-picker

Browse source 
Signed-off-by: fnuesse <felix.nuesse@t-online.de>
This commit is contained in:
fnuesse 2018-12-15 13:59:21 +01:00
parent 67fbba1a84
commit 78c7512200
No known key found for this signature in database
GPG key ID: 2089A3431243E819
2 changed files with 34 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
js/app/directives/iconpicker.js
View file

@ -93,7 +93,32 @@
return false; return false;
}; };
scope.useIcon = function() { $('#iconPicker-CustomIcon').on('change', function(ev) {
console.log("upload");
scope.customIcon = {};
var f = ev.target.files[0];
var fr = new FileReader();
fr.onload = function(ev2) {
scope.customIcon.data=ev2.target.result;
scope.$apply();
};
fr.readAsDataURL(f);
});
scope.useIcon = function() {
if(scope.customIcon){
var data = scope.customIcon.data;
scope.credential.icon.type = data.substring(data.lastIndexOf(":")+1,data.lastIndexOf(";"));
scope.credential.icon.content = data.substring(data.lastIndexOf(",")+1, data.length);
$('#iconPicker').dialog('close');
return;
}
$http.get(scope.selectedIcon.url).then(function(result) { $http.get(scope.selectedIcon.url).then(function(result) {
var base64Data = window.btoa(result.data); var base64Data = window.btoa(result.data);
var mimeType = 'svg+xml'; var mimeType = 'svg+xml';

14
templates/views/partials/icon-picker.html
View file

@ -13,17 +13,19 @@
</div> </div>
<div class="iconModifier"> <div class="iconModifier">
<input id="iconPicker-Search" class="iconSearch" type="text" placeholder="{{ 'pick.icon.search' | translate }}"> <input id="iconPicker-Search" class="iconSearch" type="text" placeholder="{{ 'pick.icon.search' | translate }}">
<input id="iconPicker-CustomIcon" class="iconSearch" type="file"/>
<!-- <!--
<div ng-repeat="(groupName, icons) in iconGroups"> <div ng-repeat="(groupName, icons) in iconGroups">
<a ng-click="jumpToGroup(groupName)">{{groupName}}</a> <a ng-click="jumpToGroup(groupName)">{{groupName}}</a>
</div>--> </div>-->
<div ng-if="selectedIcon"> <div ng-if="selectedIcon || customIcon">
{{ 'selected.icon' | translate}}: <br /> {{ 'selected.icon' | translate}}: <br />
<img ng-src="{{selectedIcon.url}}" height="32"> <img ng-src="{{selectedIcon.url}}" height="32" ng-if="!customIcon">
<br /> <img src="{{customIcon.data}}" height="32" ng-if="customIcon">
<button ng-click="useIcon()" ng-if="selectedIcon">{{ 'use.icon' | translate}}</button> <br />
</div> <button ng-click="useIcon()">{{ 'use.icon' | translate}}</button>
</div>
</div> </div>
</div> </div>
</div> </div>