Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div ng-repeat="list in lists">
- <div style="float: left; margin-left: 5px;">
- <div id="tasks"><h3>{{ list.name }} {{$index}}</h3>
- <ul dnd-list="list.cards" ng-repeat="card in list.cards" dnd-drop="drop($parent.$index, $index, list._id)">
- <li dnd-dragstart="logEvent($parent.$index, $index, list._id)" dnd-draggable="card"
- dnd-selected="models.selected = card" ng-class="{'selected': models.selected === card}">
- {{card.name}}
- </li>
- </div>
- </div>
- </div>
- $scope.logEvent = function (indeksList, indeksCard, idList) {
- $scope.MovingItem = {
- indeksList: indeksList,
- indeksCard: indeksCard,
- idList: idList
- }
- //console.log($scope.MovingItem)
- }
- $scope.drop = function (indexList, indexCard, IdList) {
- let movingCard = $scope.lists[$scope.MovingItem.indeksList].cards[$scope.MovingItem.indeksCard];
- $scope.lists[$scope.MovingItem.indeksList].cards.splice($scope.MovingItem.indeksCard, 1);
- $scope.lists[indexList].cards.splice(indexCard, 0, movingCard);
- }
- .tilt {
- transform: rotate(3deg);
- -moz-transform: rotate(3deg);
- -webkit-transform: rotate(3deg);
- }
- .column {
- width: 170px;
- float: left;
- padding-bottom: 100px;
- }
- .portlet {
- margin: 0 1em 1em 0;
- padding: 0.3em;
- }
- .portlet-header {
- padding: 0.2em 0.3em;
- margin-bottom: 0.5em;
- position: relative;
- }
- .portlet-toggle {
- position: absolute;
- top: 50%;
- right: 0;
- margin-top: -8px;
- }
- .portlet-content {
- padding: 0.4em;
- }
- .portlet-placeholder {
- border: 1px dotted black;
- margin: 0 1em 1em 0;
- height: 50px;
- }
- /* <BEGIN> For OS X */
- *:focus {
- outline: none;
- }
- html {
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
- /* <END> For OS X */
- body {
- font-family: 'Open Sans', sans-serif;
- background-color: #0375AB;
- }
- #wrapper, #topbar-inner {
- width: 95%;
- margin: 0 auto;
- }
- #topbar {
- background-color: #036492;
- }
- #topbar-inner {
- height: 42px;
- position: relative;
- }
- #topbar #nav {
- float: left;
- width: 25%;
- background: yellow;
- }
- #topbar #logo {
- width: 100%;
- padding-top: 8px;
- text-align: center;
- }
- #topbar #login {
- position: absolute;
- right: 0px;
- bottom: 10px;
- }
- #topbar #logo h1 {
- margin: 0;
- display: inline;
- font-size: 24px;
- font-family: "Ubuntu", sans-serif;
- color: rgba(255, 255, 255, 0.3);
- }
- #topbar #logo h1:hover {
- color: rgba(255, 255, 255, 0.8);
- cursor: pointer;
- }
- #wrapper {
- margin-top: 30px;
- }
- #tasks {
- width: 260px;
- padding: 7px;
- background-color: #E2E4E6;
- border-radius: 3px;
- }
- #tasks h3 {
- padding: 0;
- margin: 0px 0px 5px 0px;
- font-weight: 400;
- font-size: 14px;
- }
- #tasks ul {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
- #tasks li {
- padding: 5px 8px;
- margin-bottom: 4px;
- background-color: #fff;
- border-bottom: 1px #CCCCCC solid;
- border-radius: 3px;
- font-weight: 300;
- }
- #tasks li i {
- float: right;
- margin-top: 5px;
- }
- #tasks li i:hover {
- cursor: pointer;
- }
- #tasks li i.fa-trash-o {
- color: #888;
- font-size: 14px;
- }
- /*#tasks li:last-child {
- background-color: #E2E4E6;
- border-bottom-width: 0;
- padding-left: 0;
- margin-bottom: 0px;
- text-align: center;
- }
- #tasks li:last-child a {
- text-decoration: none;
- color: #A6A7A7;
- }*/
- #tasks input[type=text] {
- margin: 0;
- width: 244px;
- padding: 5px 8px;
- border-width: 0;
- border-radius: 3px;
- box-shadow: none;
- }
- .btn-login {
- color: #fff;
- background-color: #448DAF;
- text-decoration: none;
- border-radius: 3px;
- padding: 5px 10px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement