Difference between revisions of "Team:GO Paris-Saclay/PlasmidSketcher"

m
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<meta charset="UTF-8">
 
−
<!--
 
  
−
    Copyright (c) 2018 Eliane Briand
 
  
 +
        <script src="https://static.igem.org/mediawiki/2018/4/49/T--GO_Paris-Saclay--angular.txt"></script>
 +
        <script src='https://static.igem.org/mediawiki/2018/c/c9/T--GO_Paris-Saclay--plasmid_sketcher.txt'></script>
 +
       
 +
 +
        <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
 +
 +
        <!-- Angular Material stuff -->
 +
        <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.8/angular-material.min.css">
 +
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">
 +
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-animate.min.js"></script>
 +
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-aria.min.js"></script>
 +
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-messages.min.js"></script>
 +
        <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.8/angular-material.min.js"></script>
 +
 +
 
 +
<div id="bigmaindiv"  ng-controller="plasmidController as pc">
 +
<!--
 
     This file is part of Plasmid Sketcher.
 
     This file is part of Plasmid Sketcher.
  
Line 35: Line 49:
  
 
-->
 
-->
−
 
+
     
−
 
+
−
 
+
−
 
+
−
        <link rel="stylesheet" href="https://static.igem.org/mediawiki/2018/1/1a/T--GO_Paris-Saclay--ps.txt">
+
−
 
+
−
        <script src="https://static.igem.org/mediawiki/2018/4/49/T--GO_Paris-Saclay--angular.txt"></script>
+
−
        <script src='https://static.igem.org/mediawiki/2018/c/c9/T--GO_Paris-Saclay--plasmid_sketcher.txt'></script>
+
−
       
+
−
 
+
−
        <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
+
−
 
+
−
        <!-- Angular Material stuff -->
+
−
        <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.8/angular-material.min.css">
+
−
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">
+
−
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-animate.min.js"></script>
+
−
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-aria.min.js"></script>
+
−
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-messages.min.js"></script>
+
−
        <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.8/angular-material.min.js"></script>
+
−
 
+
−
 
+
−
<div id="bigmaindiv"  ng-controller="plasmidController as pc">
+
−
       
+
 
         <md-toolbar class="md-menu-toolbar">
 
         <md-toolbar class="md-menu-toolbar">
 
     <div layout="row">
 
     <div layout="row">
 
       <md-toolbar-filler layout layout-align="center center">
 
       <md-toolbar-filler layout layout-align="center center">
−
         <md-icon md-svg-icon="baseline-data_usage-24px.svg" style="color: white;"></md-icon>
+
         <md-icon md-svg-icon="https://static.igem.org/mediawiki/2018/a/a8/T--GO_Paris-Saclay--baseline-data_usage-24px.svg" style="color: white;"></md-icon>
 
       </md-toolbar-filler>
 
       </md-toolbar-filler>
 
       <div>
 
       <div>
−
         <h2 class="md-toolbar-tools">Plasmid Sketcher</h2>
+
         <h2 class="md-toolbar-tools">Plasmid Sketcher -- NOT WORKING ON WIKI, SORRY</h2>
 
         <md-menu-bar>
 
         <md-menu-bar>
 
           <md-menu>
 
           <md-menu>
Line 98: Line 90:
 
     </div>
 
     </div>
 
   </md-toolbar>
 
   </md-toolbar>
−
         <div ng-cloak class="flcontainer">
+
         <div ng-cloak class="flcontainer" style="display:flex;">
  
 
          
 
          
Line 192: Line 184:
 
                      
 
                      
 
       <md-button aria-label="Create new feature" class="md-icon-button" ng-click="pc.addMarker()">
 
       <md-button aria-label="Create new feature" class="md-icon-button" ng-click="pc.addMarker()">
−
         <md-icon md-menu-origin md-svg-icon="baseline-add-24px.svg" style="color: white;"></md-icon>
+
         <md-icon md-menu-origin md-svg-icon="https://static.igem.org/mediawiki/2018/1/1d/T--GO_Paris-Saclay--baseline-add-24px.svg" style="color: white;"></md-icon>
 
       </md-button>
 
       </md-button>
 
        
 
        
