Remove ionicons, Update icons, add basic copysupport styles

examples/cone.example/src/cone/example/model.py

@@ -12,6 +12,7 @@
 from node.behaviors import DictStorage
 from node.behaviors import MappingAdopt
 from node.behaviors import MappingNode
+from node.behaviors import MappingOrder
 from node.behaviors import NodeInit
 from node.behaviors import OdictStorage
 from node.utils import instance_property
@@ -75,6 +76,7 @@ class Translation:
     Attributes,
     NodeInit,
     MappingNode,
+    MappingOrder,
     OdictStorage)
 class PublicationWorkflowNode:
     workflow_name = 'publication'
@@ -83,15 +85,16 @@ class PublicationWorkflowNode:
         (Allow, 'system.Authenticated', ['view']),
         (Allow, 'role:viewer', ['view', 'list']),
         (Allow, 'role:editor', [
-            'view', 'list', 'add', 'edit', 'cut', 'copy', 'paste'
+            'view', 'list', 'add', 'edit', 'cut', 'copy', 'paste',
+            'change_order'
         ]),
         (Allow, 'role:admin', [
             'view', 'list', 'add', 'edit', 'delete', 'cut', 'copy', 'paste',
-            'change_state', 'manage_permissions'
+            'change_order', 'change_state', 'manage_permissions'
         ]),
         (Allow, 'role:manager', [
             'view', 'list', 'add', 'edit', 'delete', 'cut', 'copy', 'paste',
-            'change_state', 'manage_permissions', 'manage'
+            'change_order', 'change_state', 'manage_permissions', 'manage'
         ]),
         (Allow, Everyone, ['login']),
         (Deny, Everyone, ALL_PERMISSIONS),
@@ -118,6 +121,7 @@ def properties(self):
         props.action_add = True
         props.action_list = True
         props.action_sharing = True
+        props.action_move = True
         return props
 
     @property
@@ -131,7 +135,7 @@ def metadata(self):
 @node_info(
     name='entry_folder',
     title=_('folder', default='Folder'),
-    icon='bi bi-folder',
+    icon='bi-folder',
     addables=['folder'])
 class EntryFolder(BaseContainer):
 
@@ -140,12 +144,17 @@ def __init__(self, name=None, parent=None):
         title = self.attrs['title'] = Translation()
         title['en'] = f'Folder {name[name.rfind("_") + 1:]}'
         title['de'] = f'Ordner {name[name.rfind("_") + 1:]}'
+        for i in range(1, 21):
+            folder = self[f'folder_{i}'] = Folder()
+            title = folder.attrs['title'] = Translation()
+            title['en'] = f'Folder {i}'
+            title['de'] = f'Ordner {i}'
 
 
 @node_info(
     name='folder',
     title=_('folder', default='Folder'),
-    icon='bi bi-folder',
+    icon='bi-folder',
     addables=['folder'])
 class Folder(BaseContainer):
 

examples/cone.example/src/cone/example/publication.zcml

@@ -8,7 +8,8 @@
             name="Publication Workflow"
             state_attr="state"
             initial_state="private"
-            content_types=".model.EntryFolder"
+            content_types=".model.EntryFolder
+                           .model.Folder"
             permission_checker="cone.app.workflow.permission_checker">
 
     <state name="private"

scss/styles.scss

@@ -294,6 +294,20 @@ body {
     }
 }
 
