<commit_before><div ng-controller="MainCtrl as mainCtrl">
  <div ng-include="'nav.html'"></div>

  <div id="wrapper"
       class="toggled"
       ng-controller="DatasetsCtrl as datasetsCtrl">

    <div ng-controller="MetadataCtrl as metadataCtrl">

      <div class="overlay"></div>
      <section style="height: 100%" layout="row" flex="">

        <md-content flex="" layout-padding="">
          <div ng-include="'navProject.html'"></div>

          <div layout="column" layout-fill="" layout-align="top center">
            <div ng-show="mainCtrl.searchReturned !== ''">
              <div id="projectSearchResults">
                <div ng-include="'views/searchResult.html'"></div>
              </div>
            </div>

            <div class="content-wrapper" ng-controller="ProjectCtrl as projectCtrl" ng-show="mainCtrl.searchReturned === ''">
              <h3 id="projectBread" style="display: none;"> {{projectCtrl.currentProject.projectName}} /{{datasetsCtrl.pathArray[0]}}</h3>
              <div class="row">
                <div class="col-lg-2" style="max-width: 250px">
                  <div class="ibox float-e-margins">
                    <div class="ibox-content" style="padding-left:0px; padding-right:0px;">
                      <div class="file-manager">
                        <h5 style="margin: 0px; font-weight: bold; color: #2e353d;">Filter: </h5>
                        <a ng-click="datasetsCtrl.shared = undefined; datasetsCtrl.status = undefined" class="file-control active">All</a>
                        <a ng-click="datasetsCtrl.shared = true; datasetsCtrl.status = true" class="file-control">Shared</a>
                        <a ng-click="datasetsCtrl.shared = false; datasetsCtrl.status = true" class="file-control">Exclusive</a>
                        <a ng-click="datasetsCtrl.shared = true; datasetsCtrl.status = false" class="file-control">Pending</a>

                        <div class="hr-line-dashed"></div>
                        <div class="btn-group"
                             style="width: 100%;">
                          <button style="width: 100%;"
                                  ng-click="datasetsCtrl.newDataSetModal()"
                                  class="btn btn-warning">
                            New dataset
                          </button>
                        </div>
                      </div>
                    </div>
                    <div class="ibox-content"></div>
                  </div>
                </div>
                <div class="col-lg-10">
                  <div ng-repeat="dataset in datasetsCtrl.files| filter:{shared:datasetsCtrl.shared, status: datasetsCtrl.status} | orderBy: 'name'">
                    <div ng-if="($index % 6 == 0) && ($index !== 0)" class="row"></div>
                    <div ng-dblclick="projectCtrl.browseDataset(dataset)"
                         ng-click="datasetsCtrl.select($index, dataset); metadataCtrl.setMetadataTemplate(dataset)"
                         ng-init="(iscollapsed$index) = true"
                         class="file-box"
                         context-menu
                         data-target="menu-{{ $index}}">
                      <div class="file">
                        <a>
                          <span class="corner"></span>

                          <div class="icon">
                            <i class="glyphicon glyphicon-folder-open"></i>
                          </div>
                          <div class="file-name">
                            {{dataset.name}}
                            <br/>
                            <small><b>Owner: </b> {{dataset.owner}}</small>
                            <br/>
                            <small><b>Permission: </b>
                              {{dataset.permission}}</small>
                          </div>
                        </a>
                      </div>
                    </div>
                    <div class="dropdown position-fixed" id="menu-{{$index}}">
                      <ul class="dropdown-menu dropdown-amore">
                        <li>
                          <a class="pointer"
                             role="menuitem"
                             tabindex="1"
                             ng-click="panel.highlight = true; datasetsCtrl.compress(dataset); $event.stopPropagation();">
                            <span><i class="fa fa-file-archive-o"></i>
                              Compress</span>
                          </a>
                        </li>
                        <li>
                          <a class="pointer"
                             role="menuitem"
                             tabindex="2"
                             ng-click="datasetsCtrl.share(dataset.name)">
                            <span><i class="fa fa-share-alt"></i>
                              Share...</span>
                          </a>
                        </li>
                        <li>
                          <a class="pointer"
                             role="menuitem"
                             tabindex="3"
                             ng-click="metadataCtrl.attachTemplate(dataset); $event.stopPropagation();">
                            <span><i class="fa fa-upload"></i>
                              Add metadata template</span>
                          </a>
                        </li>
                        <li>
                          <a class="pointer"
                             role="menuitem"
                             tabindex="4"
                             ng-click="metadataCtrl.detachTemplate(dataset); $event.stopPropagation();">
                            <span><i class="fa fa-download"></i>
                              Remove metadata template</span>
                          </a>
                        </li>
                        <li>
                          <a class="pointer"
                             role="menuitem"
                             tabindex="5"
                             ng-click="datasetsCtrl.deleteFile(dataset.name)">
                            <span><i class="fa fa-trash"></i>
                              Remove</span>
                          </a>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div flex=""></div>
        </md-content>

        <!--ADD METADATA SLIDER-->
        <md-sidenav class="md-sidenav-left md-whiteframe-z2" md-component-id="left"
                    style="margin-top: 0px;">

          <md-toolbar class="md-theme-light"
                      style="background-color: #f1f1f1;color: gray; height: 39px; min-height: 39px;">

            <div class="md-toolbar-tools">
              <h2 style="margin:0;">
                <span>Metadata manager</span>
              </h2>
              <span flex></span>
              <button style="font-size:15px;height:28px;color:white;padding-top: 3px;"
                      ng-click="metadataCtrl.submitMetadata(metadataCtrl.metaData); datasetsCtrl.close()"
                      class="btn btn-success">
                <i class="fa fa-save"></i>
                Save
              </button>
            </div>

          </md-toolbar>
          <md-content layout-padding>
            <p>Associating metadata to: <a><b>'{{metadataCtrl.currentFile.name}}'</b></a></p>

            <label class="control-label" ng-show="metadataCtrl.noTemplates">
              <font color="red">There is no template attached to file {{metadataCtrl.currentFile.name}}</font>
            </label>
            <p></p>

            <div class="pull-left" ng-if="!metadataCtrl.noTemplates">
              Select a template to add metadata to:
              <ui-select ng-model="metadataCtrl.selectedTemplate" theme="select2" 
                         ng-disabled="metadataCtrl.noTemplates"
                         on-select="metadataCtrl.updateMetadataTabs()" style="min-width: 15em;">

                <ui-select-match placeholder="Select a template...">{{$select.selected.templateName}}</ui-select-match>

                <ui-select-choices repeat="template in metadataCtrl.currentFileTemplates | filter: $select.search">
                  <small>
                    <span ng-bind-html="'' + template.templateName | highlight: $select.search"></span>
                  </small>
                </ui-select-choices>
              </ui-select>
            </div>

            <div style="margin-top: 10em;">

              <tabset justified="false">
                <tab ng-repeat="tab in metadataCtrl.tabs" class="tab-title" heading="{{tab.title}}" active="tab.active"
                     disabled="tab.disabled" select="metadataCtrl.onTabSelect(tab)"
                     style="padding-left: 1em;">

                  <form name="{{tab.title}}{{$index}}" ng-submit="metadataCtrl.submitMetadata(metadataCtrl.metaData)"
                        style="padding:0em 1em 50em 1em;">

                    <ul class="card-list" ng-model="column.cards">
                      <li ng-repeat="card in tab.cards" style="padding-bottom: 0;">
                        <div style="padding-bottom: 0;">

                          <!--The table section-->
                          <div class="row col-md-15" style="padding-bottom: 0;">
                            <!--The row section-->
                            <div class="col-md-12" style="padding-bottom: 0;">
                              <div tabindex="1" class="col-md-2">
                                <span class="card-title pull-right btn btn-xs"
                                      style="font-size: 1em">{{card.title}}</span>
                              </div>

                              <div tabindex="2" class="col-md-1" style="padding-bottom: 0;">
                                <span class="field-info pull-left" tooltip="{{card.description}}">
                                  <i class="fa fa-exclamation-circle"></i>
                                </span>
                              </div>

                              <div tabindex="3" class="pull-left col-md-9" style="padding-bottom: 0;">
                                <!--text input field type-->
                                <div ng-if="card.fieldtypeid === 1">
                                  <input value="" class="fillInMetadataInput" id="sizeFieldInput"
                                         tooltips title="{{card.description}}"
                                         ng-show="true"
                                         ng-model="metadataCtrl.metaData[card.id]"/>
                                </div>

                                <!--single select list input type-->
                                <div ng-if="card.fieldtypeid === 2">

                                  <ui-select ng-model="metadataCtrl.metaData[card.id]" theme="select2" ng-disabled="disabled" style="min-width: 300px;" required>
                                    <ui-select-match placeholder="Select a value...">{{$select.selected.value}}</ui-select-match>
                                    <ui-select-choices repeat="item.value as item in card.fieldtypeContent | filter: $select.search">
                                      <!--<div ng-bind-html="item.value | highlight: $select.search"></div>-->
                                      <small>
                                        <span ng-bind-html="''+item.value | highlight: $select.search"></span>
                                      </small>
                                    </ui-select-choices>
                                  </ui-select>
                                </div>

                                <!--multi select list input type-->
                                <div ng-if="card.fieldtypeid === 3">
                                  <div
                                    isteven-multi-select
                                    input-model="card.fieldtypeContent"
                                    output-model="metadataCtrl.metaData[card.id]"
                                    button-label="value"
                                    item-label="value"
                                    tick-property="ticked"
                                    output-properties="value"
                                    >
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <hr>
                        </div>
                      </li>
                    </ul>
                    <hr/>
                    <div>
                      <button class="btn btn-default">
                        <i class="glyphicon glyphicon-floppy-save"></i>
                        Save
                      </button>
                      <button class="btn btn-default" type="button"
                              ng-click="datasetsCtrl.close()">
                        <i class="glyphicon glyphicon-chevron-left"></i>
                        Back
                      </button>
                    </div>
                  </form>
                </tab>
              </tabset>
            </div>
          </md-content>
        </md-sidenav>
        <!--END OF ADD METADATA SLIDER-->
        <div class="col-lg-4" style="border-left: 1px dashed lightgrey;
        padding-left: 0px;">
          <div class="ibox float-e-margins" style="margin-bottom: -25px; height: 95%;">
            <div class="file-manager">
              <div>
                <md-content class="md-padding" style="padding-top: 0px; min-width: 300px;">
                  <md-tabs md-dynamic-height md-border-bottom>
                    <md-tab label="Details">
                      <md-content>
                        <table id="mytable1" ng-show="datasetsCtrl.selected > - 1 && datasetsCtrl.selected != undefined" class="table table-bordred table-striped" style="margin-top: 16px;">

                          <tr style="background-color: #fafafa">
                            <td style="color:lightgrey;">Description</td>
                            <td style="color: grey;">{{datasetsCtrl.fileDetail
                              .description}}</td>
                          </tr>

                          <tr style="background-color: #fafafa">
                            <td style="color:lightgrey;">Last modified</td>
                            <td style="color: grey;">{{datasetsCtrl.fileDetail.modification| date:'short'}}</td>
                          </tr>

                          <tr style="background-color: #fafafa">
                            <td style="color:lightgrey;">Owner</td>
                            <td style="color: grey;">{{datasetsCtrl.fileDetail.owner}}</td>
                          </tr>
                          <tr style="background-color: #fafafa">
                            <td style="color:lightgrey;">Permission</td>
                            <td style="color: grey;">{{datasetsCtrl.fileDetail.permission}}</td>
                          </tr>
                        </table>

                      </md-content>


                      <!--div class="ibox-content" id="hoverable" ng-click="datasetsCtrl.toggleRight()">
                        <span class="pull-left" style="font-size: 16px; margin-top:-2px;">Add metadata</span> <i
                          class="fa fa-pencil-square-o pull-right" style="font-size: 20px;"></i>
                      </div-->
                      <!--METADATA PRESENTATION SECTION-->
                      <div id="board" ng-show="datasetsCtrl.selected > - 1 && datasetsCtrl.selected != undefined" style="font-family: Times New Roman;">
                        <div class="modal-header">
                                      <span class="modal-title"
                                            ng-model="columnName"><label
                                        style="font-size: 15px">Metadata of dataset
                                        :</label>
                                        <font style="font-size:16px;font-style: italic" color="green">
                                          <b>{{datasetsCtrl.fileDetail.name}}</b></font></span>
                        </div>
                        <div ng-show="metadataCtrl.noTemplates" style="padding-left: 10px">
                          <div style="display: inline-block">
                            <div style="display: inline-block"><h4>No metadata template attached.</h4></div>
                                       <span class="field-info" tooltip="Right click on the file to add a metadata template." style="padding-top: 5px;padding-left:3px">
                                            <i class="fa fa-exclamation-circle"></i>
                                        </span>
                          </div>
                        </div>
                        <div class="" height="80%" ng-hide="metadataCtrl.noTemplates">
                          <div class="input-group-lg" align="left" style="overflow: auto;height: 70%">
                            <div ng-repeat="table in metadataCtrl.metainfo | orderBy:'name'"
                                 style="background-color:#FAFAFA;padding-bottom:10px;padding-top: 10px; border-bottom: dashed #d5d5d5 thin;">
                              <div style="background-color:#D8D8D8;padding-left:15px;padding-top: 5px">
                                <label style="font-size: 16px;">{{table.name}}</label>
                                <button type="button" class="btn btn-default btn-xs pull-right" style="background-color:#D8D8D8;margin-right: 10px;margin-top: 5px" data-toggle="collapse" data-target="#metadatadiv{{$index}}"><i class="fa fa-ellipsis-v"></i></button>
                              </div>
                              <div id="metadatadiv{{$index}}" class="collapse in">
                                <div ng-repeat="field in table.rest" style="padding-left: 15px;padding-top:15px;font-size: 15px;">
                                  <div class="panel panel-default">
                                    <div>
                                      <label>{{field.tagName}}</label>
                                                    <span class="field-info" tooltip="{{table.desc[field.tagName]}}" style="padding-top: 5px;padding-left:3px">
                                                              <i class="fa fa-exclamation-circle"></i>
                                                    </span>
                                      <a style="color: green;padding-left: 10px " ng-click="metadataCtrl.setVisibilityAddMetadata(table.id+'-'+field.tagName,true)" ng-hide="metadataCtrl.visibilityInfo[table.id+'-'+field.tagName]"><i class="fa fa-plus"></i></a>

                                    </div>
                                  </div>

                                  <div  class="pull-left " style="padding-bottom: 0;">
                                    <div ng-repeat="card in table.inputcontent">
                                      <!--text input field type-->
                                      <div ng-if="field.tagName === card.title && card.fieldtypeid === 1" ng-show="metadataCtrl.visibilityInfo[table.id+'-'+field.tagName]">
                                        <input value="" class="fillInMetadataInput" id="sizeFieldInput"
                                               tooltips title="{{card.description}}"
                                               ng-show="true"
                                               ng-model="metadataCtrl.metaData[card.id]"  style="width: 100px"
                                               ng-keypress="($event.which === 13)?metadataCtrl.createMetadata(table.id,card.id):0" autofocus/>
                                        <button class="btn btn-default btn-xs" ng-click="metadataCtrl.createMetadata(table.id,card.id);" ><span class="glyphicon glyphicon-ok"></span></button>
                                        <button class="btn btn-default btn-xs" ng-click="metadataCtrl.setVisibilityAddMetadata(table.id+'-'+field.tagName,false);"><span class="glyphicon glyphicon-remove"></span></button>

                                      </div>

                                      <!--single select list input type-->
                                      <div ng-if="field.tagName === card.title && card.fieldtypeid === 2" style="min-width: 150px;" ng-show="metadataCtrl.visibilityInfo[table.id+'-'+field.tagName]">
                                        <ui-select ng-model="metadataCtrl.metaData[card.id]" theme="select2" ng-disabled="disabled" style="min-width: 100px;" required>
                                          <ui-select-match placeholder="Select a value...">{{$select.selected.value}}</ui-select-match>
                                          <ui-select-choices repeat="item.value as item in card.fieldtypeContent | filter: $select.search">
                                            <!--<div ng-bind-html="item.value | highlight: $select.search"></div>-->
                                            <small>
                                              <span ng-bind-html="''+item.value | highlight: $select.search"></span>
                                            </small>
                                          </ui-select-choices>
                                        </ui-select>
                                        <button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-ok" ng-click="metadataCtrl.createMetadata(table.id,card.id);"></span></button>
                                        <button class="btn btn-default btn-xs" ng-click="metadataCtrl.setVisibilityAddMetadata(table.id+'-'+field.tagName,false);"><span class="glyphicon glyphicon-remove"></span></button>
                                      </div>

                                      <!--multi select list input type-->
                                      <div ng-if="field.tagName === card.title && card.fieldtypeid === 3" ng-show="metadataCtrl.visibilityInfo[table.id+'-'+field.tagName]">
                                        <div
                                          isteven-multi-select
                                          input-model="card.fieldtypeContent"
                                          output-model="metadataCtrl.metaData[card.id]"
                                          button-label="value"
                                          item-label="value"
                                          tick-property="ticked"
                                          output-properties="value"
                                          style="display:inline-block"
                                        >
                                        </div>
                                        <button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-ok" ng-click="metadataCtrl.createMetadata(table.id,card.id);"></span></button>
                                        <button class="btn btn-default btn-xs" ng-click="metadataCtrl.setVisibilityAddMetadata(table.id+'-'+field.tagName,false);"><span class="glyphicon glyphicon-remove"></span></button>
                                      </div>
                                    </div>
                                  </div>

                                  <div style="width: 100%; height: 45px;" ng-show="metadataCtrl.visibilityInfo[table.id+'-'+field.tagName]"></div>




                                  <div ng-repeat="value in field.metadataView" style="padding-left: 15px;padding-top: 0px">
                                    <div ng-hide="metadataCtrl.visibilityInfo[value.id]" ng-if="value.data !== ''" ng-init="metashow[value.id]=false" ng-mouseenter="metashow[value.id]=true" ng-mouseleave="metashow[value.id]=false">
                                      <div style="display:inline-block" >
                                        <label style="font-weight: normal">{{value.data}}</label>
                                      </div>
                                      <div style="display:inline-block;padding-left: 20px" ng-show="metashow[value.id]">
                                        <button class="btn btn-info btn-xs" ng-click="metadataCtrl.setVisibilityAddMetadata(value.id,true);" ><i class="fa fa-pencil"></i></button>
                                        <button class="btn btn-danger btn-xs" ng-click="metadataCtrl.removeMetadata(value);" ><i class="fa fa-times"></i></button>
                                      </div>
                                      <br>
                                    </div>


                                    <div  class="pull-left " style="padding-bottom: 0;">
                                      <div ng-repeat="card in table.inputcontent">
                                        <!--text input field type-->
                                        <div ng-if="field.tagName === card.title && card.fieldtypeid === 1" ng-show="metadataCtrl.visibilityInfo[value.id]">
                                          <input placeholder="{{value.data}}" class="fillInMetadataInput" id="sizeFieldInput"
                                                 tooltips title="{{card.description}}"
                                                 ng-show="true"
                                                 ng-model="metadataCtrl.metaDataDetail[value.id]"  style="width: 100px"/>
                                          <button class="btn btn-default btn-xs" ng-click="metadataCtrl.updateMetadata(value);" ><span class="glyphicon glyphicon-ok"></span></button>
                                          <button class="btn btn-default btn-xs" ng-click="metadataCtrl.setVisibilityAddMetadata(value.id,false);"><span class="glyphicon glyphicon-remove"></span></button>

                                        </div>

                                        <!--single select list input type-->
                                        <div ng-if="field.tagName === card.title && card.fieldtypeid === 2" style="min-width: 125px;" ng-show="metadataCtrl.visibilityInfo[value.id]">
                                          <ui-select ng-model="metadataCtrl.metaDataDetail[value.id]" theme="select2" ng-disabled="disabled" style="min-width: 100px;" required>
                                            <ui-select-match placeholder="Select a value...">{{$select.selected.value}}</ui-select-match>
                                            <ui-select-choices repeat="item.value as item in card.fieldtypeContent | filter: $select.search">
                                              <!--<div ng-bind-html="item.value | highlight: $select.search"></div>-->
                                              <small>
                                                <span ng-bind-html="''+item.value | highlight: $select.search"></span>
                                              </small>
                                            </ui-select-choices>
                                          </ui-select>
                                          <button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-ok" ng-click="metadataCtrl.updateMetadata(value);"></span></button>
                                          <button class="btn btn-default btn-xs" ng-click="metadataCtrl.setVisibilityAddMetadata(value.id,false);"><span class="glyphicon glyphicon-remove"></span></button>
                                        </div>

                                        <!--multi select list input type-->
                                        <div ng-if="field.tagName === card.title && card.fieldtypeid === 3" ng-show="metadataCtrl.visibilityInfo[value.id]">
                                          <ui-select ng-model="metadataCtrl.metaDataDetail[value.id]" theme="select2" ng-disabled="disabled" style="min-width: 100px;" required>
                                            <ui-select-match placeholder="Select a value...">{{$select.selected.value}}</ui-select-match>
                                            <ui-select-choices repeat="item.value as item in card.fieldtypeContent | filter: $select.search">
                                              <!--<div ng-bind-html="item.value | highlight: $select.search"></div>-->
                                              <small>
                                                <span ng-bind-html="''+item.value | highlight: $select.search"></span>
                                              </small>
                                            </ui-select-choices>
                                          </ui-select>
                                          <button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-ok" ng-click="metadataCtrl.updateMetadata(value);"></span></button>
                                          <button class="btn btn-default btn-xs" ng-click="metadataCtrl.setVisibilityAddMetadata(value.id,false);"><span class="glyphicon glyphicon-remove"></span></button>
                                        </div>
                                      </div>
                                    </div>
                                    <div style="width: 100%; height: 35px;" ng-show="metadataCtrl.visibilityInfo[value.id]"></div>





                                  </div>

                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                    </md-tab>
                    <md-tab label="Activity">
                      <md-content class="md-padding" style="padding-left: 20px;padding-right: 20px;">

                        <div class="row">
                                  <span
                                    style="color: #444;font-size: 11px; margin-bottom: 10px;padding: 16px 6px 6px;text-transform: uppercase;">
                                    LAST WEEK
                                  </span>

                          <md-whiteframe class="md-whiteframe-z1" layout layout-align="center center"
                                         style="border-radius: 3px; margin-top:10px;">
                            <div class="col-md-2" style="margin-top: -45px;">
                              <img class="profile-image img-circle" style="height: 42px; border: 1px solid lightgrey;"
                                   src="http://gravatar.com/avatar/4b43f0e86b038f246887dde7f399a5a3?d=mm">
                            </div>
                            <div class="col-md-10" style="margin-top: 12px;padding-left:20px;">
                              <b>You</b> uploaded an item
                              </br>
                              <span style="color:#444; font-size: 11px;">Apr 30</span>

                              <p style="margin-top: 20px; color:#444;">
                                SICSEngineering.pdf
                              </p>
                            </div>
                          </md-whiteframe>

                          <md-whiteframe class="md-whiteframe-z1" layout layout-align="center center"
                                         style="border-radius: 3px; margin-top:20px; margin-bottom: 20px;">
                            <div class="col-md-2" style="margin-top: -45px;">
                              <img class="profile-image img-circle" style="height: 42px; border: 1px solid lightgrey;"
                                   src="http://gravatar.com/avatar/4b43f0e86b038f246887dde7f399a5a3?d=mm">
                            </div>
                            <div class="col-md-10" style="margin-top: 12px;padding-left:20px;">
                              <b>André</b> uploaded an item
                              </br>
                              <span style="color:#444; font-size: 11px;">Apr 11</span>

                              <p style="margin-top: 20px; color:#444;">
                                AndreSecretFile.rsa
                              </p>
                            </div>
                          </md-whiteframe>

                                  <span
                                    style="color: #444;font-size: 11px; margin-bottom: 10px;padding: 16px 6px 6px;text-transform: uppercase;">
                                    EARLIER THIS MONTH
                                  </span>


                          <md-whiteframe class="md-whiteframe-z1" layout layout-align="center center"
                                         style="border-radius: 3px; margin-top:10px;">
                            <div class="col-md-2" style="margin-top: -45px;">
                              <img class="profile-image img-circle" style="height: 42px; border: 1px solid lightgrey;"
                                   src="http://gravatar.com/avatar/f7b87f83afcba880c6300e1e4e4a8790?d=mm">
                            </div>
                            <div class="col-md-10" style="margin-top: 12px;padding-left:20px;">
                              <b>Ermias</b> uploaded an item
                              </br>
                              <span style="color:#444; font-size: 11px;">Apr 07</span>

                              <p style="margin-top: 20px; color:#444;">
                                happy_birthday.cake
                              </p>
                            </div>
                          </md-whiteframe>
                        </div>
                      </md-content>
                    </md-tab>
                  </md-tabs>
                </md-content>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
  </div>
  <!-- /#wrapper -->