Line 450: Line 442:
 
         </div>
 
         </div>
 
</div>
 
</div>
 +
<link rel="stylesheet" href="data:text/css;base64,LyoKCiAgICBDb3B5cmlnaHQgKGMpIDIwMTggRWxpYW5lIEJyaWFuZAoKICAgIFRoaXMgZmlsZSBpcyBwYXJ0IG9mIFBsYXNtaWQgU2tldGNoZXIuCgogICAgUGxhc21pZCBza2V0Y2hlciBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5CiAgICBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieQogICAgdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3IKICAgIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uCgogICAgVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsCiAgICBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZgogICAgTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiAgU2VlIHRoZQogICAgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy4KCiAgICBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZQogICAgYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uICBJZiBub3QsIHNlZSA8aHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLz4uCgoKCiAgICBUaGlzIHByb2plY3QgaW5jb3Jwb3JhdGVzIHdvcmsgY292ZXJlZCBieSB0aGUgZm9sbG93aW5nIGNvcHlyaWdodCBhbmQgcGVybWlzc2lvbiBub3RpY2UgOgoKICAgIFRoZSBNSVQgTGljZW5zZSAoTUlUKQoKICAgIAogICAgQ29weXJpZ2h0IChjKSAyMDE0IFJlaGFuIENoYXdkcnkgPHJjaGF3ZHJ5QHZpeGlzLmNvbT4KCiAgICBQZXJtaXNzaW9uIGlzIGhlcmVieSBncmFudGVkLCBmcmVlIG9mIGNoYXJnZSwgdG8gYW55IHBlcnNvbiBvYnRhaW5pbmcgYSBjb3B5IG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlICJTb2Z0d2FyZSIpLCB0byBkZWFsIGluIHRoZSBTb2Z0d2FyZSB3aXRob3V0IHJlc3RyaWN0aW9uLCBpbmNsdWRpbmcgd2l0aG91dCBsaW1pdGF0aW9uIHRoZSByaWdodHMgdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Igc2VsbCBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXMgZnVybmlzaGVkIHRvIGRvIHNvLCBzdWJqZWN0IHRvIHRoZSBmb2xsb3dpbmcgY29uZGl0aW9uczoKCiAgICBUaGUgYWJvdmUgY29weXJpZ2h0IG5vdGljZSBhbmQgdGhpcyBwZXJtaXNzaW9uIG5vdGljZSBzaGFsbCBiZSBpbmNsdWRlZCBpbiBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS4KCiAgICBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgIkFTIElTIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUiBJTVBMSUVELCBJTkNMVURJTkcgQlVUIE5PVCBMSU1JVEVEIFRPIFRIRSBXQVJSQU5USUVTIE9GIE1FUkNIQU5UQUJJTElUWSwgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVIgTElBQklMSVRZLCBXSEVUSEVSIElOIEFOIEFDVElPTiBPRiBDT05UUkFDVCwgVE9SVCBPUiBPVEhFUldJU0UsIEFSSVNJTkcgRlJPTSwgT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTiBUSEUgU09GVFdBUkUuCgogKi8KCiBAaW1wb3J0IHVybCgiaHR0cDovL2ZvbnRzLmdvb2dsZWFwaXMuY29tL2Nzcz9mYW1pbHk9TGF0bzozMDAsNDAwLDcwMHxEb25lZ2FsK09uZXxTb3VyY2UrQ29kZStQcm86NDAwIik7CmJvZHkge2ZvbnQtZmFtaWx5OiBTYW5zO2ZvbnQtd2VpZ2h0OjQwMDsgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7fQouYm91bmRhcnkge3N0cm9rZS1kYXNoYXJyYXk6MiwyO3N0cm9rZS13aWR0aDoycHh9Ci5tZGxhYmVsIHtmb250LXNpemU6MjVweH0KLmxhYmVsbGluZSB7c3Ryb2tlOiMzMzM7c3Ryb2tlLXdpZHRoOjJweDt9Ci5zbWxhYmVsIHtmb250LXNpemU6MThweH0KLnZzbWxhYmVsIHtmb250LXNpemU6MTVweH0KLndoaXRlIHtmaWxsOiNmZmZ9Ci5yZWQge2ZpbGw6cmdiKDE5Miw2NCw2NCl9Ci5wdXJwbGUge2ZpbGw6cmdiKDE5Miw2NCwxOTIpfQouYmx1ZSB7ZmlsbDpyZ2IoNjQsMTkyLDE5Mil9Ci5ncmVlbiB7ZmlsbDpyZ2IoNjQsMTkyLDY0KX0KLmdvbGQge2ZpbGw6cmdiKDE5MiwxMjgsNjQpfQoKI3AxIHtib3JkZXI6MXB4IHNvbGlkICNjY2N9CgoudGl0bGVsYWJlbHsKICAgIGZvbnQtc2l6ZTozMHB4OwogICAgZm9udC13ZWlnaHQ6IGJvbGQ7Cn0KCi5zdWJ0aXRsZWxhYmVsewogICAgZm9udC1zaXplOjI1cHg7CiAgICBmb250LXdlaWdodDogbm9ybWFsOwp9CgouZmxjb250YWluZXIgewogIGRpc3BsYXk6IGZsZXg7IC8qIG9yIGlubGluZS1mbGV4ICovCiAgZmxleC1kaXJlY3Rpb246IHJvdzsKICBmbGV4LXdyYXA6IHdyYXA7CiAgbWFyZ2luLWxlZnQ6IDBweDsKICBtYXJnaW4tcmlnaHQ6IDBweDsKICBtYXJnaW4tdG9wIDogMHB4OwogICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKfQoKLnBsYXNtaWR2aWV3IHsKICAgZm9udC1mYW1pbHk6ICJSb2JvdG8iLCBTYW5zOwp9CgojcGx2IHsKICAgZm9udC1mYW1pbHk6ICJSb2JvdG8iLCBTYW5zOwp9CgojY2FudmFzMSB7CiAgIGZvbnQtZmFtaWx5OiAiUm9ib3RvIiwgU2FuczsKfQoKLnBsYXNtaWRlZGl0IHsKICAgLyogZGlzcGxheSA6IGZsZXg7ICovCiAgIAogIGZsZXgtZGlyZWN0aW9uOiByb3c7CiAgZmxleC13cmFwOiB3cmFwOwogIGZsZXg6IDEgMSBhdXRvOwogIHdpZHRoIDogNTB2dzsKfQoKLnBsYXNtaWRMYWJlbEVkaXRvcnsKICAgIG1hcmdpbi1sZWZ0OiA1JTsKICAgIG1hcmdpbi1yaWdodDogNSU7CiAgICBtYXJnaW4tdG9wIDogNSU7CiAgICBtYXJnaW4tYm90dG9tIDogNSU7CiAgICBmbGV4OiAxICAxIGF1dG87Cn0KCi5wbGFzbWlkTWFya2VyQWRkZXJ7CiAgICBtYXJnaW4tbGVmdDogNSU7CiAgICBtYXJnaW4tcmlnaHQ6IDUlOwogICAgbWFyZ2luLXRvcCA6IDUlOwogICAgbWFyZ2luLWJvdHRvbSA6IDUlOwogICAgbWFyZ2luLWJvdHRvbSA6IDUlOwogICAgZmxleDogMSAgMSBhdXRvOwp9CgoucGxhc21pZE1hcmtlckxpc3QgewogICAgbWFyZ2luLWxlZnQ6IDIlOwogICAgbWFyZ2luLXJpZ2h0OiAyJTsKICAgIG1hcmdpbi1ib3R0b20gOiA1JTsKICAgIGZsZXg6IDEgIDEgYXV0bzsKfQoKLnBsYXNtaWRNYXJrZXJFZGl0b3IgewogICAgbWFyZ2luLWxlZnQ6IDIlOwogICAgbWFyZ2luLXJpZ2h0OiAyJTsKICAgIG1hcmdpbi1ib3R0b20gOiA1JTsKICAgIGZsZXg6IDEgIDEgYXV0bzsKfQoKCi5zZWxlY3RlZE1hcmtlciB7CiAgYmFja2dyb3VuZDogeWVsbG93Owp9CgppbnB1dFt0eXBlPSJmaWxlIl0gewogICAgZGlzcGxheTogbm9uZTsKfQoKLmN1c3RvbS1maWxlLXVwbG9hZCB7CiAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjOwogICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgcGFkZGluZzogNnB4IDEycHg7CiAgICBjdXJzb3I6IHBvaW50ZXI7Cn0KCi5maWxlbG9hZGlhbG9nIHsKICBiYWNrZ3JvdW5kOiB3aGl0ZTsKICBib3JkZXItcmFkaXVzOiA0cHg7CiAgYm94LXNoYWRvdzogMCA3cHggOHB4IC00cHggcmdiYSgwLCAwLCAwLCAwLjIpLAogICAgICAwIDEzcHggMTlweCAycHggcmdiYSgwLCAwLCAwLCAwLjE0KSwKICAgICAgMCA1cHggMjRweCA0cHggcmdiYSgwLCAwLCAwLCAwLjEyKTsKICB3aWR0aDogNTAwcHg7Cn0K">
  
 
<script>
 
