cloud-playground/app/main.html at master · csseditor/cloud-playground · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<div ng-show="load_state && load_state != true" style="padding: 1em 2em;">
  <div class="loading">Unexpected Error Loading App</div>
  <div class="status">{{load_state}}</div>
  <div style="margin-top: 1em;">
    <button ng-click="reload('{{load_state}}')" class="btn">Reload app</button>
  </div>
</div>

<div ng-show="load_state == true">

  <h4 class="space-above"><a id="my_projects"></a>Projects</h4>

  <table class="table-condensed">

    <thead>
      <tr>
        <th></th>
        <th class="project_id" ng-show="config.is_admin">Id</th>
        <th class="project_name">Name</th>
        <th class="project_description">Description</th>
        <th class="project_writers" ng-show="config.is_admin">Writers</th>
        <th></th>
        <th></th>
      </tr>
    </thead>

    <tbody>
      <tr class="project_row" ng-repeat="project in projects | filter:show_project_in_list | orderBy:'name':false | orderBy:'orderby':true" ng-class="{ghost: !project.key}">
        <td>
          <span ng-show="!project.in_progress_task_name">
            <button ng-show="project.writable" class="btn btn-small btn-primary" style="width: 10em;" ng-disabled="!project.key" ng-click="select_project(project, 'click-open-project-button')">
              <i class="icon-share-alt icon-white"></i> open project
            </button>
            <button ng-show="!project.writable" class="btn btn-small" style="width: 10em;" ng-click="new_project(project, undefined, 'copy-project')">
              <i class="icon-plus"></i> make a copy
            </button>
          </span>
          <span ng-show="!!project.in_progress_task_name">(Fetching...)</span>
        </td>
        <td class="project_id diag" ng-show="config.is_admin">{{project.key}}</td>
        <td class="project_name">{{project.name}}</td>
        <td class="project_description"><span ng-show="project.hide_template"><b>[hidden]</b> </span>{{project.description}}</td>
        <td class="project_writers diag" ng-show="config.is_admin">{{project.writers}}</td>
        <td>
          <a ng-show="config.is_admin && !project.writable" ng-class="{disabled: !project.key}" ng-click="recreate_template_project(project)" title="refresh project"><i class="icon-refresh"></i></a>
        </td>
        <td>
          <a ng-show="config.is_admin || project.writable" ng-click="prompt_delete_project(project, 'trashcan_icon')" title="delete project"><i class="icon-trash"></i></a>
        </td>
      </tr>

    </tbody>

  </table>

  <div>
    <h4 class="space-above">Import new projects</h4>
    <form class="form-horizontal">
      <div class="control-group">
        <label class='control-label' for='import_url'>Github project URL</label>
        <div class="controls">
          <div class="input-append">
            <input class='span6' type='url' id='import_url'
                   ng-model='import_url' required
                   placeholder="https://github.com/github_user_id/repo_name">
            <button class="btn" type="submit" ng-click="create_template_project_by_url(import_url, 'import-button')">Import</button>
          </div>
        </div>
      </div>
    </form>
  </div>

</div>