Changeset 2173

Timestamp:

09/09/10 17:25:58 (17 months ago)

Author:

jake

Message:

new generic media icon styles, finished up the replace image button/menu

Location:

plugins/apostrophePlugin/trunk

Files:

• modules/aMedia/templates/_edit.php (modified) (2 diffs)
• modules/aMedia/templates/_mediaItem.php (modified) (1 diff)
• modules/aMedia/templates/showSuccess.php (modified) (1 diff)
• web/css/a-engines.css (modified) (2 diffs)
• web/images/a-media-icon.png (modified) (previous)

plugins/apostrophePlugin/trunk/modules/aMedia/templates/_edit.php

@@ -21 +21 @@
 
 <?php if ($item): ?>
-<form method="POST" id="a-media-edit-form" enctype="multipart/form-data" 
-  action="<?php echo url_for(aUrl::addParams("aMedia/edit",
-    array("slug" => $item->getSlug())))?>">
+<form method="POST" class="a-media-edit-form" id="a-media-edit-form" enctype="multipart/form-data" action="<?php echo url_for(aUrl::addParams("aMedia/edit", array("slug" => $item->getSlug())))?>">
 <?php endif ?>
     
@@ -90 +88 @@
                 </div>
                 
-                <div class="a-form-row replace">                
+                <div class="a-form-row replace a-ui">           
             <?php // The label says 'Replace File' now, see BaseaMediaEditForm ?>
-                        <div class="a-options-container a-ui">          
+                        <div class="a-options-container">               
                                 <a href="#replace-image" onclick="return false;" id="a-media-replace-image-<?php echo $i ?>" class="a-btn icon alt no-bg a-replace">Replace File</a>
                                 <div class="a-options dropshadow">

plugins/apostrophePlugin/trunk/modules/aMedia/templates/_mediaItem.php

@@ -40 +40 @@
       <?php // We can't render this format on this server but we need a placeholder thumbnail ?>
       <?php $type = $mediaItem->getType() ?>
-                        <span class="a-media-type"><b><?php echo $type ?></b></span>
+                        <span class="a-media-type <?php echo $type ?>" ><b><?php echo $type ?></b></span>
     <?php endif ?>
   </a>

plugins/apostrophePlugin/trunk/modules/aMedia/templates/showSuccess.php

@@ -22 +22 @@
 <?php else: ?>
   <?php $type = $mediaItem->getType() ?>
-  <?php $embedCode = "<img class=\"a-media-icon-as-thumbnail\" src=\"/apostrophePlugin/images/a-$type-icon-tiny.png\" />" ?>
+  <?php $embedCode = '<span class="a-media-type '.$type.'"><b>'.$type.'</b></span>' ?>
 <?php endif ?>
 

plugins/apostrophePlugin/trunk/web/css/a-engines.css

@@ -476 +476 @@
 }
 
+
+.a-media-item-edit-form .a-options-container,
+.a-media-edit-form .a-options-container
+{
+        display: inline;
+        position: relative;
+        float: left;
+        clear:none;
+        margin-right:5px;
+}
+
+.a-media-item-edit-form .a-options-container.show-options .a-options,
+.a-media-edit-form .a-options-container.show-options .a-options
+{
+        display:inline !important;
+}
+
 #a-media-plugin .a-form-row.replace
 {
@@ -647 +664 @@
 z-index: 0;
 border: 0;
+}
+
+/* non-image filetype icon styles ====================================== */
+span.a-media-type
+{
+        display: block;
+        position: relative;
+        float: none;
+        height:50px;
+        width:40px;
+        background-image: url(/apostrophePlugin/images/a-media-icon.png);
+        background-repeat: no-repeat;
+}
+
+span.a-media-type b
+{
+        position:absolute;
+        bottom:7px;
+        right:-5px;
+        width:auto;
+        padding:2px 5px;
+        background-color: #666;
+        text-align: center;
+        font-size: 10px;
+        line-height: 10px;
+        text-transform: uppercase;
+        font-weight: bold;
+        color: #fff;
+        -moz-border-radius: 2px;
+        -webkit-border-top-left-radius: 2px;
+        -webkit-border-top-right-radius: 2px;
+        -webkit-border-bottom-right-radius: 2px;
+        -webkit-border-bottom-left-radius: 2px;
+        border-radius: 2px;
+}
+
+span.a-media-type.pdf b
+{
+        background-color:red;
 }