<script>
−
     $(".body").append($(".bigmaindiv"));
+
     $(".body").append($("#bigmaindiv"));
  
 
$('#top_title').remove();
 
$('#top_title').remove();
 +
$('#bigmaindiv').insertBefore('#content');
 +
 
</script>
 
</script>
 
<style>
 
<style>
−
#HQ_page {
+
#content{
−
width:100vw;
+
background-color: #FFFFFF00;
−
position:absolute;
+
width: 0px;
 +
padding: 0px;
 +
border: none;
 +
margin-left: 0px;
 +
margin-right: auto;
 
}
 
}
 
#bigmaindiv
 
#bigmaindiv
 
{
 
{
−
width:100vw;position:absolute;
+
width:100vw;
−
background-color: white;  
+
position:absolute;
 +
background-color: white;
 +
margin-left : 0px;
 +
margin-top: 25px
 +
margin-right : 0px;
 +
}
 +
body{
 +
background-color: #FFFFFF;
 
}
 
}
 
</style>
 
</style>
−
    </body>
 
 
</html>
 
</html>

Latest revision as of 20:57, 20 June 2018

Plasmid Sketcher -- NOT WORKING ON WIKI, SORRY

New Edit plasmid label

Features

{{marker.text}}

{{marker.type}}

{{marker.remark}}

