fassets_core 0.2.0

data/app/assets/javascripts/fassets_core/facets.js.erb

@@ -0,0 +1,32 @@
+$(function(){
+  //Sortable Labels
+  $('#labels').sortable({
+    axis: 'y',
+    start: function() {
+      $('#labels .handle').bind('click',noEventPropagation);
+    },
+    stop:function() {
+      $('#labels .handle').unbind('click', noEventPropagation);
+    },
+    update:function(){
+    }
+  });
+
+  $(".collapsible").collapsiblePanel({
+    collapsedImage: "<%= image_path 'fassets_core/collapsed.png' %>",
+    expandedImage: "<%= image_path 'fassets_core/collapse.png' %>",
+    titleQuery: "h2.title",
+    startCollapsed: true
+  });
+
+  $(".label > input[type=checkbox]").live("click",function() {
+    $(this).parents("form").submit();
+  });
+  // hide the submit button if JS is enabled (form can be submited by checking the boxes)
+  $("form.edit_classification input[type=submit][value=Save]").hide();
+});
+
+/*$.ajax({
+	data:$(this).sortable('serialize') + '&_method=put',
+	type:'post', url:'/users/1/tray'
+})*/

data/app/assets/javascripts/fassets_core/tray.js

@@ -0,0 +1,30 @@
+$(document).ready(function(){
+  $('#tray ol').sortable({
+    items: 'li',
+    connectWith: "ul",
+    update: function(ev, ui){
+      $.ajax({
+        type: 'put',
+        data: $('.sortable_tray').sortable('serialize')+"&asset_id="+$(ui.item).data("asset-id"),
+             dataType: 'script',
+             complete: function(request){
+               window.location.reload();
+               $('#tray').effect('highlight',{},2000);
+             },
+             url: "/" + $('.sortable_tray').attr('id').replace(/\./g,"/")})
+    },
+  });
+  $('#tray .drop_button').live("click",function(event){
+    event.preventDefault();
+    var user_id = $(event.target).data("user-id");
+    var tp_id = $(event.target).data("tp-id");
+    $.ajax({
+      type: 'DELETE',
+      cache	: false,
+      url		: "/users/"+user_id+"/tray_positions/"+tp_id,
+      success: function(data) {
+        $("#tray").load("/users/"+user_id+"/tray_positions/");
+      }
+    });
+  });
+});

data/app/assets/stylesheets/fassets_core/add_asset_box.css.scss

@@ -0,0 +1,77 @@
+#add_asset_sidebar {
+  position: absolute;
+  left: 0;
+  top: 0px;
+  height: 100%;
+  min-width: 150px;
+  font-size: 1em;
+  padding-right: 0;
+  background: silver;
+  .asset_type {
+    margin-top: .5em;
+    padding: .5em .0em .5em .5em;
+    .item {
+      width: 100%;
+      height: 16px;
+      a {
+        float: right;
+        padding: .5em;
+      }
+      .selected {
+        border: 1px solid white;
+        border-right: 1px solid white;
+        border-right-style: none;
+        border-top-left-radius: 10px;
+        border-bottom-left-radius: 10px;
+        background: white;
+      }
+    }
+  }
+}
+#content {
+  position: absolute;
+  height: 100%;
+}
+#fancybox-content h1 {
+  border-top: none;
+  background-color: white;
+}
+#add_asset_content {
+  position: relative;
+  top: 5px;
+  height: 98%;
+  left: 150px;
+  width: 88%;
+}
+#sidebar.box{
+  float: right;
+  position: absolute;
+  right: 10px;
+  top: 5px;
+  width: 20%;
+}
+.wiki_results {
+  display: inline;
+}
+.wiki_img {
+  background: silver;
+  float: left;
+  margin: 5px;
+}
+#file_asset_form{
+  width: 90%;
+  height: 50%;
+  padding-right: 10px;
+  float: left;
+}
+#edit_asset_content{
+  width: 98%;
+  height: 48%;
+  //float: left;
+}
+.wiki_image{
+  float:left;
+}
+.wiki_actions{
+  padding-left: 5px;
+}

data/app/assets/stylesheets/fassets_core/application.css

@@ -0,0 +1,16 @@
+/*
+ *= require fancybox
+ *= require fassets_core/catalog_box
+ *= require fassets_core/add_asset_box
+ *= require_self
+ *= require fassets_core/master
+ *= require fassets_core/assets
+ *= require fassets_core/tray
+ *= require fassets_core/labels
+ *= require fassets_core/forms
+ *= require fassets_core/collapsible
+ *= require fassets_core/sidebar
+ *= require fassets_core/filter
+ *= require fassets_core/facet
+ *= require fassets_core/edit_box
+*/

data/app/assets/stylesheets/fassets_core/assets.css.scss

@@ -0,0 +1,74 @@
+li.asset {
+  position: relative;
+  display: inline-block;
+  width: 100px;
+  height:  112px;
+  padding: 6px;
+  margin: 0 2em .5em 0;
+  background: #666666;
+  border-radius: 5px;
+  border: 2px solid black;
+
+  .asset_content {
+    width: 80px;
+    height: 80px;
+
+    .icon {
+      display: block;
+      position: relative;
+      width: 72px;
+      height: 72px;
+      padding-top: 4px;
+      padding-left: 12px;
+      padding-right: 8px;
+      padding-bottom: 8px;
+
+      .thumbnail img {
+        border: 2px solid silver;
+      }
+    }
+    .caption {
+      display: block;
+      background: black;
+      color: white;
+      position: relative;
+      bottom: 2px;
+      left: 0px;
+      width: 88px;
+      border-radius: 5px;
+      border: 1px solid black;
+      text-align: center;
+      margin-left: 4px;
+      margin-top: 4px;
+      margin-bottom: 2px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      height: 1.5em;
+
+      a {
+        margin-top: 0;
+      }
+    }
+  }
+
+  .asset_actions {
+    width: 55px;
+    height: 65px;
+    position: absolute;
+    left: 112px;
+    top: 19px;
+    display: none;
+    z-index: 10;
+    background: #666666;
+    border-top-right-radius: 5px;
+    border-bottom-right-radius: 5px;
+    border: 2px solid black;
+    border-left-style: none;
+    padding: 3px;
+
+    input {
+      margin: 2px;
+    }
+  }
+}

