base gui

src/packages/NotePad/Makefile

@@ -0,0 +1,33 @@
+coffee_files = main.coffee
+
+jsfiles =
+
+cssfiles = main.css
+
+copyfiles = scheme.html package.json
+
+
+BLUE=\033[0;34m
+NC=\033[0m
+
+main: title clean js css copy
+
+title:
+	- echo "$(BLUE)======= Package NotePad =======$(NC)"
+
+coffee:
+	- mkdir build
+	- for f in $(coffee_files); do (coffee -cs < $$f >build/"$$f.js");done
+	- for f in build/*.coffee.js; do (cat "$${f}"; echo) >> build/main.js; done
+	- rm build/*.coffee.js
+
+js: coffee
+	- for f in $(jsfiles); do (cat "$${f}"; echo) >> build/main.js; done
+
+css:
+	- for f in $(cssfiles); do (cat "$${f}"; echo) >> build/main.css; done
+
+copy:
+	- cp -rf $(copyfiles) build/
+clean:
+	- rm -rf build/*

src/packages/NotePad/main.coffee

@@ -0,0 +1,10 @@
+class NotePad extends this.OS.GUI.BaseApplication
+    constructor: () ->
+        super "NotePad"
+    event: () ->
+        console.log @scheme
+        @on "btclick", (e)->
+            alert "Happy pola"
+        @on "resize", (w,h)->
+            console.log "resize"
+this.OS.register "NotePad",NotePad

src/packages/NotePad/main.css

@@ -0,0 +1,3 @@
+fut{
+    background-color: black
+}

src/packages/NotePad/package.json

@@ -0,0 +1,12 @@
+{
+    "app":"NotePad",
+    "name":"NotePad editor",
+    "description":"Basic application for text editing",
+    "author":{
+        "name": "Xuan Sang LE",
+        "email": "xsang.le@gmail.com"
+    },
+    "category":"System",
+    "icon":"",
+    "mimes":["*"]
+}

src/packages/NotePad/scheme.html

@@ -0,0 +1,16 @@
+<afx-app-window apptitle="Preview" width="600" height="400">
+    <afx-vbox>
+        
+        <afx-list-view data-width = "250"> </afx-list-view>
+
+        <afx-hbox>
+            <afx-button data-height="50" onbtclick="alert('im clicked')" text="Read more" icon="fa fa-camera-retro fa-lg" id="button">
+            </afx-button>
+            <div style=" vertical-align: top; width:100%;height:100%;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+                magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+                Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
+            <div data-width="100">Test</div>
+        </afx-hbox>
+    </afx-vbox>
+</afx-app-window>