diff --git a/res/app/control-panes/dashboard/upload/upload-controller.js b/res/app/control-panes/dashboard/upload/upload-controller.js index 2f6733ee..7234af78 100644 --- a/res/app/control-panes/dashboard/upload/upload-controller.js +++ b/res/app/control-panes/dashboard/upload/upload-controller.js @@ -1,4 +1,4 @@ -module.exports = function UploadCtrl($scope, $rootScope) { +module.exports = function UploadCtrl($scope, $rootScope, SettingsService) { $scope.installation = null @@ -25,4 +25,17 @@ module.exports = function UploadCtrl($scope, $rootScope) { }) }) } +// +// $scope.installEnabled = true +// SettingsService.bind($scope, { +// key: 'installEnabled', +// storeName: 'Upload' +// }) +// +// //$scope.launchEnabled = true +// SettingsService.bind($scope, { +// key: 'launchEnabled', +// storeName: 'Upload' +// }) + } diff --git a/res/app/control-panes/dashboard/upload/upload.css b/res/app/control-panes/dashboard/upload/upload.css index fe13d5be..9dd00941 100644 --- a/res/app/control-panes/dashboard/upload/upload.css +++ b/res/app/control-panes/dashboard/upload/upload.css @@ -1,3 +1,23 @@ -.stf-upload { +.stf-upload .btn-file { + position: relative; + overflow: hidden; +} + +.stf-upload .btn-file input[type=file] { + position: absolute; + top: 0; + right: 0; + min-width: 100%; + min-height: 100%; + font-size: 999px; + text-align: right; + opacity: 0; + outline: none; + background: white; + cursor: inherit; + display: block; +} + +.stf-upload .drop-area { } \ No newline at end of file diff --git a/res/app/control-panes/dashboard/upload/upload.jade b/res/app/control-panes/dashboard/upload/upload.jade index 52f3f221..e6c8c74f 100644 --- a/res/app/control-panes/dashboard/upload/upload.jade +++ b/res/app/control-panes/dashboard/upload/upload.jade @@ -3,7 +3,35 @@ i.fa.fa-upload span(translate) Upload clear-button(ng-click='clear()', ng-disabled='!installation').btn-xs + label.checkbox-inline.pull-right + input(type='checkbox', ng-model='launchEnabled', ng-disabled='true') + span Launch + label.checkbox-inline.pull-right + input(type='checkbox', ng-model='installEnabled', ng-disabled='true') + span Install + .widget-content.padded + + .input-group.form-inline + input(type=text, ng-model='url', ng-enter='$root.install(url)', placeholder='http://...').form-control + span.input-group-btn + button.btn.btn-primary-outline(ng-click='$root.install(url)', tooltip='Upload From Link') + i.fa.fa-upload + + .drop-area(ng-file-drop='$root.install($files)') + i.fa.fa-2x.fa-upload.drop-area-icon + p.drop-area-text Drop here + + .drop-area-buttons + .btn.btn-primary-outline.file-input.btn-file.btn-sm + i.fa.fa-file + span Choose File + input(type='file', ng-file-select='$root.install($files)') + + button.btn.btn-primary-outline.btn-sm + i.fa.fa-link + span Use Link + div(ng-if='installation') p strong {{ installation.lastData }} diff --git a/res/app/layout/stf-se7en.css b/res/app/layout/stf-se7en.css index f4dd5bfa..386de8fc 100644 --- a/res/app/layout/stf-se7en.css +++ b/res/app/layout/stf-se7en.css @@ -13,3 +13,9 @@ .input-group-btn .btn { margin-right: 0; } + + +.widget-container .heading .checkbox-inline { + margin-left: 5px; + margin-right: 10px; +} \ No newline at end of file