data/app/assets/stylesheets/fassets_core/catalog_box.css.scss

@@ -0,0 +1,45 @@
+#catalog_list {
+  position: absolute;
+  left: 0;
+  top: 0px;
+  height: 100%;
+  font-size: 1em;
+  padding-right: 0;
+  background: silver;
+  .catalog_item {
+    margin-top: .5em;
+    padding: .5em .0em .5em .5em;
+    width: 100%;
+    height: 16px;
+    a {
+      float: right;
+      padding: .5em;
+      padding-right: 1em;
+    }
+    #selected {
+      border: 1px solid white;
+      border-right: 1px solid white;
+      border-right-style: none;
+	    border-top-left-radius: 10px;
+	    border-bottom-left-radius: 10px;
+      background: white;
+    }
+  }
+}
+#content {
+  position: absolute;
+  height: 100%;
+}
+#box_content {
+  position: relative;
+  top: 5px;
+  height: 98%;
+  left: 200px;
+}
+#sidebar.box{
+  float: right;
+  position: absolute;
+  right: 10px;
+  top: 5px;
+  width: 20%; 
+}

data/app/assets/stylesheets/fassets_core/collapsible.css.scss

@@ -0,0 +1,54 @@
+.collapsiblePanelTitle {
+  display: inline;
+
+  h2 {
+    text-align: left;
+    margin-bottom: 0;
+  }
+
+  img {
+    margin: 0.2em 0;
+    float: left;
+    padding-right: 0.5em;
+  }
+}
+
+.collapsibleContainerContent {
+  padding: 10px;
+}
+
+.collapsibleContainer {
+  border: solid 1px #9BB5C1;
+}
+
+.collapsibleContainerTitle {
+  cursor:pointer;
+}
+
+.collapsibleContainerTitle div {
+  padding-top:2px;
+  padding-bottom:2px;
+  padding-left:10px;
+  font-size: 1.4em;
+  background-color: #F5F5F5;
+  border: solid 1px grey;
+  border-bottom-right-radius: 1em;
+  border-top-right-radius: 1em;
+  border-bottom-left-radius: 1em;
+  border-top-left-radius: 1em;
+}
+
+.collection .collapsibleContainerTitle div {
+  padding-top:2px;
+  padding-bottom:2px;
+  padding-left:10px;
+  font-size: 1.4em;
+  border: none;
+  background-color: white;
+  color: black;
+  border-bottom-right-radius: 1em;
+  border-top-right-radius: 1em;
+  border-bottom-left-radius: 1em;
+  border-top-left-radius: 1em;
+}
+

data/app/assets/stylesheets/fassets_core/edit_box.css.scss

@@ -0,0 +1,58 @@
+#fancybox-content #main {
+  margin-top: 10px;
+  margin-left: 10px;
+  height: 95%;
+}
+#fancybox-content #sidebar{
+  margin-top: 10px;
+  height: 95%;
+}
+#fancybox-content #edit_header{
+  margin-bottom: 1em;
+  #content {
+    height: 40px;
+    width: 35%;
+    display: inline;
+    background-color: #888888;
+    border: 2px solid #777777;
+    border-radius: 5px;
+    #type {
+      font-size: 16px;
+      color: white;
+      text-shadow: 1px 1px #777777;
+      padding: .5em;
+      float: left; 
+    }
+    #action {
+      float: left;
+      margin-top: 5px;
+      width: 70%;
+      .delete_asset_button {
+        float: left;
+      }
+      .put_on_tray_button {
+        float: left;
+      }
+    }
+  }
+}
+#fancybox-content #asset_preview{
+  padding: 1em;
+  margin-top: 50px;
+  margin-bottom: 1em;
+  margin-right: .5em;
+  max-width: 400px;
+  overflow: auto;
+  background-color: #888888;
+  border: 2px solid #777777;
+  border-radius: 5px;
+  img {
+    border: 2px solid silver;
+  }
+}
+#asset_form{
+  width: 50%;
+  height: 50%;
+  padding-right: 10px;
+  float: left;
+}

data/app/assets/stylesheets/fassets_core/facet.css.scss

@@ -0,0 +1,56 @@
+#sidebar .facet{
+  margin-bottom: 1em;
+  margin-left: 0.5em;
+  margin-right: 0.5em;
+  -webkit-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+
+  ul {
+    padding: .3em;
+  }
+
+  .action {
+    text-align: right;
+  }
+
+  .label {
+    display: inline-block;
+    padding-right: .8em;
+    white-space: nowrap;
+  
+    .count {
+      font-size: .8em;
+    }
+  }
+
+  .caption {
+    -webkit-border-top-left-radius: 5px;
+    -webkit-border-top-right-radius: 5px;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+    color: white;
+    padding: .2em .5em;
+    font-weight: bold;
+
+    a {
+      color: white;
+      text-decoration: none;
+    }
+    
+    a:hover {
+      text-decoration: underline;
+    }
+  }
+
+  .labels {
+    padding: .5em;
+  }
+
+  .handle {
+    color: white;
+    float: right;
+  }
+}
+