diff --git a/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Controllers/ImagePickerPreValues.js b/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Controllers/ImagePickerPreValues.js index 70135b3..54995df 100644 --- a/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Controllers/ImagePickerPreValues.js +++ b/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Controllers/ImagePickerPreValues.js @@ -27,7 +27,7 @@ $scope.layouts = [ { name: 'Tiles', alias: 'tiles' }, - { name: 'Liste', alias: 'list' } + { name: 'List', alias: 'list' } ]; $scope.layout = $scope.layouts[0]; diff --git a/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Directives/ImagePicker.js b/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Directives/ImagePicker.js index 03d5c9a..8340bed 100644 --- a/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Directives/ImagePicker.js +++ b/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Directives/ImagePicker.js @@ -1,4 +1,4 @@ -angular.module('umbraco').directive('skybrudImagepicker', ['dialogService', 'skybrudImagePickerService', 'skybrudLinkPickerService', 'userService', 'entityResource', 'mediaHelper', function (dialogService, p, links, userService, entityResource, mediaHelper) { +angular.module('umbraco').directive('skybrudImagepicker', ['dialogService', 'skybrudImagePickerService', 'skybrudLinkPickerService', 'userService', 'entityResource', 'mediaHelper', 'localizationService', function (dialogService, p, links, userService, entityResource, mediaHelper, localizationService) { return { scope: { value: '=', @@ -91,6 +91,38 @@ } + function initLabels() { + + scope.labels = { + confirmRemoveTile: 'Are you sure you wish to remove this tile?', + confirmRemoveRow: 'Are you sure you wish to remove this row?', + selectImage: 'Select image', + selectImages: 'Select images', + maxRows: 'You can\'t add more than the ' + scope.cfg.limit + ' allowed rows.' + }; + + localizationService.localize('imagepicker_confirmRemoveTile').then(function (value) { + scope.labels.confirmRemoveTile = value; + }); + + localizationService.localize('imagepicker_confirmRemoveRow').then(function (value) { + scope.labels.confirmRemoveRow = value; + }); + + localizationService.localize('imagepicker_dialogSelectImage').then(function (value) { + scope.labels.selectImage = value; + }); + + localizationService.localize('imagepicker_dialogSelectImages').then(function (value) { + scope.labels.selectImages = value; + }); + + localizationService.localize('imagepicker_labelMaxRows', [scope.cfg.limit]).then(function (value) { + scope.labels.maxRows = value; + }); + + } + /// Gets an URL for a cropped version of the image (based on the current configuration) function getImageUrl(item) { return item.$image ? item.$image.image + '?width=' + scope.cfg.image.width + '&height=' + scope.cfg.image.height + '&mode=crop' : null; @@ -126,7 +158,8 @@ }; scope.removeItem = function (index) { - if (confirm('Er du sikker på at du vil slette denne slide?')) { + var text = (scope.layout == 'list' ? scope.labels.confirmRemoveRow : scope.labels.confirmRemoveTile); + if (confirm(text)) { scope.value.items.splice(index, 1); } }; @@ -158,8 +191,8 @@ } else { scope.mediaPickerOverlay = { - view: "mediapicker", - title: "Select media", + view: 'mediapicker', + title: scope.labels.selectImage, startNodeId: startNodeId, multiPicker: false, onlyImages: true, @@ -238,6 +271,7 @@ initValue(); initConfig(); + initLabels(); } }; diff --git a/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Lang/da-DK.xml b/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Lang/da-DK.xml new file mode 100644 index 0000000..99308f1 --- /dev/null +++ b/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Lang/da-DK.xml @@ -0,0 +1,44 @@ + + + + + + Tiles + Liste + + Vælg billede + Vælg billeder + + Er du sikker på at du vil slette denne tile? + Er du sikker på at du vil slette denne række? + + Ikke angivet + Der er endnu ikke tilføjet nogle billeder. + Du kan ikke tilføje flere end de %0% tilladte rækker. + + Billede + Titel + Angiv titel her + Beskrivelse + Angiv beskrivelse her + + Link + Type + URL + ID + Tekst + Target + + Add an image + Slet billedet fra galleriet + Flyt billedet til højre + Flyt billedet til venstre + + Rediger link + Slet link + Tilføj link + + Tilføj ny række + + + \ No newline at end of file diff --git a/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Lang/en-GB.xml b/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Lang/en-GB.xml new file mode 100644 index 0000000..e23cecf --- /dev/null +++ b/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Lang/en-GB.xml @@ -0,0 +1,47 @@ + + + + + + Tiles + List + + Select image + Select images + + Are you sure you wish to remove this tile? + Are you sure you wish to remove this row? + + Not specified + There has not yet been added any images. + You can't add more than the %0% allowed rows. + + Image + Title + Specify title here + Description + Specify description here + + Link + Type + URL + ID + Text + Target + + Add an image + Remove the image + Move the image to the right + Move the image to the left + + Edit link + Remove link + Add link + + Add new row + + Edit row + Remove row + + + \ No newline at end of file diff --git a/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Lang/en-US.xml b/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Lang/en-US.xml new file mode 100644 index 0000000..c1e3549 --- /dev/null +++ b/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Lang/en-US.xml @@ -0,0 +1,47 @@ + + + + + + Tiles + List + + Select image + Select images + + Are you sure you wish to remove this tile? + Are you sure you wish to remove this row? + + Not specified + There has not yet been added any images. + You can't add more than the %0% allowed rows. + + Image + Title + Specify title here + Description + Specify description here + + Link + Type + URL + ID + Text + Target + + Add an image + Remove the image + Move the image to the right + Move the image to the left + + Edit link + Remove link + Add link + + Add new row + + Edit row + Remove row + + + \ No newline at end of file diff --git a/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Styles/ImagePicker.css b/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Styles/ImagePicker.css index fef4228..5ba355c 100644 --- a/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Styles/ImagePicker.css +++ b/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Styles/ImagePicker.css @@ -21,6 +21,12 @@ font-size: 10px; line-height: 12px; } +.SkybrudImagePicker .umb-table-row { + -moz-user-select: initial; + -ms-user-select: initial; + -webkit-user-select: initial; + user-select: initial; +} .SkybrudImagePicker .SkybrudImagePickerTiles > div { display: flex; flex-wrap: wrap; diff --git a/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Styles/ImagePicker.less b/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Styles/ImagePicker.less index 11eea61..20d3d74 100644 --- a/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Styles/ImagePicker.less +++ b/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Styles/ImagePicker.less @@ -5,6 +5,13 @@ line-height: 12px; } + .umb-table-row { + -moz-user-select: initial; + -ms-user-select: initial; + -webkit-user-select: initial; + user-select: initial; + } + .SkybrudImagePickerTiles { > div { diff --git a/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Styles/ImagePicker.min.css b/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Styles/ImagePicker.min.css index 08eebae..8082f81 100644 --- a/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Styles/ImagePicker.min.css +++ b/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Styles/ImagePicker.min.css @@ -1 +1 @@ -.SkybrudImagePicker pre{font-size:10px;line-height:12px}.SkybrudImagePicker .SkybrudImagePickerTiles>div{display:flex;flex-wrap:wrap}.SkybrudImagePicker .SkybrudImagePickerTiles .tile{display:block;margin:0 10px 10px 0;padding:5px}.SkybrudImagePicker .SkybrudImagePickerTiles .tile.tile-item{border:1px solid #d9d9d9;background:#f8f8f8}.SkybrudImagePicker .SkybrudImagePickerTiles .tile.tile-add{margin-bottom:10px;width:250px;max-width:250px;color:#d9d9d9;text-align:center;text-decoration:none;border:2px #d9d9d9 dashed;transition:all 150ms ease-in-out;position:relative;min-height:250px;padding:4px}.SkybrudImagePicker .SkybrudImagePickerTiles .tile.tile-add i{font-size:32px;position:absolute;top:50%;left:0;right:0;margin-top:-10px}.SkybrudImagePicker .SkybrudImagePickerTiles .subpart+.subpart{margin-top:10px}.SkybrudImagePicker .SkybrudImagePickerList .subpart+.subpart{margin-top:10px}.SkybrudImagePicker .subpart .title{font-weight:bold;border-bottom:1px solid #d9d9d9;margin-bottom:2px;padding-bottom:2px}.SkybrudImagePicker .subpart input[type='text']{box-sizing:border-box;height:30px;width:100%;border-color:#ececec;transition:border linear .2s,box-shadow linear .2s}.SkybrudImagePicker .subpart input[type='text']:hover,.SkybrudImagePicker .subpart input[type='text']:focus{border:1px solid #ccc}.SkybrudImagePicker .subpart textarea{box-sizing:border-box;width:100%;resize:vertical;border-color:#ececec;transition:border linear .2s,box-shadow linear .2s}.SkybrudImagePicker .subpart textarea:hover,.SkybrudImagePicker .subpart textarea:focus{border:1px solid #ccc}.SkybrudImagePicker .layout-selector{height:30px;margin-bottom:10px}.SkybrudImagePicker .layout-selector>div{float:right;font-size:20px;cursor:pointer;border:1px solid transparent;color:#999;display:block;width:30px;height:30px;line-height:30px;box-sizing:border-box;text-align:center}.SkybrudImagePicker .layout-selector>div:hover{border-color:#d9d9d9;color:#000}.SkybrudImagePicker .layout-selector>div.active{color:#000}.SkybrudImagePicker .image{position:relative}.SkybrudImagePicker .image .remove{position:absolute;bottom:10px;right:10px;color:#f00;background:#fff;border-radius:15px;text-align:center;text-decoration:none;width:32px;height:32px;overflow:hidden;font-size:24px;line-height:36px;opacity:.5;display:none}.SkybrudImagePicker .image:hover .remove{display:block}.SkybrudImagePicker .ui-sortable-helper{display:none}.SkybrudImagePicker .ui-sortable-placeholder{border:inherit;background-color:#d0e7f1 !important;font-size:14px;font-family:inherit;height:66px !important;visibility:visible !important}.SkybrudImagePicker .umb-table-body .umb-table-row:hover{background-color:transparent}.SkybrudImagePicker .umb-table-row{color:#343434;cursor:default}.SkybrudImagePicker .umb-table-body .item .umb-table-row{min-height:60px}.SkybrudImagePicker .umb-table-body .item .umb-table-row+.umb-table-row{border-top:0;padding:15px}.SkybrudImagePicker .umb-table-body .item .col-thumbnail i.icon{font-size:22px;line-height:22px;color:#0064cd}.SkybrudImagePicker .umb-table-body .item .col-actions{font-size:14px}.SkybrudImagePicker .spacer{height:1px;background:#dbdbdb;margin:5px 0 10px 0}.SkybrudImagePicker .umb-table .subpart{margin:0 20px 20px 0 !important;min-width:250px}.SkybrudImagePicker .linkUrl{line-height:12px;font-size:12px}.umb-control .SkybrudImagePicker{padding:10px}.umb-grid .SkybrudImagePicker .ui-sortable-placeholder{position:static;height:auto;margin:0}.umb-grid .SkybrudImagePicker .ui-sortable-placeholder:after,.umb-grid .SkybrudImagePicker .ui-sortable-placeholder:before{display:none}.SkybrudImagePickerPreValues .option{margin-left:20px}.SkybrudImagePickerPreValues .option .value{padding:10px 5px}.SkybrudImagePickerPreValues .option.checkbox{padding:0;min-height:initial;padding-bottom:5px}.SkybrudImagePickerPreValues .option.checkbox .value{padding-left:10px}.SkybrudImagePickerPreValues .option+.option{margin-top:20px}.SkybrudImagePickerPreValues .option .key small{display:block}.SkybrudImagePickerPreValues label.option{display:block}.SkybrudImagePickerPreValues .option .value input[type='text']{box-sizing:border-box;height:30px;line-height:30px;width:100%}.SkybrudImagePickerPreValues .value input[type='number']{width:initial}.SkybrudImagePickerPreValues .option.width .value,.SkybrudImagePickerPreValues .option.height .value{line-height:30px}.SkybrudImagePickerPreValues .option.width .value input[type='number'],.SkybrudImagePickerPreValues .option.height .value input[type='number']{width:50px}.umb-overlay .SkybrudImagePickerPreValues .optionGroup{margin-top:40px}.SkybrudImagePickerPreValues .optionGroup .optionGroupTitle{margin-bottom:20px;background:#f8f8f8;padding:5px 10px;font-weight:bold}.SkybrudImagePickerPreValues .optionGroup+.optionGroup{margin-top:40px} \ No newline at end of file +.SkybrudImagePicker pre{font-size:10px;line-height:12px}.SkybrudImagePicker .umb-table-row{-moz-user-select:initial;-ms-user-select:initial;-webkit-user-select:initial;user-select:initial}.SkybrudImagePicker .SkybrudImagePickerTiles>div{display:flex;flex-wrap:wrap}.SkybrudImagePicker .SkybrudImagePickerTiles .tile{display:block;margin:0 10px 10px 0;padding:5px}.SkybrudImagePicker .SkybrudImagePickerTiles .tile.tile-item{border:1px solid #d9d9d9;background:#f8f8f8}.SkybrudImagePicker .SkybrudImagePickerTiles .tile.tile-add{margin-bottom:10px;width:250px;max-width:250px;color:#d9d9d9;text-align:center;text-decoration:none;border:2px #d9d9d9 dashed;transition:all 150ms ease-in-out;position:relative;min-height:250px;padding:4px}.SkybrudImagePicker .SkybrudImagePickerTiles .tile.tile-add i{font-size:32px;position:absolute;top:50%;left:0;right:0;margin-top:-10px}.SkybrudImagePicker .SkybrudImagePickerTiles .subpart+.subpart{margin-top:10px}.SkybrudImagePicker .SkybrudImagePickerList .subpart+.subpart{margin-top:10px}.SkybrudImagePicker .subpart .title{font-weight:bold;border-bottom:1px solid #d9d9d9;margin-bottom:2px;padding-bottom:2px}.SkybrudImagePicker .subpart input[type='text']{box-sizing:border-box;height:30px;width:100%;border-color:#ececec;transition:border linear .2s,box-shadow linear .2s}.SkybrudImagePicker .subpart input[type='text']:hover,.SkybrudImagePicker .subpart input[type='text']:focus{border:1px solid #ccc}.SkybrudImagePicker .subpart textarea{box-sizing:border-box;width:100%;resize:vertical;border-color:#ececec;transition:border linear .2s,box-shadow linear .2s}.SkybrudImagePicker .subpart textarea:hover,.SkybrudImagePicker .subpart textarea:focus{border:1px solid #ccc}.SkybrudImagePicker .layout-selector{height:30px;margin-bottom:10px}.SkybrudImagePicker .layout-selector>div{float:right;font-size:20px;cursor:pointer;border:1px solid transparent;color:#999;display:block;width:30px;height:30px;line-height:30px;box-sizing:border-box;text-align:center}.SkybrudImagePicker .layout-selector>div:hover{border-color:#d9d9d9;color:#000}.SkybrudImagePicker .layout-selector>div.active{color:#000}.SkybrudImagePicker .image{position:relative}.SkybrudImagePicker .image .remove{position:absolute;bottom:10px;right:10px;color:#f00;background:#fff;border-radius:15px;text-align:center;text-decoration:none;width:32px;height:32px;overflow:hidden;font-size:24px;line-height:36px;opacity:.5;display:none}.SkybrudImagePicker .image:hover .remove{display:block}.SkybrudImagePicker .ui-sortable-helper{display:none}.SkybrudImagePicker .ui-sortable-placeholder{border:inherit;background-color:#d0e7f1 !important;font-size:14px;font-family:inherit;height:66px !important;visibility:visible !important}.SkybrudImagePicker .umb-table-body .umb-table-row:hover{background-color:transparent}.SkybrudImagePicker .umb-table-row{color:#343434;cursor:default}.SkybrudImagePicker .umb-table-body .item .umb-table-row{min-height:60px}.SkybrudImagePicker .umb-table-body .item .umb-table-row+.umb-table-row{border-top:0;padding:15px}.SkybrudImagePicker .umb-table-body .item .col-thumbnail i.icon{font-size:22px;line-height:22px;color:#0064cd}.SkybrudImagePicker .umb-table-body .item .col-actions{font-size:14px}.SkybrudImagePicker .spacer{height:1px;background:#dbdbdb;margin:5px 0 10px 0}.SkybrudImagePicker .umb-table .subpart{margin:0 20px 20px 0 !important;min-width:250px}.SkybrudImagePicker .linkUrl{line-height:12px;font-size:12px}.umb-control .SkybrudImagePicker{padding:10px}.umb-grid .SkybrudImagePicker .ui-sortable-placeholder{position:static;height:auto;margin:0}.umb-grid .SkybrudImagePicker .ui-sortable-placeholder:after,.umb-grid .SkybrudImagePicker .ui-sortable-placeholder:before{display:none}.SkybrudImagePickerPreValues .option{margin-left:20px}.SkybrudImagePickerPreValues .option .value{padding:10px 5px}.SkybrudImagePickerPreValues .option.checkbox{padding:0;min-height:initial;padding-bottom:5px}.SkybrudImagePickerPreValues .option.checkbox .value{padding-left:10px}.SkybrudImagePickerPreValues .option+.option{margin-top:20px}.SkybrudImagePickerPreValues .option .key small{display:block}.SkybrudImagePickerPreValues label.option{display:block}.SkybrudImagePickerPreValues .option .value input[type='text']{box-sizing:border-box;height:30px;line-height:30px;width:100%}.SkybrudImagePickerPreValues .value input[type='number']{width:initial}.SkybrudImagePickerPreValues .option.width .value,.SkybrudImagePickerPreValues .option.height .value{line-height:30px}.SkybrudImagePickerPreValues .option.width .value input[type='number'],.SkybrudImagePickerPreValues .option.height .value input[type='number']{width:50px}.umb-overlay .SkybrudImagePickerPreValues .optionGroup{margin-top:40px}.SkybrudImagePickerPreValues .optionGroup .optionGroupTitle{margin-bottom:20px;background:#f8f8f8;padding:5px 10px;font-weight:bold}.SkybrudImagePickerPreValues .optionGroup+.optionGroup{margin-top:40px} \ No newline at end of file diff --git a/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Views/ImagePickerDirective.html b/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Views/ImagePickerDirective.html index 98860e4..db4a543 100644 --- a/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Views/ImagePickerDirective.html +++ b/src/Skybrud.ImagePicker/App_Plugins/Skybrud.ImagePicker/Views/ImagePickerDirective.html @@ -13,18 +13,20 @@
- + - + - +
-
Billede
+
+ Image +
-
Titel
- +
+ Title +
+
-
Beskrivelse
- +
+ Description +
+
-
Link
+
Link
-
Type: {{item.link.mode}}
-
URL: {{item.link.url}}
-
ID: {{item.link.id}}
-
Tekst: {{item.link.name}}
-
Target: {{item.link.target}}
- Rediger link - Slet link +
+ Type: + {{item.link.mode}} +
+
+ URL: + {{item.link.url}} +
+
+ ID: + {{item.link.id}} +
+
+ Text: + {{item.link.name}} +
+
+ Target: + {{item.link.target}} +
+ + Edit link + + + Remove link +
- Tilføj link + + Add link +
@@ -67,27 +94,42 @@
- + - +
-
Billede
-
Titel
-
Beskrivelse
-
Link
+
+ Image +
+
+ Title +
+
+ Description +
+
+ Link +
 
- Der er endnu ikke tilføjet nogle billeder. + There has not yet been added any images.
@@ -103,18 +145,18 @@
{{item.$image.name}} - Ikke angivet + Not specified 
- Ikke angivet + Not specified  {{item.title}}
- Ikke angivet + Not specified 
{{item.description}}