git.roojs.org Git - app.Builder.js/blob - Builder4/ClutterFiles.bjs

   1 {
   2     "id": "file-gtk-2",
   3     "name": "ClutterFiles",
   4     "parent": "",
   5     "title": false,
   6     "path": "/home/alan/gitlive/app.Builder.js/Builder4/ClutterFiles.bjs",
   7     "items": [
   8         {
   9             "listeners": {
  10                 "scroll_event": "( event)  => {\n\n    //Sprint(\"scroll event\");\n    var y = this.filelayout.el.y;\n    var dir = event.direction;\n    switch (dir) {\n        case Clutter.ScrollDirection.UP:\n            y += event.y /2;\n            break;\n        case Clutter.ScrollDirection.DOWN:\n            y -= event.y /2 ;\n            break;\n        default:\n            return false;\n    }\n    // range of scroll -- can go up -- eg.. -ve value.\n    \n    y = float.min(0, y);\n    \n    // to work out the max -ve number\n    // height of filelayout\n    // height of scrollactor..\n    \n    var last_child_bottom = this.filelayout.el.last_child.y +  this.filelayout.el.last_child.height;\n     if ( (-1 * (y+200)) > (  last_child_bottom - this.el.height)) {\n        return  false;\n    }\n\n\n    \n    \n//    print(\"\\nlast child - this height = %f  ==== new y %f\\n \".printf( \n  //          last_child_bottom - this.el.height,\n   //         y));    \n   // y = float.min(0, y);    //??\n   // print(\"scroll event of %f  - new y = %f \".printf(event.y, y));\n    this.filelayout.el.y = y;\n    return true;\n        \n}"
  11             },
  12             ".signal:void:open": "(JsRender.JsRender file)",
  13             "id": "ClutterFiles",
  14             "scroll_mode": "Clutter.ScrollMode.VERTICAL",
  15             "xtype": "ScrollActor",
  16             "|": "function() {\n    \n}\n",
  17             "|reactive": "true",
  18             "|void:loadProject": "(Project.Project pr) {\n    // list all the files, and create new Xcls_fileitem for each one.\n    \n    // LEAK --- we should unref all the chilren...\n    this.filelayout.el.remove_all_children();\n    \n    print(\"clutter files - load project: \" + pr.name +\"\\n\");\n    var fiter = pr.files.map_iterator();\n    while (fiter.next()) {\n        var a = new Xcls_fileitem(this,fiter.get_value());\n        a.ref();\n        print(\"add to clutter file view: \" + fiter.get_value().name + \"\\n\");\n        this.filelayout.el.add_child(a.el);\n    }\n    this.el.show_all();\n}\n",
  19             "|void:set_size": "(float w, float h) \n{\n     if (this.el == null) {\n        print(\"object not ready yet?\");\n        return;\n    }\n   _this.filelayout_manager.el.max_column_width = w - 150;\n   this.el.set_size(this.el.get_stage().width-150,\n                        this.el.get_stage().height);\n            this.el.set_position(100,50);\n}\n",
  20             "|xns": "Clutter",
  21             "items": [
  22                 {
  23                     "id": "filelayout",
  24                     "pack": "add_child",
  25                     "xtype": "Actor",
  26                     "|init": "\nthis.el.add_constraint(\n    new Clutter.BindConstraint(_this.el,Clutter.BindCoordinate.SIZE, 0.0f)\n);\n\n",
  27                     "|reactive": "true",
  28                     "|xns": "Clutter",
  29                     "items": [
  30                         {
  31                             "*prop": "layout_manager",
  32                             "column_spacing": 20,
  33                             "id": "filelayout_manager",
  34                             "row_spacing": 20,
  35                             "xtype": "FlowLayout",
  36                             "|homogeneous": "true",
  37                             "|orientation": "Clutter.FlowOrientation.HORIZONTAL",
  38                             "|xns": "Clutter"
  39                         },
  40                         {
  41                             "listeners": {
  42                                 "enter_event": "(  event)  => {\n    this.el.background_color = new Clutter.Color.from_string(\"#333\");\n        return false;\n}",
  43                                 "leave_event": "(  event)  => {\n    this.el.background_color = new Clutter.Color.from_string(\"#000\");\n    return false;\n}",
  44                                 "button_press_event": "  (  event) => {\n    _this.open(this.file);\n    return false;\n}"
  45                             },
  46                             "*args": "JsRender.JsRender file",
  47                             ".JsRender.JsRender:file": "",
  48                             "id": "*fileitem",
  49                             "pack": false,
  50                             "xtype": "Actor",
  51                             "|init": "this.file = file;\nthis.el.set_size(100,100);",
  52                             "|reactive": "true",
  53                             "|xns": "Clutter",
  54                             "items": [
  55                                 {
  56                                     "*prop": "layout_manager",
  57                                     "spacing": 4,
  58                                     "xtype": "BoxLayout",
  59                                     "|orientation": "Clutter.Orientation.VERTICAL",
  60                                     "|xns": "Clutter"
  61                                 },
  62                                 {
  63                                     "*args": "JsRender.JsRender file",
  64                                     ".ctor": "new Clutter.Texture.from_file(file.getIconFile())",
  65                                     "id": "+image",
  66                                     "|margin_top": 5,
  67                                     "pack": "add_child",
  68                                     "xtype": "Texture",
  69                                     "|margin_left": 5,
  70                                     "|margin_right": 5,
  71                                     "|x_align": "Clutter.ActorAlign.START",
  72                                     "|x_expand": "true",
  73                                     "|xns": "Clutter",
  74                                     "|y_align": "Clutter.ActorAlign.START",
  75                                     "|y_expand": "false"
  76                                 },
  77                                 {
  78                                     "*args": "JsRender.JsRender file",
  79                                     ".ctor": "new Clutter.Text.full(\"Sans 10px\", file.nickName(),new Clutter.Color.from_string(\"#fff\"))",
  80                                     "id": "+title",
  81                                     "pack": "add_child",
  82                                     "xtype": "Text",
  83                                     "|x_align": "Clutter.ActorAlign.START",
  84                                     "|x_expand": "true",
  85                                     "|xns": "Clutter",
  86                                     "|y_align": "Clutter.ActorAlign.START",
  87                                     "|y_expand": "false"
  88                                 }
  89                             ]
  90                         }
  91                     ]
  92                 }
  93             ]
  94         }
  95     ],
  96     "permname": "",
  97     "modOrder": ""
  98 }