</div><commit_msg>Removed div that was messing with the rows<commit_after><div ng-controller="MainCtrl as mainCtrl">
  <div ng-include="'nav.html'"></div>

  <div id="wrapper"
       class="toggled"
       ng-controller="DatasetsCtrl as datasetsCtrl">

    <div ng-controller="MetadataCtrl as metadataCtrl">

      <div class="overlay"></div>
      <section style="height: 100%" layout="row" flex="">

        <md-content flex="" layout-padding="">
          <div ng-include="'navProject.html'"></div>

          <div layout="column" layout-fill="" layout-align="top center">
            <div ng-show="mainCtrl.searchReturned !== ''">
              <div id="projectSearchResults">
                <div ng-include="'views/searchResult.html'"></div>
              </div>
            </div>

            <div class="content-wrapper" ng-controller="ProjectCtrl as projectCtrl" ng-show="mainCtrl.searchReturned === ''">
              <h3 id="projectBread" style="display: none;"> {{projectCtrl.currentProject.projectName}} /{{datasetsCtrl.pathArray[0]}}</h3>
              <div class="row">
                <div class="col-lg-2" style="max-width: 250px">
                  <div class="ibox float-e-margins">
                    <div class="ibox-content" style="padding-left:0px; padding-right:0px;">
                      <div class="file-manager">
                        <h5 style="margin: 0px; font-weight: bold; color: #2e353d;">Filter: </h5>
                        <a ng-click="datasetsCtrl.shared = undefined; datasetsCtrl.status = undefined" class="file-control active">All</a>
                        <a ng-click="datasetsCtrl.shared = true; datasetsCtrl.status = true" class="file-control">Shared</a>
                        <a ng-click="datasetsCtrl.shared = false; datasetsCtrl.status = true" class="file-control">Exclusive</a>
                        <a ng-click="datasetsCtrl.shared = true; datasetsCtrl.status = false" class="file-control">Pending</a>

                        <div class="hr-line-dashed"></div>
                        <div class="btn-group"
                             style="width: 100%;">
                          <button style="width: 100%;"
                                  ng-click="datasetsCtrl.newDataSetModal()"
                                  class="btn btn-warning">
                            New dataset
                          </button>
                        </div>
                      </div>
                    </div>
                    <div class="ibox-content"></div>
                  </div>
                </div>
                <div class="col-lg-10">
                  <div ng-repeat="dataset in datasetsCtrl.files| filter:{shared:datasetsCtrl.shared, status: datasetsCtrl.status} | orderBy: 'name'">
                    <div ng-dblclick="projectCtrl.browseDataset(dataset)"
                         ng-click="datasetsCtrl.select($index, dataset); metadataCtrl.setMetadataTemplate(dataset)"
                         ng-init="(iscollapsed$index) = true"
                         class="file-box"
                         context-menu
                         data-target="menu-{{ $index}}">
                      <div class="file">
                        <a>
                          <span class="corner"></span>

                          <div class="icon">
                            <i class="glyphicon glyphicon-folder-open"></i>
                          </div>
                          <div class="file-name">
                            {{dataset.name}}
                            <br/>
                            <small><b>Owner: </b> {{dataset.owner}}</small>
                            <br/>
                            <small><b>Permission: </b>
                              {{dataset.permission}}</small>
                          </div>
                        </a>
                      </div>
                    </div>
                    <div class="dropdown position-fixed" id="menu-{{$index}}">
                      <ul class="dropdown-menu dropdown-amore">
                        <li>
                          <a class="pointer"
                             role="menuitem"
                             tabindex="1"
                             ng-click="panel.highlight = true; datasetsCtrl.compress(dataset); $event.stopPropagation();">
                            <span><i class="fa fa-file-archive-o"></i>
                              Compress</span>
                          </a>
                        </li>
                        <li>
                          <a class="pointer"
                             role="menuitem"
                             tabindex="2"
                             ng-click="datasetsCtrl.share(dataset.name)">
                            <span><i class="fa fa-share-alt"></i>
                              Share...</span>
                          </a>
                        </li>
                        <li>
                          <a class="pointer"
                             role="menuitem"
                             tabindex="3"
                             ng-click="metadataCtrl.attachTemplate(dataset); $event.stopPropagation();">
                            <span><i class="fa fa-upload"></i>
                              Add metadata template</span>
                          </a>
                        </li>
                        <li>
                          <a class="pointer"
                             role="menuitem"
                             tabindex="4"
                             ng-click="metadataCtrl.detachTemplate(dataset); $event.stopPropagation();">
                            <span><i class="fa fa-download"></i>
                              Remove metadata template</span>
                          </a>
                        </li>
                        <li>
                          <a class="pointer"
                             role="menuitem"
                             tabindex="5"
                             ng-click="datasetsCtrl.deleteFile(dataset.name)">
                            <span><i class="fa fa-trash"></i>
                              Remove</span>
                          </a>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div flex=""></div>
        </md-content>

        <!--ADD METADATA SLIDER-->
        <md-sidenav class="md-sidenav-left md-whiteframe-z2" md-component-id="left"
                    style="margin-top: 0px;">

          <md-toolbar class="md-theme-light"
                      style="background-color: #f1f1f1;color: gray; height: 39px; min-height: 39px;">

            <div class="md-toolbar-tools">
              <h2 style="margin:0;">
                <span>Metadata manager</span>
              </h2>
              <span flex></span>
              <button style="font-size:15px;height:28px;color:white;padding-top: 3px;"
                      ng-click="metadataCtrl.submitMetadata(metadataCtrl.metaData); datasetsCtrl.close()"
                      class="btn btn-success">
                <i class="fa fa-save"></i>
                Save
              </button>
            </div>

          </md-toolbar>
          <md-content layout-padding>
            <p>Associating metadata to: <a><b>'{{metadataCtrl.currentFile.name}}'</b></a></p>

            <label class="control-label" ng-show="metadataCtrl.noTemplates">
              <font color="red">There is no template attached to file {{metadataCtrl.currentFile.name}}</font>
            </label>
            <p></p>

            <div class="pull-left" ng-if="!metadataCtrl.noTemplates">
              Select a template to add metadata to:
              <ui-select ng-model="metadataCtrl.selectedTemplate" theme="select2" 
                         ng-disabled="metadataCtrl.noTemplates"
                         on-select="metadataCtrl.updateMetadataTabs()" style="min-width: 15em;">

                <ui-select-match placeholder="Select a template...">{{$select.selected.templateName}}</ui-select-match>

                <ui-select-choices repeat="template in metadataCtrl.currentFileTemplates | filter: $select.search">
                  <small>
                    <span ng-bind-html="'' + template.templateName | highlight: $select.search"></span>
                  </small>
                </ui-select-choices>
              </ui-select>
            </div>

            <div style="margin-top: 10em;">

              <tabset justified="false">
                <tab ng-repeat="tab in metadataCtrl.tabs" class="tab-title" heading="{{tab.title}}" active="tab.active"
                     disabled="tab.disabled" select="metadataCtrl.onTabSelect(tab)"
                     style="padding-left: 1em;">

                  <form name="{{tab.title}}{{$index}}" ng-submit="metadataCtrl.submitMetadata(metadataCtrl.metaData)"
                        style="padding:0em 1em 50em 1em;">

                    <ul class="card-list" ng-model="column.cards">
                      <li ng-repeat="card in tab.cards" style="padding-bottom: 0;">
                        <div style="padding-bottom: 0;">

                          <!--The table section-->
                          <div class="row col-md-15" style="padding-bottom: 0;">
                            <!--The row section-->
                            <div class="col-md-12" style="padding-bottom: 0;">
                              <div tabindex="1" class="col-md-2">
                                <span class="card-title pull-right btn btn-xs"
                                      style="font-size: 1em">{{card.title}}</span>
                              </div>

                              <div tabindex="2" class="col-md-1" style="padding-bottom: 0;">
                                <span class="field-info pull-left" tooltip="{{card.description}}">
                                  <i class="fa fa-exclamation-circle"></i>
                                </span>
                              </div>

                              <div tabindex="3" class="pull-left col-md-9" style="padding-bottom: 0;">
                                <!--text input field type-->
                                <div ng-if="card.fieldtypeid === 1">
                                  <input value="" class="fillInMetadataInput" id="sizeFieldInput"
                                         tooltips title="{{card.description}}"
                                         ng-show="true"
                                         ng-model="metadataCtrl.metaData[card.id]"/>
                                </div>

                                <!--single select list input type-->
                                <div ng-if="card.fieldtypeid === 2">

                                  <ui-select ng-model="metadataCtrl.metaData[card.id]" theme="select2" ng-disabled="disabled" style="min-width: 300px;" required>
                                    <ui-select-match placeholder="Select a value...">{{$select.selected.value}}</ui-select-match>
                                    <ui-select-choices repeat="item.value as item in card.fieldtypeContent | filter: $select.search">
                                      <!--<div ng-bind-html="item.value | highlight: $select.search"></div>-->
                                      <small>
                                        <span ng-bind-html="''+item.value | highlight: $select.search"></span>
                                      </small>
                                    </ui-select-choices>
                                  </ui-select>
                                </div>

                                <!--multi select list input type-->
                                <div ng-if="card.fieldtypeid === 3">
                                  <div
                                    isteven-multi-select
                                    input-model="card.fieldtypeContent"
                                    output-model="metadataCtrl.metaData[card.id]"
                                    button-label="value"
                                    item-label="value"
                                    tick-property="ticked"
                                    output-properties="value"
                                    >
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <hr>
                        </div>
                      </li>
                    </ul>
                    <hr/>
                    <div>
                      <button class="btn btn-default">
                        <i class="glyphicon glyphicon-floppy-save"></i>
                        Save
                      </button>
                      <button class="btn btn-default" type="button"
                              ng-click="datasetsCtrl.close()">
                        <i class="glyphicon glyphicon-chevron-left"></i>
                        Back
                      </button>
                    </div>
                  </form>
                </tab>
              </tabset>
            </div>
          </md-content>
        </md-sidenav>
        <!--END OF ADD METADATA SLIDER-->
        <div class="col-lg-4" style="border-left: 1px dashed lightgrey;
        padding-left: 0px;">
          <div class="ibox float-e-margins" style="margin-bottom: -25px; height: 95%;">
            <div class="file-manager">
              <div>
                <md-content class="md-padding" style="padding-top: 0px; min-width: 300px;">
                  <md-tabs md-dynamic-height md-border-bottom>
                    <md-tab label="Details">
                      <md-content>
                        <table id="mytable1" ng-show="datasetsCtrl.selected > - 1 && datasetsCtrl.selected != undefined" class="table table-bordred table-striped" style="margin-top: 16px;">

                          <tr style="background-color: #fafafa">
                            <td style="color:lightgrey;">Description</td>
                            <td style="color: grey;">{{datasetsCtrl.fileDetail
                              .description}}</td>
                          </tr>

                          <tr style="background-color: #fafafa">
                            <td style="color:lightgrey;">Last modified</td>
                            <td style="color: grey;">{{datasetsCtrl.fileDetail.modification| date:'short'}}</td>
                          </tr>

                          <tr style="background-color: #fafafa">
                            <td style="color:lightgrey;">Owner</td>
                            <td style="color: grey;">{{datasetsCtrl.fileDetail.owner}}</td>
                          </tr>
                          <tr style="background-color: #fafafa">
                            <td style="color:lightgrey;">Permission</td>
                            <td style="color: grey;">{{datasetsCtrl.fileDetail.permission}}</td>
                          </tr>
                        </table>

                      </md-content>


                      <!--div class="ibox-content" id="hoverable" ng-click="datasetsCtrl.toggleRight()">
                        <span class="pull-left" style="font-size: 16px; margin-top:-2px;">Add metadata</span> <i
                          class="fa fa-pencil-square-o pull-right" style="font-size: 20px;"></i>
                      </div-->
                      <!--METADATA PRESENTATION SECTION-->
                      <div id="board" ng-show="datasetsCtrl.selected > - 1 && datasetsCtrl.selected != undefined" style="font-family: Times New Roman;">
                        <div class="modal-header">
                                      <span class="modal-title"
                                            ng-model="columnName"><label
                                        style="font-size: 15px">Metadata of dataset
                                        :</label>
                                        <font style="font-size:16px;font-style: italic" color="green">
                                          <b>{{datasetsCtrl.fileDetail.name}}</b></font></span>
                        </div>
                        <div ng-show="metadataCtrl.noTemplates" style="padding-left: 10px">
                          <div style="display: inline-block">
                            <div style="display: inline-block"><h4>No metadata template attached.</h4></div>
                                       <span class="field-info" tooltip="Right click on the file to add a metadata template." style="padding-top: 5px;padding-left:3px">
                                            <i class="fa fa-exclamation-circle"></i>
                                        </span>
                          </div>
                        </div>
                        <div class="" height="80%" ng-hide="metadataCtrl.noTemplates">
                          <div class="input-group-lg" align="left" style="overflow: auto;height: 70%">
                            <div ng-repeat="table in metadataCtrl.metainfo | orderBy:'name'"
                                 style="background-color:#FAFAFA;padding-bottom:10px;padding-top: 10px; border-bottom: dashed #d5d5d5 thin;">
                              <div style="background-color:#D8D8D8;padding-left:15px;padding-top: 5px">
                                <label style="font-size: 16px;">{{table.name}}</label>
                                <button type="button" class="btn btn-default btn-xs pull-right" style="background-color:#D8D8D8;margin-right: 10px;margin-top: 5px" data-toggle="collapse" data-target="#metadatadiv{{$index}}"><i class="fa fa-ellipsis-v"></i></button>
                              </div>
                              <div id="metadatadiv{{$index}}" class="collapse in">
                                <div ng-repeat="field in table.rest" style="padding-left: 15px;padding-top:15px;font-size: 15px;">
                                  <div class="panel panel-default">
                                    <div>
                                      <label>{{field.tagName}}</label>
                                                    <span class="field-info" tooltip="{{table.desc[field.tagName]}}" style="padding-top: 5px;padding-left:3px">
                                                              <i class="fa fa-exclamation-circle"></i>
                                                    </span>
                                      <a style="color: green;padding-left: 10px " ng-click="metadataCtrl.setVisibilityAddMetadata(table.id+'-'+field.tagName,true)" ng-hide="metadataCtrl.visibilityInfo[table.id+'-'+field.tagName]"><i class="fa fa-plus"></i></a>

                                    </div>
                                  </div>

                                  <div  class="pull-left " style="padding-bottom: 0;">
                                    <div ng-repeat="card in table.inputcontent">
                                      <!--text input field type-->
                                      <div ng-if="field.tagName === card.title && card.fieldtypeid === 1" ng-show="metadataCtrl.visibilityInfo[table.id+'-'+field.tagName]">
                                        <input value="" class="fillInMetadataInput" id="sizeFieldInput"
                                               tooltips title="{{card.description}}"
                                               ng-show="true"
                                               ng-model="metadataCtrl.metaData[card.id]"  style="width: 100px"
                                               ng-keypress="($event.which === 13)?metadataCtrl.createMetadata(table.id,card.id):0" autofocus/>
                                        <button class="btn btn-default btn-xs" ng-click="metadataCtrl.createMetadata(table.id,card.id);" ><span class="glyphicon glyphicon-ok"></span></button>
                                        <button class="btn btn-default btn-xs" ng-click="metadataCtrl.setVisibilityAddMetadata(table.id+'-'+field.tagName,false);"><span class="glyphicon glyphicon-remove"></span></button>

                                      </div>

                                      <!--single select list input type-->
                                      <div ng-if="field.tagName === card.title && card.fieldtypeid === 2" style="min-width: 150px;" ng-show="metadataCtrl.visibilityInfo[table.id+'-'+field.tagName]">
                                        <ui-select ng-model="metadataCtrl.metaData[card.id]" theme="select2" ng-disabled="disabled" style="min-width: 100px;" required>
                                          <ui-select-match placeholder="Select a value...">{{$select.selected.value}}</ui-select-match>
                                          <ui-select-choices repeat="item.value as item in card.fieldtypeContent | filter: $select.search">
                                            <!--<div ng-bind-html="item.value | highlight: $select.search"></div>-->
                                            <small>
                                              <span ng-bind-html="''+item.value | highlight: $select.search"></span>
                                            </small>
                                          </ui-select-choices>
                                        </ui-select>
                                        <button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-ok" ng-click="metadataCtrl.createMetadata(table.id,card.id);"></span></button>
                                        <button class="btn btn-default btn-xs" ng-click="metadataCtrl.setVisibilityAddMetadata(table.id+'-'+field.tagName,false);"><span class="glyphicon glyphicon-remove"></span></button>
                                      </div>

                                      <!--multi select list input type-->
                                      <div ng-if="field.tagName === card.title && card.fieldtypeid === 3" ng-show="metadataCtrl.visibilityInfo[table.id+'-'+field.tagName]">
                                        <div
                                          isteven-multi-select
                                          input-model="card.fieldtypeContent"
                                          output-model="metadataCtrl.metaData[card.id]"
                                          button-label="value"
                                          item-label="value"
                                          tick-property="ticked"
                                          output-properties="value"
                                          style="display:inline-block"
                                        >
                                        </div>
                                        <button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-ok" ng-click="metadataCtrl.createMetadata(table.id,card.id);"></span></button>
                                        <button class="btn btn-default btn-xs" ng-click="metadataCtrl.setVisibilityAddMetadata(table.id+'-'+field.tagName,false);"><span class="glyphicon glyphicon-remove"></span></button>
                                      </div>
                                    </div>
                                  </div>

                                  <div style="width: 100%; height: 45px;" ng-show="metadataCtrl.visibilityInfo[table.id+'-'+field.tagName]"></div>




                                  <div ng-repeat="value in field.metadataView" style="padding-left: 15px;padding-top: 0px">
                                    <div ng-hide="metadataCtrl.visibilityInfo[value.id]" ng-if="value.data !== ''" ng-init="metashow[value.id]=false" ng-mouseenter="metashow[value.id]=true" ng-mouseleave="metashow[value.id]=false">
                                      <div style="display:inline-block" >
                                        <label style="font-weight: normal">{{value.data}}</label>
                                      </div>
                                      <div style="display:inline-block;padding-left: 20px" ng-show="metashow[value.id]">
                                        <button class="btn btn-info btn-xs" ng-click="metadataCtrl.setVisibilityAddMetadata(value.id,true);" ><i class="fa fa-pencil"></i></button>
                                        <button class="btn btn-danger btn-xs" ng-click="metadataCtrl.removeMetadata(value);" ><i class="fa fa-times"></i></button>
                                      </div>
                                      <br>
                                    </div>


                                    <div  class="pull-left " style="padding-bottom: 0;">
                                      <div ng-repeat="card in table.inputcontent">
                                        <!--text input field type-->
                                        <div ng-if="field.tagName === card.title && card.fieldtypeid === 1" ng-show="metadataCtrl.visibilityInfo[value.id]">
                                          <input placeholder="{{value.data}}" class="fillInMetadataInput" id="sizeFieldInput"
                                                 tooltips title="{{card.description}}"
                                                 ng-show="true"
                                                 ng-model="metadataCtrl.metaDataDetail[value.id]"  style="width: 100px"/>
                                          <button class="btn btn-default btn-xs" ng-click="metadataCtrl.updateMetadata(value);" ><span class="glyphicon glyphicon-ok"></span></button>
                                          <button class="btn btn-default btn-xs" ng-click="metadataCtrl.setVisibilityAddMetadata(value.id,false);"><span class="glyphicon glyphicon-remove"></span></button>

                                        </div>

                                        <!--single select list input type-->
                                        <div ng-if="field.tagName === card.title && card.fieldtypeid === 2" style="min-width: 125px;" ng-show="metadataCtrl.visibilityInfo[value.id]">
                                          <ui-select ng-model="metadataCtrl.metaDataDetail[value.id]" theme="select2" ng-disabled="disabled" style="min-width: 100px;" required>
                                            <ui-select-match placeholder="Select a value...">{{$select.selected.value}}</ui-select-match>
                                            <ui-select-choices repeat="item.value as item in card.fieldtypeContent | filter: $select.search">
                                              <!--<div ng-bind-html="item.value | highlight: $select.search"></div>-->
                                              <small>
                                                <span ng-bind-html="''+item.value | highlight: $select.search"></span>
                                              </small>
                                            </ui-select-choices>
                                          </ui-select>
                                          <button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-ok" ng-click="metadataCtrl.updateMetadata(value);"></span></button>
                                          <button class="btn btn-default btn-xs" ng-click="metadataCtrl.setVisibilityAddMetadata(value.id,false);"><span class="glyphicon glyphicon-remove"></span></button>
                                        </div>

                                        <!--multi select list input type-->
                                        <div ng-if="field.tagName === card.title && card.fieldtypeid === 3" ng-show="metadataCtrl.visibilityInfo[value.id]">
                                          <ui-select ng-model="metadataCtrl.metaDataDetail[value.id]" theme="select2" ng-disabled="disabled" style="min-width: 100px;" required>
                                            <ui-select-match placeholder="Select a value...">{{$select.selected.value}}</ui-select-match>
                                            <ui-select-choices repeat="item.value as item in card.fieldtypeContent | filter: $select.search">
                                              <!--<div ng-bind-html="item.value | highlight: $select.search"></div>-->
                                              <small>
                                                <span ng-bind-html="''+item.value | highlight: $select.search"></span>
                                              </small>
                                            </ui-select-choices>
                                          </ui-select>
                                          <button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-ok" ng-click="metadataCtrl.updateMetadata(value);"></span></button>
                                          <button class="btn btn-default btn-xs" ng-click="metadataCtrl.setVisibilityAddMetadata(value.id,false);"><span class="glyphicon glyphicon-remove"></span></button>
                                        </div>
                                      </div>
                                    </div>
                                    <div style="width: 100%; height: 35px;" ng-show="metadataCtrl.visibilityInfo[value.id]"></div>





                                  </div>

                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                    </md-tab>
                    <md-tab label="Activity">
                      <md-content class="md-padding" style="padding-left: 20px;padding-right: 20px;">

                        <div class="row">
                                  <span
                                    style="color: #444;font-size: 11px; margin-bottom: 10px;padding: 16px 6px 6px;text-transform: uppercase;">
                                    LAST WEEK
                                  </span>

                          <md-whiteframe class="md-whiteframe-z1" layout layout-align="center center"
                                         style="border-radius: 3px; margin-top:10px;">
                            <div class="col-md-2" style="margin-top: -45px;">
                              <img class="profile-image img-circle" style="height: 42px; border: 1px solid lightgrey;"
                                   src="http://gravatar.com/avatar/4b43f0e86b038f246887dde7f399a5a3?d=mm">
                            </div>
                            <div class="col-md-10" style="margin-top: 12px;padding-left:20px;">
                              <b>You</b> uploaded an item
                              </br>
                              <span style="color:#444; font-size: 11px;">Apr 30</span>

                              <p style="margin-top: 20px; color:#444;">
                                SICSEngineering.pdf
                              </p>
                            </div>
                          </md-whiteframe>

                          <md-whiteframe class="md-whiteframe-z1" layout layout-align="center center"
                                         style="border-radius: 3px; margin-top:20px; margin-bottom: 20px;">
                            <div class="col-md-2" style="margin-top: -45px;">
                              <img class="profile-image img-circle" style="height: 42px; border: 1px solid lightgrey;"
                                   src="http://gravatar.com/avatar/4b43f0e86b038f246887dde7f399a5a3?d=mm">
                            </div>
                            <div class="col-md-10" style="margin-top: 12px;padding-left:20px;">
                              <b>André</b> uploaded an item
                              </br>
                              <span style="color:#444; font-size: 11px;">Apr 11</span>

                              <p style="margin-top: 20px; color:#444;">
                                AndreSecretFile.rsa
                              </p>
                            </div>
                          </md-whiteframe>

                                  <span
                                    style="color: #444;font-size: 11px; margin-bottom: 10px;padding: 16px 6px 6px;text-transform: uppercase;">
                                    EARLIER THIS MONTH
                                  </span>


                          <md-whiteframe class="md-whiteframe-z1" layout layout-align="center center"
                                         style="border-radius: 3px; margin-top:10px;">
                            <div class="col-md-2" style="margin-top: -45px;">
                              <img class="profile-image img-circle" style="height: 42px; border: 1px solid lightgrey;"
                                   src="http://gravatar.com/avatar/f7b87f83afcba880c6300e1e4e4a8790?d=mm">
                            </div>
                            <div class="col-md-10" style="margin-top: 12px;padding-left:20px;">
                              <b>Ermias</b> uploaded an item
                              </br>
                              <span style="color:#444; font-size: 11px;">Apr 07</span>

                              <p style="margin-top: 20px; color:#444;">
                                happy_birthday.cake
                              </p>
                            </div>
                          </md-whiteframe>
                        </div>
                      </md-content>
                    </md-tab>
                  </md-tabs>
                </md-content>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
  </div>
  <!-- /#wrapper -->
</div>
{'fraction_non_alphanumeric': 0.12868150811073623, 'fraction_numerical': 0.011035315957744611, 'mean_word_length': 1.0772456006120887, 'pattern_counts': {'":': 0, '<': 1087, '<?xml version=': 0, '>': 1091, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 476, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3278845', 'n_tokens_mistral': 16590, 'n_tokens_neox': 15205, 'n_words': 2695}