Limit contributers display. Fixes #13

diff --git a/app/components/simfiles/latest-pack.html b/app/components/simfiles/latest-pack.html
index 3128dc7..58b3603 100644 (file)
--- a/app/components/simfiles/latest-pack.html
+++ b/app/components/simfiles/latest-pack.html
@@ -6,7 +6,7 @@
 <table>
     <tr>
         <th>By:</th>
-        <td>{{contributors}}<td>
+        <td ng-text-truncate="contributors" ng-tt-chars-threshold="50" ng-tt-more-label="More" ng-tt-less-label="Less"></td>
     </tr>
     <tr ng-if="pack.mirrors">
         <th>Download:</th>

diff --git a/app/components/simfiles/most-downloaded.html b/app/components/simfiles/most-downloaded.html
index af75594..1119e8d 100644 (file)
--- a/app/components/simfiles/most-downloaded.html
+++ b/app/components/simfiles/most-downloaded.html
@@ -6,7 +6,7 @@
 <table>
     <tr>
         <th>By:</th>
-        <td>{{contributors}}<td>
+        <td ng-text-truncate="contributors" ng-tt-chars-threshold="50" ng-tt-more-label="More" ng-tt-less-label="Less"></td>
     </tr>
     <tr>
         <th>Download:</th>

diff --git a/app/components/simfiles/pack.html b/app/components/simfiles/pack.html
index 9515c32..916673f 100644 (file)
--- a/app/components/simfiles/pack.html
+++ b/app/components/simfiles/pack.html
@@ -6,7 +6,7 @@
     </tr>
     <tr>
         <th>Contributors:</th>
-        <td>{{contributors}}</td>
+        <td ng-text-truncate="contributors" ng-tt-chars-threshold="100" ng-tt-more-label="More" ng-tt-less-label="Less"></td>
     </tr>
     <tr><td>&nbsp;</td></tr>
     <tr ng-if="pack.size">

diff --git a/app/css/btn.css b/app/css/btn.css
new file mode 100644 (file)
index 0000000..fcbf067
--- /dev/null
+++ b/app/css/btn.css
@@ -0,0 +1,33 @@
+.btn-link {
+    color:#428bca;
+    cursor:pointer;
+    border-radius:0;
+}
+
+.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {
+    background-color:transparent;
+    -webkit-box-shadow:none;
+    box-shadow:none;
+}
+
+.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active {
+    border-color:transparent;
+}
+
+.btn-link:hover,.btn-link:focus {
+    color:#2a6496;
+    text-decoration:underline;
+    background-color:transparent;
+}
+
+.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus {
+    color:#999;
+    text-decoration:none;
+}
+
+.btn-lg,.btn-group-lg>.btn {
+    padding:10px 16px;
+    font-size:18px;
+    line-height:1.33;
+    border-radius:6px;
+}
\ No newline at end of file

diff --git a/app/css/buttons.css b/app/css/buttons.css
index caf554a..31319b4 100644 (file)
--- a/app/css/buttons.css
+++ b/app/css/buttons.css
@@ -84,4 +84,18 @@ border-radius: 4px;
 
 a.btn-social:hover {
     text-decoration: none;
+}
+
+.btn-link {
+    color: #FFB122;
+    cursor: pointer;
+    font-weight: bold;
+}
+
+.btn-link:hover,.btn-link:focus {
+    text-decoration:underline;
+}
+
+.btn-link.ngTruncateToggleText {
+    margin-left: 5px;
 }
\ No newline at end of file

diff --git a/app/css/divinelegy.css b/app/css/divinelegy.css
index 5a76b9c..fa42977 100644 (file)
--- a/app/css/divinelegy.css
+++ b/app/css/divinelegy.css
@@ -434,7 +434,7 @@ a:hover {
     margin-bottom: 10px;
 }
 
-.accordion-toggle{
+.accordion-toggle {
     display: inline-block;
     width: 100%;
-}
+}
\ No newline at end of file

diff --git a/app/divinelegy.js b/app/divinelegy.js
index aff6564..fc031bf 100644 (file)
--- a/app/divinelegy.js
+++ b/app/divinelegy.js
@@ -3,8 +3,7 @@
 // Declare app level module which depends on views, and components
 angular.module('DivinElegy', [
   'ngRoute',
-  'ngAnimate',
-  //'DivinElegy.components.hello',
+  'alv-ch-ng.text-truncate',
   'DivinElegy.components.menu',
   'DivinElegy.components.userMenu',
   'DivinElegy.components.simfiles',

diff --git a/app/index.html b/app/index.html
index 8cb9ba4..14a8c6a 100644 (file)
--- a/app/index.html
+++ b/app/index.html
@@ -29,6 +29,7 @@
         <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
         <script src="bower_components/ngstorage/ngStorage.min.js"></script>
         <script src="bower_components/hello/dist/hello.all.js"></script>
+        <script src="bower_components/alv-ch-ng.text-truncate/dist/alv-ch-ng.textTruncate.js"></script>
         <script src="components/config/rockEndpoint-value.js"></script>
         <script src="components/hello/hello-service.js"></script>
         <script src="components/user/user-service.js"></script>

diff --git a/bower.json b/bower.json
index 863aa56..41149c0 100644 (file)
--- a/bower.json
+++ b/bower.json
@@ -15,7 +15,8 @@
     "hello": "1.2.1",
     "angular-animate": "1.3.x",
     "angular-bootstrap": "0.12.x",
-    "ngstorage": "x.x.x"
+    "ngstorage": "x.x.x",
+    "alv-ch-ng.text-truncate": "0.2.0"
   },
   "resolutions": {
     "angular": "1.3.7"