Delete

Properties : {{pc.currMarkerEdited.text}}

Restriction site Restriction pair Promoter RBS CDS Terminator Misc block
{{pc.markers[pc.selectedMarkerIdx].length}} (end : {{pc.markers[pc.selectedMarkerIdx].position + pc.markers[pc.selectedMarkerIdx].length}}) Default Black (light) Black (dark) {{color}} {{pc.markers[pc.selectedMarkerIdx].spec_attr.height}}
{{pc.markers[pc.selectedMarkerIdx].length}} (end : {{pc.markers[pc.selectedMarkerIdx].position + pc.markers[pc.selectedMarkerIdx].length}}) Yellow ! {{color}} Reverse {{pc.markers[pc.selectedMarkerIdx].spec_attr.angle}}
{{pc.markers[pc.selectedMarkerIdx].spec_attr.angle}}
{{pc.markers[pc.selectedMarkerIdx].length}} (end : {{pc.markers[pc.selectedMarkerIdx].position + pc.markers[pc.selectedMarkerIdx].length}}) {{color}} Outer label {{pc.markers[pc.selectedMarkerIdx].spec_attr.angle}}
{{pc.markers[pc.selectedMarkerIdx].spec_attr.angle}}
{{pc.markers[pc.selectedMarkerIdx].length}} (end : {{pc.markers[pc.selectedMarkerIdx].position + pc.markers[pc.selectedMarkerIdx].length}})
Advanced

Advanced properties
{{pc.markers[pc.selectedMarkerIdx].spec_attr.lheight}} Close