+/* copysupport */
+tr.selectable td {
+    user-select: none;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+}
+tr.selectable.selected td {
+    background-color: #dfeefb;
+}
+.table-striped > tbody > tr.selectable.selected:nth-child(2n+1) > td {
+    background-color: #cfdce7;
+}
+
 /* responsive changes */
 @include media-breakpoint-up(xxl) {
     #header-logo {

src/cone/app/browser/actions.py

@@ -430,7 +430,7 @@ def selected(self):
 class ActionDelete(LinkAction):
     """Delete action."""
     id = 'toolbaraction-delete'
-    icon = 'ion-trash-a'
+    icon = 'bi-trash3'
     action = 'delete:NONE:NONE'
     confirm = _('delete_item_confirm',
                 default='Do you really want to delete this Item?')
@@ -450,7 +450,7 @@ def display(self):
 class ActionDeleteChildren(LinkAction):
     """Delete children action."""
     id = 'toolbaraction-delete-children'
-    icon = 'ion-trash-a'
+    icon = 'bi-trash3'
     action = 'delete_children:NONE:NONE'
     confirm = _('delete_items_confirm',
                 default='Do you really want to delete selected Items?')
@@ -470,7 +470,7 @@ def enabled(self):
 class ActionCut(LinkAction):
     """Cut children action."""
     id = 'toolbaraction-cut'
-    icon = 'ion-scissors'
+    icon = 'bi-scissors'
     text = _('action_cut', default='Cut')
     bind = None
 
@@ -485,7 +485,7 @@ def display(self):
 class ActionCopy(LinkAction):
     """Copy children action."""
     id = 'toolbaraction-copy'
-    icon = 'ion-ios7-copy-outline'
+    icon = 'bi-copy'
     text = _('action_copy', default='Copy')
     bind = None
 
@@ -500,7 +500,7 @@ def display(self):
 class ActionPaste(LinkAction):
     """Paste children action."""
     id = 'toolbaraction-paste'
-    icon = 'ion-clipboard'
+    icon = 'bi-clipboard'
     text = _('action_paste', default='Paste')
     bind = None
 

src/cone/app/browser/contextmenu.py

@@ -198,7 +198,7 @@ class ContextMenuActionAdd(ActionAdd):
 
 @context_menu_item(group='contextactions', name='delete')
 class ContextMenuActionDelete(ActionDelete):
-    ...
+    css = 'nav-link'
 
 
 @tile(name='contextmenu', path='templates/contextmenu.pt', permission='view')

src/cone/app/browser/layout.py

@@ -137,7 +137,7 @@ def __call__(self, factory):
 @personal_tools_action(name='logout')
 class LogoutAction(LinkAction):
     text = _('logout', default='Logout')
-    icon = 'ion-log-out'
+    icon = 'bi-door-open'
     bind = None
     target = None
     css = 'dropdown-item'

src/cone/app/browser/referencebrowser.py

@@ -146,7 +146,7 @@ def render(self):
 class ActionAddReference(ReferenceAction):
     css = 'addreference'
     title = _('add_reference', default='Add reference')
-    icon = 'glyphicon glyphicon-plus-sign'
+    icon = 'bi-plus-circle'
 
     @property
     def enabled(self):
@@ -158,7 +158,7 @@ def enabled(self):
 class ActionRemoveReference(ReferenceAction):
     css = 'removereference'
     title = _('remove_reference', default='Remove reference')
-    icon = 'glyphicon glyphicon-minus-sign'
+    icon = 'bi-minus-circle'
 
     @property
     def enabled(self):
@@ -338,7 +338,7 @@ def reference_trigger_renderer(widget, data):
     }
     return data.tag(
         'span',
-        tag('i', '', class_='ion-android-share'),
+        tag('i', '', class_='bi-link'),
         _('browse', default='Browse'),
         **attrs
     )

src/cone/app/browser/resources.py

@@ -75,19 +75,6 @@
 #     resource='typeahead.css'
 # ))
 
-# ionicons
-ionicons_resources = wr.ResourceGroup(
-    name='cone.app-ionicons',
-    directory=os.path.join(resources_dir, 'ionicons'),
-    path='ionicons'
-)
-ionicons_resources.add(wr.StyleResource(
-    name='ionicons-css',
-    directory=os.path.join(resources_dir, 'ionicons', 'css'),
-    path='ionicons/css',
-    resource='ionicons.css'
-))
-
 # cone
 cone_resources = wr.ResourceGroup(
     name='cone.app-cone',
@@ -165,7 +152,6 @@ def initialize(cls, config, settings):
         config.register_resource(jquery_resources)
         config.register_resource(bootstrap_resources)
         config.register_resource(typeahead_resources)
-        config.register_resource(ionicons_resources)
         config.register_resource(cone_resources)
 
     def register_resource(self, config, resource):

src/cone/app/browser/settings.py

@@ -41,7 +41,7 @@ def __init__(self, model=None, request=None):
 @personal_tools_action(name='settings')
 class ViewSettingsAction(LinkAction):
     text = _('settings', default='Settings')
-    icon = 'ion-ios7-gear'
+    icon = 'bi-gear'
     event = 'contextchanged:#layout'
     path = 'href'
 

src/cone/app/browser/static/cone/cone.app.css

@@ -307,6 +307,22 @@ body {
   right: 0;
 }
 
+/* copysupport */
+tr.selectable td {
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+}
+
+tr.selectable.selected td {
+  background-color: #dfeefb;
+}
+
+.table-striped > tbody > tr.selectable.selected:nth-child(2n+1) > td {
+  background-color: #cfdce7;
+}
+
 /* responsive changes */
 @media (min-width: 1400px) {
   #header-logo {